WAI-ARIA, Web Accessibility Initiative – Accessible Rich Internet Applications

使得HTML 元素更具语义, 用文字描述视觉\互动等信息, 方便功能障碍人群通过文字阅读器从网页中获取更准确的信息

一些语义化完备的HTML 标签则没必要添加ARIA 了

role 角色, 定义元素是干什么的

role="navigation" (<nav>)
role="complementary" (<aside>)
role="banner"
role="search"
role="tabgroup"
role="tab"

aria-* 属性或状态, 像是必填啊, 禁止输入啊什么的

让屏幕阅读器(辅助程序)忽略某元素

role="presentation", 清除元素原语义(比如用table 来布局的时候)

不影响子元素

aria-hidden=”true”, 把元素从语义树中删除

从可访问性树中完全删除所有元素(子元素和内容)

宁愿没有ARIA, 也不要有不当的ARIA

• 参考