Question

我正在制作一份表格，根据所提供的运动项目和运动的划分来搜索大学。我把表格放在桌子上。 “所有分区”复选框选中该运动的所有复选框。

我知道屏幕阅读器有表格和表格模式。我当前的设计是否可访问，或者我应该为每个单独的复选框添加标签，并将它们放在屏幕上以供视觉用户使用这也至少需要符合Section 508的要求。

表的当前代码如下所示：

<table>
        <tr><th scope="col" colspan="2">All Divisions</th>
            <th scope="col">Div I</th>
            <th scope="col">Div II</th>
            <th scope="col">Div III</th>
            <th scope="col">Other</th>
        </tr>
        <tr><th scope="row">Baseball</th>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
        </tr>                    
        <tr><th scope="row">Basketball</th>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
            <td><input type="checkbox" /></td>
        </tr>
    </table>

我想知道的是屏幕阅读器是否能够将表格标题与复选框相关联。

Answer 1

可以访问。我把代码变成了一个html文档，并且能够使用Jaws 10.0版作为屏幕阅读器阅读firefox 3.0和Internet Explorer 7中带有标题的复选框。

Answer 2

我认为您需要为每个复选框添加单独的标签，但可能能够使用表格单元格上的headers attribute来实现相同的效果。< / p>

Answer 3

确定using the "ID" and "Headers" attributes in tables（向下滚动到部分）。

<table>
    <tr><th id="all" colspan="2">All Divisions</th>
        <th id="div1">Div I</th>
        <th id="div2">Div II</th>
        <th id="div3">Div III</th>
        <th id="other">Other</th>
    </tr>
    <tr><td id="baseball">Baseball</td>
        <td headers="baseball all"><input type="checkbox" /></td>
        <td headers="baseball div1"><input type="checkbox" /></td>
        <td headers="baseball div2"><input type="checkbox" /></td>
        <td headers="baseball div3"><input type="checkbox" /></td>
        <td headers="baseball other"><input type="checkbox" /></td>
    </tr>                    
</table>

我的表格是否可以在表格中找到？

3 个答案: