Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/jenkins/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为HTML表提供正确的可访问性_Html_Html Table_Accessibility_Wcag_Wcag2.0 - Fatal编程技术网

为HTML表提供正确的可访问性

为HTML表提供正确的可访问性,html,html-table,accessibility,wcag,wcag2.0,Html,Html Table,Accessibility,Wcag,Wcag2.0,我在页面中使用了一个数据表,需要满足AA可访问性标准,但我的客户告诉我,该表不符合基本的可访问性标准 我的客户正在使用一个名为的在线服务,它会抛出各种各样的错误。所以我使用Total Validator的另一个服务运行了一个等效测试,这表明一切正常。显然,除此之外,我已经阅读了很多指南,但我仍然觉得我没有足够的清晰度回到客户那里,让他们放心,或者进行我需要的修复 据我所知,在HTML5中被弃用,尽管它可能有用,但不是W3C标准的要求 我唯一能想到的另一件事是为或可能的元素添加一个作用域,但从关于

我在页面中使用了一个数据表,需要满足AA可访问性标准,但我的客户告诉我,该表不符合基本的可访问性标准

我的客户正在使用一个名为的在线服务,它会抛出各种各样的错误。所以我使用Total Validator的另一个服务运行了一个等效测试,这表明一切正常。显然,除此之外,我已经阅读了很多指南,但我仍然觉得我没有足够的清晰度回到客户那里,让他们放心,或者进行我需要的修复

据我所知,
在HTML5中被弃用,尽管它可能有用,但不是W3C标准的要求

我唯一能想到的另一件事是为
或可能的
元素添加一个作用域,但从关于这个()的文档中可以看出,在这个上下文中,只要有一个
就可以了

我在下面提供了一些示例标记,希望您能提供一些提示:

<table>
    <caption>
    This is a caption
    </caption>
    <thead>
        <tr>
            <th>Day</th>
            <th>Time</th>
            <th>Lesson</th>
        </tr>
    </thead>

    <tbody> 
        <tr>
            <td rowspan="3"><strong>Monday</strong></td>
            <td>19:00 - 19:45</td>
            <td>Lesson 1</td>
        </tr>
        <tr>
            <td>18:00 - 19:00</td>
            <td>Lesson 2</td>
        </tr>
        <tr>
            <td>19:00 - 20:00</td>
            <td>Lesson 3</td>
        </tr>
        <tr>
            <td rowspan="4"><strong>Tuesday</strong></td>
            <td>09:15 - 09:45</td>
            <td>Lesson 1</td>
        </tr>
        <tr>
            <td>17:45 - 18:15</td>
            <td>Lesson 2</td>
        </tr>
        <tr>
            <td>18:15 - 18:45</td>
            <td>Lesson 3</td>
        </tr>
        <tr>
            <td>19:00 - 20:00</td>
            <td>Lesson 4</td>
        </tr>
        <tr>
            <td rowspan="2"><strong>Wednesday</strong></td>
            <td>18:00 - 19:00</td>
            <td>Lesson 1</td>
        </tr>
        <tr>
            <td>19:00 - 20:00</td>
            <td>Lesson 2</td>
        </tr>
        <tr>
            <td rowspan="4"><strong>Thursday</strong></td>
            <td>07:30 - 08:00</td>
            <td>Lesson 1</td>
        </tr>
        <tr>
            <td>18:00 - 19:00</td>
            <td>Lesson 2</td>
        </tr>
        <tr>
            <td>19:15 - 19:45</td>
            <td>Lesson 3</td>
        </tr>
        <tr>
            <td>19:45 - 20:15</td>
            <td>Lesson 4</td>
        </tr>
        <tr>
            <td rowspan="3"><strong>Friday</strong></td>
            <td>07:15 - 07:45</td>
            <td>Lesson 1</td>
        </tr>
        <tr>
            <td>15:30 - 17:00</td>
            <td>Lesson 2</td>
        </tr>
        <tr>
            <td>18:00 - 19:00</td>
            <td>Lesson 3</td>
        </tr>
    </tbody>
</table>

这是一个标题
白天
时间
课程
周一
19:00 - 19:45
第1课
18:00 - 19:00
第二课
19:00 - 20:00
第三课
周二
09:15 - 09:45
第1课
17:45 - 18:15
第二课
18:15 - 18:45
第三课
19:00 - 20:00
第四课
周三
18:00 - 19:00
第1课
19:00 - 20:00
第二课
周四
07:30 - 08:00
第1课
18:00 - 19:00
第二课
19:15 - 19:45
第三课
19:45 - 20:15
第四课
周五
07:15 - 07:45
第1课
15:30 - 17:00
第二课
18:00 - 19:00
第三课
日单元格:

<td rowspan="3"><strong>Monday</strong></td>
由于您有一个双轴表,
scope
应添加到
thead
中的标题中:

<thead>
    <tr>
        <th scope="col">Day</th>
        <th scope="col">Time</th>
        <th scope="col">Lesson</th>
    </tr>
</thead>

白天
时间
课程
有关说明,请参见。

日单元格:

<td rowspan="3"><strong>Monday</strong></td>
由于您有一个双轴表,
scope
应添加到
thead
中的标题中:

<thead>
    <tr>
        <th scope="col">Day</th>
        <th scope="col">Time</th>
        <th scope="col">Lesson</th>
    </tr>
</thead>

白天
时间
课程

请参阅以获取解释。

您是指带有“AA可访问性标准”的WCAG 2.0 AA吗?@unor是的,那一个,很抱歉不清楚您是指带有“AA可访问性标准”的WCAG 2.0 AA吗?@unor是的,那一个,很抱歉不清楚谢谢stevax,我感觉添加了
scope=“col”
主要标题将构成答案的一部分,但我不知道日单元格也构成标题。尽管你现在指出这一点似乎很明显。在您引用的页面中,它还显示“检查所有充当其他元素标题的td元素是否具有范围属性”。这是否意味着天数单元格也可以编写为代码星期一?我知道这在语义上不正确,但只是检查它是否合理。啊,不,等等。想想最后一个问题。可能不应该这样做,因为这在不同的上下文中是合适的,因为可能
td
s跨越了表主体中的其他单元格。@CraigCooper行标题上不需要
strong
元素,我已经更新了答案以反映这一点。感谢stevax,我感觉添加了
scope=“col”
主要标题将构成答案的一部分,但我不知道日单元格也构成标题。尽管你现在指出这一点似乎很明显。在您引用的页面中,它还显示“检查所有充当其他元素标题的td元素是否具有范围属性”。这是否意味着天数单元格也可以编写为代码星期一?我知道这在语义上不正确,但只是检查它是否合理。啊,不,等等。想想最后一个问题。可能不应该这样做,因为这在不同的上下文中是合适的,可能
td
s跨越了表主体中的其他单元格。@CraigCooper行标题上不需要
strong
元素,我已经更新了答案以反映这一点。