Utilizzo del Plugin Axe Linter con gli IDE di JetBrains
Informazioni sull'uso del plugin con IntelliJ IDEA Ultimate e WebStorm
È necessario un abbonamento a pagamento per Axe DevTools Linter per utilizzare il plugin JetBrains.
Il plugin Axe DevTools Linter per gli IDE di JetBrains (sono attualmente supportati solo IntelliJ IDEA Ultimate e WebStorm su Linux, macOS e Windows) ti consente di controllare il tuo codice per problemi di accessibilità nell'IDE. Puoi controllare React (JSX), React Native, Angular, Vue, HTML e Markdown per difetti di accessibilità comuni.
La Community Edition di IntelliJ IDEA non è supportata perché non supporta LSP (Language Server Protocol). Solo IntelliJ IDEA Ultimate Edition o WebStorm supportano 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 tooltip che indica l'errore. Il tooltip include un collegamento a Deque University per ulteriori informazioni sull'errore di accessibilità specificato. Gli errori di accessibilità appaiono anche nel finestra strumenti Problemi nell'IDE, come mostrato di seguito in WebStorm:
Allo stesso modo, per IntelliJ, lo screenshot seguente mostra due errori di accessibilità (un valore scritto male per l'attributo lang e un elemento di intestazione vuoto):
Per maggiori informazioni sui controlli di accessibilità che il plugin esegue, vedi Regole di Accessibilità.
Inizia
Puoi scaricare il plugin dal repository Agora di Deque utilizzando il tuo account Agora.
Devi avere un account Deque Agora per scaricare il plugin. Per aiuto, contatta direttamente il tuo rappresentante Deque, raggiungici tramite il nostro support desk, o mandaci un'email.
Il plugin è distribuito come file .jar il cui nome segue il formato axe-devtools-linter-version.jar (dove version è la versione del plugin).
Puoi installare il plugin nel tuo IDE seguendo i passaggi su Installa plugin da disco.
Configurazione
Non è necessario configurare il plugin, ma potresti voler cambiarne il comportamento creando file di configurazione axe-linter.yml. Per maggiori informazioni, vedi:
- 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 IDE JetBrains per informazioni su come configurare il plugin per controllare componenti personalizzati
Supporto alle Regole di Accessibilità
Per ulteriori informazioni sulle regole che il plugin utilizza per individuare gli errori di accessibilità, vedi Regole di Accessibilità.
Prossimi Passi
Questo sito di documentazione contiene informazioni sull'utilizzo delle varie offerte di Axe DevTools Linter. Per ulteriori informazioni, vedi Informazioni su Axe DevTools Linter.