storybook addon-a11 y:让我们选择将wcag 21 aaa设置为我们的标准

njthzxwz  于 2022-10-29  发布在  其他
关注(0)|答案(1)|浏览(148)

您的功能请求是否与问题相关?请描述

我们希望以AAA可访问性为目标,但是A11 y插件使用AA作为通过的阈值,并且不显示AAA违规。

描述您想要的解决方案

应该有一个配置设置来指定您希望A11 y用作目标的标准。

描述您考虑过的替代方案

我们也在研究如何在jest-axe测试中指定这一点,但是将其显示在Storybook UI中对于浏览Storybook但不运行测试的人(例如,利益相关者)来说是一个很好的保证。

您是否能够帮助实现该功能?

我也想,但不行!我技术不够。

其他上下文

我们知道该组件未通过AAA颜色对比度检查,但由于它通过了AA Storybook,因此将其标记为通过。

3vpjnl9f

3vpjnl9f1#

应该可以通过自定义标记设置进行管理:
https://storybook.js.org/addons/@storybook/addon-a11y/的最大值
https://www.deque.com/axe/core-documentation/api-documentation/#axe-core-tags
事实上,如果有一个UI选项来选择WCAG级别(包括自定义规则集),那就太好了。例如,由于WCAG 2.1 AA有时候很难达到,我们希望定义一个允许进入生产的最低可接受级别。

相关问题