今天我找到了good example to make whole div clickable in a cool way。
有没有办法让这个效果与屏幕阅读器和键盘用户兼容，甚至至少可以在JS禁用时使用（使用css悬停）。
至少，如果JS被禁用，链接应显示在某处。
答案 0 :(得分：3)
该示例使用js在悬停时插入锚链接，并且从键盘或关闭js的任何人都无法访问。要使其可访问，请将锚链接放在标记中，然后使用javascript添加将其移出屏幕的类（否定text-indent或display: block; position: absolute; margin-left: -9000px;（不要使用display: none;）。所有用户都可以通过链接进行导航。除了“阅读更多”之外，请使用链接文本。屏幕阅读器用户经常使用屏幕缓冲区扫描页面上所有链接的列表。没有多少东西比12个链接都说“阅读更多”（或许使用“阅读更多关于<article topic>）。
答案 1 :(得分：0)
如果您希望在禁用Javascript时显示某些HTML，则可能会对<noscript>标记感兴趣。
有关更多信息： HTML <noscript> Tag