18910140161

当使用语义HTML创建<table>时,我可以使用<h1>和aria-descriptionby代替<caption>吗?-堆栈溢出

顺晟科技

2022-10-19 14:33:45

192

我正在使用HTML制作一个表。它需要满足WCAG标准,但我有问题理解什么是一个可接受的标题表。我可以使用and代替元素吗?

我遵循了W3 Web辅助功能教程-它们的所有示例都符合WCAG。虽然我的表似乎不符合WCAG H39使用标题元素将数据表标题与数据表关联.

基于W3方法2这是我目前拥有的:

<h1>

顺晟科技:

我已经在Chrome 94中使用JAWS 2020和NVDA 2021.2测试了您的示例,我看不出使用带有on元素的标记而不是使用。两个屏幕阅读器以与本机元素完全相同的方式宣布with,并在删除元素时将文本视为表的标题。

许多应用程序在不适用的情况下使用自定义表布局,因此它们依赖或命名表并描述其内容。

在我看来,WCAG的建议是为了确保开发人员尽可能多地使用标准HTML5元素,但您的使用方法和达到同样的效果。因此,尽可能使用标准的HTML5元素;在不可能的情况下(即您无法控制这部分代码),您可以使用ARIA为屏幕阅读器实现相同的效果。

您首先必须理解元素可以有一个“可访问的名称”和一个“可访问的描述”。“可访问名称”通常只是被称为“名称”,是辅助技术用来引用元素的东西。例如,名称是当您导航到元素时屏幕阅读器宣布的名称,并且该名称是语音接口用户选择元素时会说的话(“click)。

在引用processing from W3的方法2的示例中,正在设置表的“可访问description”。设置可访问的名称。请注意,W3示例设置,而不仅仅是。

所以,如果您只使用而不是a,那么您只是在设置表的描述。该表没有屏幕阅读器要宣布的名称,但它仍将宣布描述。

所以你问题的答案是,“不完全是”。您可以使用and,但不能替换and,因为标题是表的可访问的名称。但是您可以稍微调整一下,使用and而不是标题来设置可访问的名称。

注意,您可以设置一个不可见的名称,以便设置可访问的名称(屏幕阅读器会宣布它),以防您担心页面的美观性,并且不想要可见的标题。可见字幕是一种最佳做法,但如果需要,您当然可以隐藏它。但是不要用CSS隐藏标题。相反,使用CSS隐藏它,使用“sr-only”类将大小设置为1个像素。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航