今天我找到了一个很好的例子，以一种很酷的方式使整个 div 可点击。
有没有办法让这种效果与屏幕阅读器和键盘用户兼容，如果 JS 禁用（使用 css 悬停），甚至至少可以访问。
至少，如果 JS 被禁用，链接应该显示在某处。
问问题
168 次
2 回答
3
该示例使用 js 在悬停时插入锚链接，并且完全无法从键盘或关闭 js 的任何人访问。为了使其可访问，将锚链接放在标记中，然后使用 javascript 添加一个类，将它们移出屏幕（否定text-indent或display: block; position: absolute; margin-left: -9000px;（不要使用display: none;）。这样所有用户都可以通过链接导航。请使用链接文本除了“阅读更多”之外的东西。屏幕阅读器用户经常使用屏幕缓冲区来扫描页面上所有链接的列表。没有多少东西比 12 个链接都说“阅读更多”（也许使用“阅读更多约<article topic>）。
于 2011-10-04T19:48:45.947 回答
0
如果您希望在禁用 Javascript 时显示一些 HTML，您可能会对<noscript>标签感兴趣。
欲了解更多信息：HTML<noscript>标签
于 2010-04-01T11:15:21.143 回答