鍵盤互動

按鍵動作
Tab將焦點移到按鈕或連結上。
Enter觸發按鈕,或開啟連結。
空白鍵觸發按鈕。在連結上則會捲動頁面(原生行為)。

無障礙說明

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