html 里面的 role 属性的用途

html-css018

html 里面的 role 属性的用途,第1张

html 里面的 role 本质上是增强语义性，当现有的 HTML标签 不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、 可用性 和可 交互性 。

role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button。

比如：

HTML5的标签属性，可以用于标识一个普通的标签，使之语义化，方便浏览器对其具体功能进行识别。

例如div容器制作的导航栏，加上role="navigation"，就可以让浏览器知晓这是一个导航容器而不是一个普通的容器，从而在面对一些特殊人群的时候可以做出正确的反应（例如盲人）……

-来自知乎（Blueve）