ARIA:地標角色
地標是頁面上的一個重要子部分。landmark 角色是內容區域的 aria 角色值的抽象超類,這些內容區域足夠重要,使用者可能希望能夠直接導航到它們。
注意:landmark 角色是一個抽象角色。將其包含在此處是為了文件的完整性。Web 作者不應使用它。
描述
landmark 是內容區域的抽象角色,該內容區域足夠重要,使用者可能希望能夠輕鬆導航到該區域,並將其包含在頁面的動態生成的摘要中。地標允許輔助技術快速導航和查詢內容。
要建立地標角色,請使用語義元素(例如<section>、<nav> 或<main>)定義內容的目的,或新增作為landmark 角色的子類的 ARIA 角色,例如role="banner"、role="complementary" 或role="region"。請勿使用role="landmark"。
應提供一個可見標籤,並使用aria-labelledby進行引用。如有必要,可以使用aria-label提供簡短、描述性的標籤。
對於螢幕閱讀器使用者,新增地標角色實際上為螢幕閱讀器使用者建立了“跳過連結”,但不要替換頁面內的導航,因為地標角色不會以其他方式顯示。
最佳實踐
請勿使用role="landmark"。請使用 HTML 和子類地標角色。
地標確保內容位於可導航區域中。對於role="main",請使用<main>;對於role="banner",請使用<header>;對於role="navigation",請使用<nav>;對於role="contentinfo",請使用<footer>。將角色與關聯的語義元素一起冗餘地包含在內也是一個好習慣。使用非語義元素(例如<div>)並使用地標角色新增語義不是一個好習慣。但請包含其中一個或兩個。否則,您的內容對於螢幕閱讀器使用者來說將不再那麼可導航。
規範
| 規範 |
|---|
| 可訪問的富網際網路應用程式 (WAI-ARIA) # 地標 |