我正在尝试用jest-axe
介绍可访问性测试。
唯一的问题是我使用的是JSX
而不是html
,所以我的第一个问题是是否可以将axe与JSX
组件一起使用。
如果可能的话,采取什么措施来解决错误:
“所有页面内容都应包含在地标(区域)”?
首先,我正在尝试一个示例组件:
<View>
<Text>Hello</Text>
</View>
并使用axe测试可访问性错误:
describe("Sample Component", () => {
it("Should check for accessibility issues", () => {
const wrapper = mount(
<SampleComponent></SampleComponent>
);
const results = await axe(wrapper.getDOMNode());
expect(results).toHaveNoViolations();
});
});
发布于 2022-06-02 00:34:38
在编写本报告时02-06-2022
Axe与react不兼容--本机为Aryella Lacerda在她的文章中强调
然而,Axe只支持基于HTML的语言,不幸的是,它排除了.
幸运的是,她创建了响应本地可访问性引擎,这是一个测试库,允许您对可访问性进行断言,利用响应本机可访问性API。它与jest相结合,使在现有测试中添加可访问性测试变得轻而易举。她的文章还包括了让react本地应用程序可访问的策略。
Scott的这篇文章是创建可访问的反应本地应用程序的另一个很好的资源。
https://stackoverflow.com/questions/69986180
复制相似问题