Forms 我的表格是否放在一张桌子上?

Forms 我的表格是否放在一张桌子上?,forms,accessibility,section508,wcag,Forms,Accessibility,Section508,Wcag,我正在制作一份表格,根据所提供的体育项目和体育领域的划分来搜索大学。我已经把表格摆在桌子上了。“所有分区”复选框选择该运动的所有复选框 我知道屏幕阅读器有窗体和表格两种模式。我当前的设计是否可以访问,或者我是否应该为每个复选框添加标签,并将其放置在屏幕外供视觉用户使用?这还需要至少满足第508节的要求 表的当前代码如下所示: <table> <tr><th scope="col" colspan="2">All Divisions</th

我正在制作一份表格,根据所提供的体育项目和体育领域的划分来搜索大学。我已经把表格摆在桌子上了。“所有分区”复选框选择该运动的所有复选框

我知道屏幕阅读器有窗体和表格两种模式。我当前的设计是否可以访问,或者我是否应该为每个复选框添加标签,并将其放置在屏幕外供视觉用户使用?这还需要至少满足第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>

所有部门
第一组
第二组
图书馆
其他
棒球
篮球

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

我认为每个复选框都需要单独的标签,但是您可以使用表格单元格上的标签来实现相同的效果。

好(向下滚动到第节)


所有部门
第一组
第二组
图书馆
其他
棒球

它是可访问的。我将代码压缩到一个html文档中,并能够在Firefox3.0和InternetExplorer7中使用Jaws版本10.0作为屏幕阅读器来读取带有标题的复选框

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