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

drug94501 11 0 pdf 2021-10-04 18:10:04

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

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

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

用户评论
请输入评论内容
评分:
暂无评论