html 里面的 role 屬性詳解

• 使用role屬性告訴輔助設備（如屏幕閱讀器）這個元素所扮演的角色，屬於WAI-ARIA.WAI-ARIA是W3C的可訪問性倡議，是一組可以被添加到HTML元素中的屬性。
• 本質上是增強語義性，當現有的HTML標簽不能充分表達語義性的時候，就可以借助role來說明。通常這種情況出現在一些自定義的組件上（例如一個tree組件，html里目前還沒有tree這個標簽），這樣可增強組件的可訪問性、可用性和可交互性。
• 讓網站更符合W3C標准
• 更有利於搜索引擎優化

  ---

  例如：

  <header role="banner">