html - 如何在表格单元格中实现不可见但可访问的链接?

标签 html accessibility wcag

我正在尝试创建一个可点击的空表格单元格,该单元格也易于访问。

用例:一天的日程表,每个单元格代表一个时间段。在单元格中没有任何内容的情况下,时间段可用并且应该是可点击的,以便可以预订时间段。

我该如何实现才能使其符合 WCAG2.0 标准?

最佳答案

如果您特别考虑盲人(大多数考虑可访问性的网络作者/设计师确实如此),那么您可以包括例如带有描述性替代文本的单像素透明图像,例如

<td><a href=...><img alt=Available src=pixel1.gif width=1 height=1></a></td>

使用一些 CSS 使 a 元素在视觉上填充 td 元素。

但从更广泛的角度考虑,您可以从这样一个问题开始:是否所有有视力的人都会立即理解空白单元格表示有空。通常,当出现空单元格问题时,解决方案包括以某种方式使其非空。

关于html - 如何在表格单元格中实现不可见但可访问的链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19712219/

相关文章:

html - 带边框的 CSS 等高 div

javascript - 是否可以检查用户是否有摄像头和麦克风以及是否已使用 Javascript 授予权限?

html - 有什么方法可以避免在 WAVE 辅助功能工具上出现此警告(文本太小),但保持字体大小不变?

html - 可访问用户的链接内的图像

firefox - Firefox 中的辅助工具是否符合 ADA 标准?

javascript - 填充半径是否有属性或解决方法?

javascript - Vue Canvas $ref 未在调整大小时定义。抛出错误但作品似乎仍然有效?

android - Xamarin.Forms android - 调整控件大小以考虑辅助功能设置

javascript - 创建一个可访问的列表,其中每个 li 元素内部都有一些复杂的内容

html - 如果盲人用户无法通过 Tab 键访问信息文本,那么他们将如何访问信息文本呢?