SkipLinks (am-skip-links)
am-skip-links 會在鍵盤 focus 進入時顯示 landmark links,讓使用者跳過重複的 header 或 navigation。它不會猜測頁面結構,所有 target 都由 consumer 指定。
<SkipLinks links={[ { label: "Skip to main content", href: "#main-content" }, { label: "Skip to footer", href: "#footer" }, ]}/>
<main id="main-content" tabindex="-1"> <!-- page content --></main>每個 href 都應對應頁面中唯一的 id;對需要接收 focus 的非互動 landmark,可由 consumer 加上 tabindex="-1"。元件不承擔焦點管理或頁面 layout。