我正在尝试创建一个可点击的空表格单元格,该单元格也易于访问。
用例:一天的日程表,每个单元格代表一个时间段。在单元格中没有任何内容的情况下,时间段可用并且应该是可点击的,以便可以预订时间段。
我该如何实现才能使其符合 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/