如何使屏幕阅读器和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>）。