在开篇之前先记录一个概念,在看官方的实例代码时,经常看到类似aria-haspopup="true"
、aria-expanded="false"
、role="separator"
、role="menu"
、role="tab"
等等代码,删除之后看似没有变化,百度之后才知道这写是为了支持无障碍阅读而设计的,主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员。尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文。这里也找到了一个总结很详细的博客,一起学习http://www.zhangxinxu.com/wordpress/2012/03/wai-aria-%E6%97%A0%E9%9A%9C%E7%A2%8D%E9%98%85%E8%AF%BB/。
网友评论