Utilizzo dell'estensione Linter di axe per VS Code
Informazioni sull'installazione e l'utilizzo dell'estensione con VS Code
L'estensione axe DevTools Linter per VS Code consente di verificare eventuali problemi di accessibilità nel codice dall'interno dell'IDE di VS Code. Puoi controllare React (JSX), React Native, Angular, Vue, HTML e Markdown per individuare i difetti di accessibilità più comuni.
Ottenere l'estensione
In genere, l'estensione viene scaricata dal marketplace delle estensioni di VS Code. Fare clic sul pulsante Installa , che scaricherà l'estensione e poi chiederà l'autorizzazione ad aprire VS Code per installarla.
Per altri modi per scaricare e installare l'estensione, vedere Installazione in ambienti con restrizioni .
Panoramica del suo utilizzo
L'estensione evidenzia gli errori di accessibilità in Visual Studio Code con una linea ondulata rossa e fornisce un suggerimento che indica l'errore. Inoltre, il riquadro Problemi sottostante (se abilitato) visualizza un elenco di errori, come mostrato di seguito:
La descrizione comandi e le informazioni nel riquadro Problemi includono un collegamento a Deque University per ulteriori informazioni sull'errore di accessibilità specificato. Nell'esempio mostrato, nel codice manca l'attributo lang sull'elemento html , di cui si parla alla Deque University: html-has-lang.
Configurazione
Non è necessario configurare l'estensione, ma è possibile modificarne il comportamento utilizzando i 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 the axe Accessibility Linter per VS Code o JetBrains IDEs per informazioni sulla configurazione dell'estensione per analizzare 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à.
Installazione in ambienti con restrizioni
Nella maggior parte dei casi, puoi installare axe Accessibility Linter direttamente dal VS Code Marketplace. Tuttavia, alcune organizzazioni hanno restrizioni di sicurezza che influenzano il processo di installazione in due modi:
- Non è possibile effettuare il download dal VS Code Marketplace.
- Durante la prima esecuzione, l'estensione non riesce a scaricare il componente binario necessario, ovvero il componente che esegue il linting dei file ed è specifico del sistema operativo.
Se la tua organizzazione ha queste restrizioni, avrai bisogno di una licenza axe DevTools Linter per accedere al repository software Agora di Deque. È quindi possibile scaricare un .vsix pacchetto per l'estensione.
Hai bisogno di aiuto con il tuo account Agora?
- Contatta il tuo rappresentante Deque
- Visita il supporto clienti
- Invia un'email a helpdesk@deque.com
Informazioni sui pacchetti di installazione su Agora
Deque offre due opzioni di pacchetto nel repository software Agora:
| Nome estensione | Posizione sull'agorà | Descrizione |
|---|---|---|
vscode-axe-linter-<version>.vsix |
https://agora.dequecloud.com/ui/native/linter-bin/vscode-linter/ | Solo l'estensione standard (identica alla versione VS Code Marketplace), che necessita di scaricare il componente binario per il sistema operativo alla prima esecuzione |
vscode-axe-linter-bundle-<version>.vsix |
https://agora.dequecloud.com/ui/native/linter-bin/vscode-linter-bundle/ | Un pacchetto completo che include sia l'estensione che i componenti binari per tutti i sistemi operativi |
Verrà visualizzato un visualizzatore di directory di tutte le versioni dell'estensione, ad esempio:
Di solito si sceglie la versione più recente e si esplorano le sottodirectory fino a individuare il file .vsix .
Fasi di installazione
- Scarica il pacchetto preferito
.vsixdal repository Deque Agora. - In VS Code, apri il pannello Estensioni .
- Fare clic sul menu di overflow (...).
- Seleziona Installa da VSIX..., l'ultima opzione del menu.
- Seleziona il file scaricato
.vsix.
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.