位置: 编程技术 - 正文
详解Bootstrap的aria-label和aria-labelledby应用(bootstrap boosting)
编辑：rootadmin推荐整理分享详解Bootstrap的aria-label和aria-labelledby应用(bootstrap boosting)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:bootstrap adf,bootstrap boosting,bootstrap adf,bootstrap validator,bootstrap aria,bootstrap accordion,bootstrap aggregation,bootstrap adf,内容如对您有帮助，希望把文章链接给更多的朋友！
aria-label
正常情况下，form表单的input组件都有对应的label.当input组件获取到焦点时，屏幕阅读器会读出相应的label里的文本。如：
但是如果我们没有给输入框设置label时，当其获得焦点时，屏幕阅读器会读出aria-label属性的值，aria-label不会在视觉上呈现效果。如：
aria-labelledby属性
当想要的标签文本已在其他元素中存在时，可以使用aria-labelledby，并将其值为所有读取的元素的id。如下：当ul获取到焦点时，屏幕阅读器是会读：“选择您的职位”
PS：如果一个元素同时有aria-labelledby和aria-label，读屏软件会优先读出aria-labelledby的内容
以上内容是小编给大家介绍的Bootstrap的aria-label和aria-labelledby应用相关内容，希望本文分享能够给大家带来帮助，同时感谢大家一直以来对积木网网站的支持。
Javascript基于对象三大特性（封装性、继承性、多态性） Javascript基于对象的三大特征和C++，Java面向对象的三大特征一样，都是封装(encapsulation)、继承(inheritance)和多态(polymorphism)。只不过实现的方式不同，其基
javascript从定义到执行 你不知道的那些事 javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境栈、全局对象、
JavaScript原型及原型链终极详解 JavaScript原型及原型链终极详解一.普通对象与函数对象JavaScript中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object，Function是JS自带
上一篇：详解Bootstrap glyphicons字体图标(详解九章算法)
