輔助技術已隱藏畫面外的內容

請務必只讓螢幕閱讀器和其他輔助技術存取網頁的相關部分。例如，輔助技術應隱藏畫面外的內容。

如何手動測試

如要確認螢幕外內容是否已隱藏，則應使用螢幕閱讀器進行測試。

使用 TAB 鍵瀏覽頁面。螢幕閱讀器不應朗讀隱藏的內容。

如何修正

如要隱藏畫面外內容，請將含有該內容的元素設為 display: none 或 visibility: hidden，從而從分頁順序中移除該元素。

例如：

.remove-me {
  visibility: hidden;
}

<button class="remove-me">Can't reach me with the TAB key!</button>

另請參閱「正確設定畫面外內容的可見度」。

資源

螢幕外內容隱藏在輔助技術中稽核的原始碼