首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用axe对本机测试作出反应:所有页面内容都应包含在地标(区域)中。

使用axe对本机测试作出反应:所有页面内容都应包含在地标(区域)中。
EN

Stack Overflow用户
提问于 2021-11-16 08:53:22
回答 1查看 212关注 0票数 0

我正在尝试用jest-axe介绍可访问性测试。

唯一的问题是我使用的是JSX而不是html,所以我的第一个问题是是否可以将axe与JSX组件一起使用。

如果可能的话,采取什么措施来解决错误:

“所有页面内容都应包含在地标(区域)”?

首先,我正在尝试一个示例组件:

代码语言:javascript
运行
复制
        <View>
            <Text>Hello</Text>
        </View>

并使用axe测试可访问性错误:

代码语言:javascript
运行
复制
describe("Sample Component", () => {
    it("Should check for accessibility issues", () => {
        const wrapper = mount(
            <SampleComponent></SampleComponent>
          );
          const results = await axe(wrapper.getDOMNode());
      
          expect(results).toHaveNoViolations();
    });
});
EN

回答 1

Stack Overflow用户

发布于 2022-06-02 00:34:38

在编写本报告时02-06-2022

Axe与react不兼容--本机为Aryella Lacerda在她的文章中强调

然而,Axe只支持基于HTML的语言,不幸的是,它排除了.

幸运的是,她创建了响应本地可访问性引擎,这是一个测试库,允许您对可访问性进行断言,利用响应本机可访问性API。它与jest相结合,使在现有测试中添加可访问性测试变得轻而易举。她的文章还包括了让react本地应用程序可访问的策略。

Scott的这篇文章是创建可访问的反应本地应用程序的另一个很好的资源。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69986180

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档