看看这个image。
我有一个包含输入的表。每个输入都由列标题单元格和行标题单元格定义。如何确保盲人用户知道在每个输入字段中键入什么?
让我们用下面这个简化的html表作为示例:
<table border="1">
<tr>
<th></th>
<th>Income</th>
<th>Change</th>
</tr>
<tr>
<th>Personal income</th>
<td><input type="number" value="0"></td>
<td><input type="number" value="0"></td>
</tr>
<tr>
<th>Company earnings</th>
<td><input type="number" value="0"></td>
<td><input type="number" value="0"></td>
</tr>
</table>
https://jsfiddle.net/vzr6rmzx/
最佳答案
W3在示例3中描述了答案:
https://www.w3.org/WAI/tutorials/forms/grouping/
基本上,您需要使用隐藏的字段集、图例和标签。这个例子使用了一个隐藏标签的类,但是我建议您考虑aria标签标签,它只由屏幕阅读器(和其他辅助技术)读取,但在视觉上是隐藏的。