Utilizzo del plugin axe Linter con gli IDE JetBrains
Informazioni sull'utilizzo del plugin con IntelliJ IDEA Ultimate e WebStorm
Il plugin axe DevTools Linter per gli IDE JetBrains (attualmente sono supportati solo IntelliJ IDEA Ultimate e WebStorm su Linux, macOS e Windows) consente di verificare la presenza di problemi di accessibilità nel codice nell'IDE. Puoi controllare React (JSX), React Native, Angular, Vue, HTML e Markdown per individuare i difetti di accessibilità più comuni.
La Community Edition di IntelliJ IDEA non è supportata perché non supporta LSP (Language Server Protocol). Solo IntelliJ IDEA Ultimate Edition o WebStorm supporta LSP. LSP richiede anche la versione 2023.2 o successiva di IntelliJ IDEA Ultimate o WebStorm.
Panoramica del suo utilizzo
Il plugin evidenzia gli errori di accessibilità nell'IDE con una linea ondulata rossa e fornisce un suggerimento che indica l'errore. La descrizione comandi include un collegamento a Deque University per ulteriori informazioni sull'errore di accessibilità specificato. Gli errori di accessibilità vengono visualizzati anche nella finestra degli strumenti Problemi nell'IDE, come mostrato di seguito in WebStorm:
Allo stesso modo, per IntelliJ, la seguente schermata mostra due errori di accessibilità (un valore errato per l'attributo lang e un elemento di intestazione vuoto):
Per maggiori informazioni sui controlli di accessibilità eseguiti dal plugin, vedere Regole di accessibilità.
Inizia
Puoi scaricare il plugin dal repository Agora di Deque utilizzando il tuo account Agora.
Per scaricare il plugin è necessario avere un account Deque Agora. Per assistenza, contatta direttamente il tuo rappresentante Deque, contattaci tramite il nostro support desk o inviaci un'e-mail.
Il plugin è distribuito come file .jar il cui nome del file è nel formato axe-devtools-linter-versione.jar (dove versione è la versione del plugin).
Puoi installare il plugin nel tuo IDE seguendo i passaggi indicati in Installa plugin da disco.
Configurazione
Non è necessario configurare il plugin, ma potresti volerne modificare il comportamento creando file di configurazione axe-linter.yml . Per ulteriori informazioni, vedere:
- Configurazione di axe DevTools Linter per un riferimento alle opzioni di configurazione di axe DevTools Linter
- Linting di componenti personalizzati con axe Accessibility Linter per VS Code o JetBrains IDE per informazioni sulla configurazione del plugin per analizzare i componenti personalizzati
Supporto alle regole di accessibilità
Per ulteriori informazioni sulle regole utilizzate dal plugin per individuare gli errori di accessibilità, vedere Regole di accessibilità.
Prossimi passi
Questo sito di documentazione contiene informazioni sull'utilizzo delle varie offerte di axe DevTools Linter. Per ulteriori informazioni, vedere Informazioni su axe DevTools Linter.