1. 首页
  2. 编程语言
  3. Javascript
  4. 详解Bootstrap的aria-label和aria-labelledby应用

详解Bootstrap的aria-label和aria-labelledby应用

上传者: 2021-10-04 18:15:04上传 PDF文件 63.23 KB 热度 12次

正常情况下,form表单的input组件都有对应的label.当input组件获取到焦点时,屏幕阅读器会读出相应的label里的文本。但是如果我们没有给输入框设置label时,当其获得焦点时,屏幕阅读器会读出aria-label属性的值,aria-label不会在视觉上呈现效果。当想要的标签文本已在其他元素中存在时,可以使用aria-labelledby,并将其值为所有读取的元素的id。

用户评论