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 (solo IntelliJ IDEA Ultimate e WebStorm su Linux, macOS e Windows sono attualmente supportati) consente di controllare il codice per problemi di accessibilità nell'IDE. È possibile verificare React (JSX), React Native, Angular, Vue, HTML, e Markdown per difetti di accessibilità comuni.
L'edizione Community 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 link a Deque University per ulteriori informazioni sull'errore di accessibilità specificato. Gli errori di accessibilità appaiono anche nella finestra strumenti Problemi nell'IDE, come mostrato di seguito in WebStorm:
Similmente, per IntelliJ, lo screenshot seguente mostra due errori di accessibilità (un valore errato per l'attributo lang e un elemento intestazione vuoto):
Per ulteriori informazioni sui controlli di accessibilità che il plugin esegue, vedere 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 assistenza, contatta direttamente il tuo rappresentante Deque, raggiungici tramite il nostro support desk, oppure mandaci un'email.
Il plugin è distribuito come .jar un file il cui nome è nel formato axe-devtools-linter-version.jar (dove version è la versione del plugin).
Puoi installare il plugin nel tuo IDE seguendo i passaggi in Installa plugin da disco.
Configurazione
Non è necessario configurare il plugin, ma potresti voler modificare il suo comportamento creando axe-linter.yml file di configurazione. 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 IDE JetBrains per informazioni su come configurare il plugin per effettuare linting su componenti personalizzati
Supporto alle Regole di Accessibilità
Per ulteriori informazioni sulle regole che il plugin utilizza per individuare gli errori di accessibilità, vedere Regole di Accessibilità.
Prossimi Passi
Questo sito di documentazione contiene informazioni sull'uso delle varie offerte di Axe DevTools Linter. Per ulteriori informazioni, vedere Informazioni su Axe DevTools Linter.