如何使屏幕閱讀器和JS沒有這種效果

Question

今天我找到了good example to make whole div clickable in a cool way。

有沒有辦法讓這個效果與屏幕閱讀器和鍵盤用戶兼容，甚至至少可以在JS禁用的情況下使用（使用css hover）。

至少，鏈接應顯示在某個地方，如果JS被禁用。

Answer 1

如果您希望Javascript禁用時顯示一些HTML，您可能會對<noscript>標記感興趣。

欲瞭解更多信息：HTML <noscript> Tag

Answer 2

這個例子使用JS插入懸停的錨鏈接，並從鍵盤或的人誰JS關閉完全無法訪問。爲了使其可以訪問，請將錨鏈接放在標記中，然後使用javascript添加將其移出屏幕的類（負text-indent或display: block; position: absolute; margin-left: -9000px;（不要使用display: none;）。這樣所有用戶都可以通過鏈接進行導航。除了「閱讀更多內容」外，屏幕閱讀器用戶還經常使用屏幕緩衝區來掃描頁面上所有鏈接的列表。沒有太多比12個鏈接都沒有用處的東西說「閱讀更多」 「閱讀更多關於<article topic>）。