bootstrap 中关于 HTML5 aria-* and role的用法
来源:互联网 发布:windows 每10秒ping 编辑:程序博客网 时间:2024/05/16 12:39
在bootstrap中看到role和aria-*,不知道干嘛的。google一下,发现aria的意思是Accessible Rich Internet Application。 Accessible一般是为不方便的人士提供的功能,比如windows的放大镜,语音朗读,高对比度主题等。
HTML5针对html tag增加的属性:role 和 aria-*。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button。
ARIA Roles
Use the ARIA role attribute to indicate that a generic tag is playing the role of a standard widget like a button.
而aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如,
<div role="checkbox" aria-checked="checked"></div>
辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。
Add ARIA for screen readers
ARIA attributes provides semantic information to screen readers that is normally conveyed visually.
Note that using ARIA does not automatically implement the standard widget behavior, you'll still need to add focus management and keyboard navigation yourself.
- bootstrap 中关于 HTML5 aria-* and role的用法
- HTML5中的aria与role
- Bootstrap的aria-label和aria-labelledby
- Bootstrap的aria-label和aria-labelledby
- Bootstrap的aria-label和aria-labelledby
- aria ArCommands的用法
- Bootstrap的aria-label和aria-labelledby的区别
- 详解Bootstrap的aria-label和aria-labelledby应用
- bootstrap中,role作用角色
- bootstrap中form表单属性role="form"的作用
- 关于flask中Role的解释
- html5中关于input用法的改变
- Test Suites for CSS 2.1, ARIA, and HTML5
- bootstrap中,role="form"及role作用角色
- Bootstrap 中的 aria-label 和 aria-labelledby
- Bootstrap 中的 aria-label 和 aria-labelledby
- html5中关于input用法
- Aria and Teleoperation
- 可恶的ie8 id未定义
- OSI七层模型详解
- 图解Linux下如何搭建C#开发环境
- ios 经典面试题目,三种文件导入方式的区别
- Arcgis js API 学习
- bootstrap 中关于 HTML5 aria-* and role的用法
- MongoVUE使用
- java Socket 使用通用json包 发送 json对象
- Harris Trajkovic 角点检测
- MIT 6.002 circuits & electronics video note
- 百度流量研究院
- 事件/消息派发器
- 如何安全的存储用户的密码
- 小布老师-PL_SQL(第七讲)