html5无障碍标签是什么意思

HTML5无障碍标签主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。

而HTML5无障碍标签就是可以让屏幕阅读器准确识别网页中的内容，变化，状态的技术规范，可以让盲人这类用户也能无障碍阅读！

简单的来说，就是能让有障碍的人进行无障碍阅读的相关设置。

希望对你有帮助，望采纳！

一.什么是role属性

role属性作用是告诉Accessibility类应用（比如屏幕朗读程序，为盲人提供的访问网络的便利程序），这个元素所扮演的角色，主要是供残疾人使用。使用role可以增强文本的可读性和语义化。

在html5元素内，标签本身就是有语义的，因此role是不必添加的，至少是不推荐的，但是bootstrap的案例内很多都是有类似的属性和声明的，目的是为了兼容老版本的浏览器（用户代理），如果你的代码使用了html5标签，并且不准备支持老版本的浏览器，不妨不使用role标签。

二.什么时候使用role？

role的发挥的作用是供有障碍的人士使用，但这并不意味着每个标签都需要增加role属性，因为对于正常的文本本来就可读。role属性的应用主要是表单，比如输入密码，对于正常人可以用placaholder提示输入密码，但是对于残障人士是无效的，这个时候就需要role了。另外，在老版本的浏览器中，由于不支持HTML5标签，所以有必要使用role属性。

---------------------

作者：annip

来源：CSDN

原文：https://blog.csdn.net/annip/article/details/53455226?utm_source=copy

版权声明：本文为博主原创文章，转载请附上博文链接！

旋转球：http://android.d.cn/game/1.html

快乐重力球：http://android.d.cn/game/9710.html

迷宫滚球2：http://android.d.cn/game/15152.html

看看这三款游戏中有没有你找的或者喜欢的呢。

---