【HTML】aria-label 介紹

最後更新日期：2024年10月02日

• 用法：aria-label 直接在元素內提供一個字符串，作為屏幕閱讀器的說明文本。

• 特性：不依賴於 DOM 中的其他元素，僅使用 aria-label 內的值作為該元素的名稱或說明。

• 適用情況：當你希望為某個元素提供一個簡單且不在頁面上顯示的標籤時，例如按鈕、圖片或表單控件。

範例：

<button aria-label=”關閉”>X</button>

在這個範例中，按鈕上可能只顯示一個 “X”，但屏幕閱讀器會讀出 “關閉”。