是我的形式表奠定了访问？

Question

我想提出一个表格来搜索基于提供的运动项目和运动的分裂院校。我有一个表奠定了出来的形式。 “全师”复选框选择该运动的所有复选框。

我知道屏幕阅读器具有两种形式和表格模式。是我目前的设计可以访问或者我应该为每个复选框视觉用户添加标签和放置它们关闭屏幕？这还需要满足至少第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

它是可访问的。我coppyed代码到一个HTML文档，并能够与在两个火狐3.0标头和Internet Explorer 7使用的是JAWS版本10.0作为画面阅读器来阅读的复选框。

Answer 2

我想你会需要单独的标签每个复选框，但您可以可以使用的 headers 的属性在表上的细胞以实现相同的效果。

Answer 3

确定 /一>（向下滚动到一节）。

<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>