跳至內容

jsx_a11y/scope 正確性

🛠️ 此規則有自動修復功能。

功能說明

scope 屬性應僅用於 <th> 元素。

為什麼這樣不好?

scope 屬性可以讓螢幕閱讀器使用者更輕鬆地瀏覽表格,前提是正確使用。不正確地使用 scope 會使表格導覽更加困難和效率低下。螢幕閱讀器在假設表格具有標頭且該標頭指定了 scope 的情況下運作。由於螢幕閱讀器的工作方式,擁有準確的標頭可以使使用該設備的人更容易且更有效率地查看表格。

範例

此規則的不正確程式碼範例

jsx
<div scope />

此規則的正確程式碼範例

jsx
<th scope="col" />
<th scope={scope} />

參考資料

在 MIT 授權下發布。