De Axe Linter Plugin gebruiken met JetBrains IDE's
Informatie over het gebruik van de plugin met IntelliJ IDEA Ultimate en WebStorm
De Axe DevTools Linter plugin voor JetBrains IDE's (alleen IntelliJ IDEA Ultimate en WebStorm op Linux, macOS en Windows worden momenteel ondersteund) stelt je in staat om je code te controleren op toegankelijkheidsproblemen in de IDE. Je kunt React (JSX), React Native, Angular, Vue, HTML en Markdown controleren op veelvoorkomende toegankelijkheidsfouten.
De Community Editie van IntelliJ IDEA wordt niet ondersteund omdat het geen LSP (Language Server Protocol) ondersteunt. Alleen IntelliJ IDEA Ultimate Edition of WebStorm ondersteunt LSP. LSP vereist ook versie 2023.2 of later van IntelliJ IDEA Ultimate of WebStorm.
Overzicht van het Gebruik
De plugin markeert toegankelijkheidsfouten in de IDE met een rode golvende lijn en biedt een tooltip die de fout aangeeft. De tooltip bevat een link naar Deque University voor meer informatie over de gespecificeerde toegankelijkheidsfout. De toegankelijkheidsfouten verschijnen ook in het Probleemvenster in de IDE, zoals hieronder getoond in WebStorm:
Op dezelfde manier laat de volgende screenshot voor IntelliJ twee toegankelijkheidsfouten zien (een verkeerd gespelde waarde voor het lang attribuut en een lege koptage):
Voor meer informatie over de toegankelijkheidscontroles die de plugin uitvoert, zie Toegankelijkheidsregels.
Aan de Slag
Je kunt de plugin downloaden van Deque's Agora-repository met je Agora-account.
Je moet een Deque Agora-account hebben om de plugin te downloaden. Voor hulp, neem direct contact op met je Deque-vertegenwoordiger, bereik ons via onze supportdesk, of stuur ons een e-mail.
De plugin wordt verspreid als .jar bestand waarvan de bestandsnaam het formaat heeft axe-devtools-linter-versie.jar (waarbij versie de versie van de plugin is).
Je kunt de plugin installeren in je IDE door de stappen te volgen bij Plugin installeren van schijf.
Configuratie
Het is niet nodig om de plugin te configureren, maar je zou het gedrag kunnen veranderen door axe-linter.yml configuratiebestanden te maken. Voor meer informatie, zie:
- Configuratie van Axe DevTools Linter voor een referentie naar de configuratieopties van Axe DevTools Linter
- Aangepaste componenten linten met de Axe Toegankelijkheids Linter voor VS Code of JetBrains IDE's voor informatie over het configureren van de plugin om aangepaste componenten te linten
Ondersteuning van Toegankelijkheidsregels
Voor meer informatie over de regels die de plugin gebruikt om toegankelijkheidsfouten te lokaliseren, zie Toegankelijkheidsregels.
Volgende stappen
Deze documentatiesite bevat informatie over het gebruik van de verschillende aanbod van Axe DevTools Linter. Voor meer informatie, zie Over Axe DevTools Linter.