輔助功能 跳鏈
為什麼
使用鍵盤、螢幕閱讀器、開關控制元件和其他輔助技術的使用者可以透過跳鏈更輕鬆、更快速地訪問主內容或其他重要部分。
什麼
最常見的跳鏈是頁面上的第一個互動式元素。它將使用者帶到主內容，繞過 Logo、搜尋和導航等全域性元素。它幾乎總是隱藏的，直到獲得焦點。
如何操作
自己嘗試一下
HTML
跳鏈的 HTML 部分非常簡單。
假設您在網站中使用了 `<header>` 和 `<main>`，正如您在 地標 中學到的那樣。跳鏈是一個全域性元素，因此您應該將其包含在 `<header>` 中。您還需要在 `<main>` 上設定一個 ID，以便您能夠透過錨點連結到它。
<header>
<a href="#main" class="skip">跳至主內容</a>
…
</header>
…
<main id="main">
就這樣。無需 JavaScript。一個連結和一個 ID。
CSS
正如您可能在 HTML 中注意到的，連結具有 class="skip"，以便我們可以隱藏它。
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
這段程式碼將連結移到了瀏覽器之外。如果您不熟悉絕對定位，請閱讀有關 CSS position 屬性 的內容。1px 的大小和 `overflow: hidden;` 是為了應對使用者停用絕對定位的特殊情況。
當連結獲得焦點時，它必須可見。這也透過 CSS 完成
.skip:focus {
position: static;
width: auto;
height: auto;
}
這種方法對於依賴鍵盤和類似輸入的使用者非常有幫助和重要。如果您的網站很複雜，您可能希望新增更多跳鏈，而不僅僅是到主內容。我們稍後將介紹這一點。
