![]() ![]() For setup information, see SonarQube and axe DevTools Linter. Integrating axe DevTools Linter with SonarQube allows you to track accessibility issues in SonarQube's dashboard and monitor your code's accessibility over time. To use the pre-commit hook to block GitHub commits which contain accessibility errors, see Using the Git Pre-Commit Hook. See Using the axe DevTools Linter GitHub Action You can stop code that has accessibility issues from being merged into your code base using the Github action. The Axe DevTools Linter API can be integrated into any environment, including GitHub Actions, SonarQube, Jenkins, as a Git pre-commit, and others. The API requires a key, which you can get with a free trial. In addition to running axe DevTools Linter in Visual Studio Code, axe DevTools Linter is also available as an API or as an on-prem installable server. Read Global Components Libraries for details. axe DevTools Linter supports several popular component libraries, including Material UI and React Native. Doing so enables the built-in custom component mapping for that library and some rules exclusive to this library. You can tell axe DevTools Linter which component library your project uses. For information on using the plugin with your custom components, see Linting Custom Components Component Libraries We have standard mappings for Material UI (mui) and React Native that can be pulled in with a simple configuration change. You can configure axe DevTools Linter to understand your custom components and ensure they are being used in a way that keeps your application accessible. For a complete list of the rules, see axe DevTools Linter Accessibility Rules. # Enable linting MaterialUI componentsĪxe DevTools Linter includes rules for WCAG 2.0 and WCAG 2.1 Level A and AA, as well as a few best practices. 'react-native' # Run React Native rules AxeButton: button # Lint as though it was a heading-order: false # Disable this rule See Configuration File for more information. You can exclude files using wildcards.See Linting Custom Components for more details. You can set up custom component linting.See axe DevTools Linter Accessibility Rules and Configuration for more information. You can specify which accessibility rules axe DevTools Linter should use.You can add a file called axe-linter.yml at your project's root level to configure linting: Configuring the plugin isn't necessary, but if you want to change its behavior, see the next section, Configuration. Get your free trial today!Īfter you click to install the plugin, there will be a slight pause to download additional requirements before axe DevTools Linter starts. Exclude specific rules or files, check custom components, and more.Īxe DevTools Linter is also available as an API and can be integrated into platforms such as GitHub Actions, SonarQube, Jenkins, or as a Git pre-commit hook. Checks React (JSX), React Native, Angular, Vue, HTML, and Markdown.Įasy configuration with axe-linter.yml. Check code files for common accessibility defects. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |