隱藏可見顯示中的非互動式內容仍然由螢幕閱讀器讀取

如果你通過在 CSS 中設定 display: none 來隱藏連結，那麼螢幕閱讀器將無法找到它。

相反，我們絕對定位，剪裁。

CSS

.offscreen { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }

HTML

<div class="offscreen">This text is hidden.</div>

信用 ：

Steve Faulkner（Paciello Group）： HTML5 輔助功能印章：隱藏和詠歎調隱藏 ，2012 年 5 月 1 日。

Ted Drake 的筆記，關於使用螢幕外技術的描述：

使用負位置可以在為 rtl 語言本地化站點時建立長滾動條。此外，它使用常用的 CSS 屬性，並且容易被意外覆蓋。

雅虎無障礙實驗室建議將剪輯用於應向視覺使用者隱藏的內容，但螢幕閱讀器使用者可以使用。Thierry Koblentz 有一篇關於這項技術的精彩文章，以及使用正確的 CSS 技術隱藏內容背後的基本理念。剪輯隱藏的內容以獲得更好的可訪問性