登录
axe Accessibility Linter
分类:工具软件 访问:47 下载量:0

软件介绍

更新时间:2025-04-22

新的介绍内容:

Axe DevTools Linter在VSCode中运行,显示没有alt文本的图像错误

axe Accessibility Linter:提升代码无障碍性的强大工具

axe Accessibility Linter是一款专为开发者设计的无障碍性检查工具,旨在帮助您识别并修复代码中的常见无障碍缺陷。无论您使用的是React (JSX)、React Native、Angular、Vue、HTML还是Markdown,axe Accessibility Linter都能为您提供全面的无障碍性检查。

快速上手

安装插件后,axe DevTools Linter会自动下载所需的附加组件并开始运行。无需配置即可使用,但如果您希望调整其行为,请查看配置部分。

配置

通过在项目根目录添加axe-linter.yml文件,您可以灵活配置axe DevTools Linter:

  • 指定axe DevTools Linter应使用的无障碍规则。更多信息请参见axe DevTools Linter无障碍规则和配置。
  • 设置自定义组件检查。详细信息请参见自定义组件检查。
  • 使用通配符排除文件。更多信息请参见配置文件。

axe-linter.yml示例

rules:
  heading-order: false # 禁用此规则
exclude:
  - 'tests/**/*.html' # 跳过文件
global-components:
  AxeButton: button # 将视为

可用规则

axe DevTools Linter包含WCAG 2.0和WCAG 2.1级别A和AA的规则,以及一些最佳实践。要查看完整的规则列表,请参见axe DevTools Linter无障碍规则。

自定义组件

您可以配置axe DevTools Linter以理解您的自定义组件,确保它们以无障碍的方式使用。我们为Material UI (mui)和React Native提供了标准映射,只需简单配置即可启用。有关如何使用插件与您的自定义组件的信息,请参见自定义组件检查。

组件库

您可以告诉axe DevTools Linter您的项目使用哪个组件库。这样可以启用该库的内置自定义组件映射和一些专属规则。axe DevTools Linter支持包括Material UI和React Native在内的多个流行组件库。详细信息请参见全局组件库。

axe Linter在其他工具中的应用

除了在Visual Studio Code中运行axe DevTools Linter外,axe DevTools Linter还提供API接口或可安装的服务器版本。API需要密钥,您可以通过免费试用获得。

axe DevTools Linter API可以集成到任何环境中,包括GitHub Actions、SonarQube、Jenkins,作为Git预提交钩子等。

  • GitHub Actions:使用GitHub操作阻止包含无障碍问题的代码合并。参见使用axe DevTools Linter GitHub操作。
  • Git预提交钩子:使用预提交钩子阻止包含无障碍错误的GitHub提交。参见使用Git预提交钩子。
  • SonarQube:将axe DevTools Linter与SonarQube集成,允许您在SonarQube仪表板上跟踪无障碍问题,并监控代码的无障碍性。设置信息请参见SonarQube和axe DevTools Linter。
  • Jenkins:如果您使用Jenkins,可以在每次Jenkins构建时自动检查无障碍问题。更多信息请参见Jenkins和axe DevTools Linter。

支持

访问我们的问题报告页面报告问题或请求功能。

要联系axe DevTools Linter开发团队和其他axe DevTools Linter用户,请加入我们的无障碍Slack频道。

遥测

axe DevTools Linter收集最少的遥测数据以监控插件的心跳。收集的数据仅限于扫描的日期和时间、axe DevTools Linter引擎版本以及报告数据的应用程序(axe DevTools Linter)。我们还添加了遥测以收集所有错误消息,以便在需要时提供更好的最终用户体验。

Deque商标政策

DEQUE、DEQUELABS、AXE®和AXE-CORE®是Deque Systems, Inc.的商标。使用Deque商标必须符合Deque的商标政策。

第三方许可

详细信息请参见LICENSE-3RD-PARTY。

本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!

本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!

如有侵权请联系我们删除下架,联系方式:study_golang@163.com

最新教程

查看更多
  • Vue.js 微实战--十天技能课堂
    Vue.js 微实战--十天技能课堂
    咨询微信:ycku_com;该课程是一门实战性质的课程,重点围绕Vue.js框架展开。课程中包含了四个小实战项目:计算器、打卡、史今查询和手机归属地。学习者将通过这些实际的小项目,学会如何使用Vue.js框架构建各种类型的应用。从简单的计算器到更复杂的打卡系统、查询功能和API调用,学习者将掌握Vue.js的核心概念、组件化开发、状态管理以及与后端API的交互。通过这些实战项目,学习者将能够获得丰
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让学生了解MySQL如何与客户端进行通信。此外,课程还将介绍如何优化MySQL的网络通信性能,包括连接池、网络压缩、SSL加密等高级技术。学生将通过实践项目,亲手
  • golang socket 编程
    golang socket 编程
    如有问题加微信:Le-studyg;本课程从基础概念讲起,涵盖了socket编程的核心概念、Golang的socket编程接口、常见协议和案例实战等内容。通过系统地学习,学员将掌握如何使用Golang进行高效的socket编程,从而为开发高性能的网络应用打下坚实的基础。
  • Golang云原生架构师课程
    Golang云原生架构师课程
    Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
  • Go语言课程Gin框架实战
    Go语言课程Gin框架实战
    Gin是一个用Go(Golang)编写的HTTPweb框架。它是一个类似于 martini 但拥有更好性能的API框架,由于 httprouter,速度提高了近40倍。如果你需要极好的性能,使用Gin吧。