鍵盤互動
| 按鍵 | 動作 |
|---|---|
| Tab | 將焦點移到按鈕或連結上。 |
| Enter | 觸發按鈕,或開啟連結。 |
| 空白鍵 | 觸發按鈕。在連結上則會捲動頁面(原生行為)。 |
無障礙說明
- 無障礙名稱取自元素的文字。只有圖示的按鈕需要設定
aria-label。 - 在所有變體、色調和主題下,文字對比度都達到 4.5:1,這由調色盤產生器強制確保。
- 焦點環是 2px 的外框線,在兩種主題下與頁面的對比度都至少為 3:1。
- 停用的
<button>會退出 Tab 鍵順序。停用的連結仍可取得焦點,方便螢幕閱讀器使用者找到它,並會被朗讀為已停用。 - 在強制色彩模式下,透明的邊框會變成使用系統色彩的可見外框。