Cypress-axe插件中用于可访问性测试的误报
Cypress-axe插件中用于可访问性测试的误报
提问于 2021-01-06 09:05:16
我正在使用cypress和storybook的cypress-axe插件运行可访问性测试。当进行了所需的更改时，cypress-axe插件会不断地给出误报。
误报是针对页面标题1的，但我在屏幕截图中显然有一个h1元素。
Cypress版本: 6.1
cypress-axe版本: 0.12.0
下面是有问题的元素的html：
<div role="main"class="example-slider">
<h1 role="banner">Slider</h1>
<mat-slider
min="1"
max="50"
step="0.5"
themePalette="primary"
id="slide"
value="1.5"
aria-label="slider"
role="contentinfo"
>
</mat-slider>
</div>提前感谢您，如果有人可以帮助这一点。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-01-06 17:11:09
不是假阳性。
当你给<h1>一个role的时候，你就改变了它的语义。
role="banner" is effectively the same as ，所以就计算机和辅助技术而言，您已经将<h1>更改为<header>元素。
从<h1>中删除该role="banner"，它将按预期工作(并且在语义上是正确的)。
此外，在整理与<main>相同的东西时，您应该始终尝试使用语义正确的原生<div role="main"元素，因为它们将使您的标记更清晰，并且具有更广泛的支持。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65588794
复制相关文章
相似问题
腾讯云开发者
