html 里面的 role 属性详解

• 使用role属性告诉辅助设备（如屏幕阅读器）这个元素所扮演的角色，属于WAI-ARIA.WAI-ARIA是W3C的可访问性倡议，是一组可以被添加到HTML元素中的属性。
• 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上（例如一个tree组件，html里目前还没有tree这个标签），这样可增强组件的可访问性、可用性和可交互性。
• 让网站更符合W3C标准
• 更有利于搜索引擎优化

  ---

  例如：

  <header role="banner">