html 里面的 role 属性详解

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

     

posted @ 2016-08-28 13:56  南雨北斗  阅读(8097)  评论(0编辑  收藏  举报