Benvenuti in axe DevTools for Web

Noi di Deque Systems abbiamo creato axe DevTools for Web per semplificare l'integrazione dei test automatizzati per l'accessibilità nel tuo processo di sviluppo. Riteniamo che prevenire i difetti di accessibilità aggiungendo test automatizzati per l'accessibilità sia il modo più efficiente e sostenibile per creare prodotti accessibili.

Axe DevTools for Web è basato sul nostro prodotto axe-core , il motore di test di accessibilità open source più diffuso.

I componenti di axe DevTools for Web

Axe DevTools for Web è composto dai seguenti componenti che ti consentono di integrare i test di accessibilità in diversi punti del tuo processo di sviluppo.

• axe Developer Hub: Aggiungi facilmente test di accessibilità alle tue suite di test web esistenti
• axe DevTools Linter: Individua i problemi di accessibilità mentre scrivi codice
• Estensione browser axe DevTools: verifica l'accessibilità dal tuo browser
• API: automatizza i test di accessibilità
• CLI: verifica l'accessibilità dalla riga di comando

Axe Developer Hub: aggiungi facilmente test di accessibilità alle tue suite di test web esistenti

L'hub per sviluppatori di Deque axe fornisce una soluzione completa per i test di accessibilità che semplifica l'avvio dei test sulle proprietà web per individuare eventuali problemi di accessibilità. Per maggiori informazioni, vedere Benvenuti su axe Developer Hub.

axe DevTools Linter: individua i problemi di accessibilità durante la scrittura del codice

Puoi scaricare axe Accessibility Linter per VS Code dal VS Code Marketplace. Utilizzalo mentre scrivi il codice in modo da essere avvisato immediatamente di eventuali problemi di accessibilità, proprio come qualsiasi altro linter.

axe DevTools Browser Extension: verifica l'accessibilità dal tuo browser

axe DevTools Browser Extension può essere scaricata direttamente da Chrome Web Store, sito dei componenti aggiuntivi di Edge e sito dei componenti aggiuntivi di Firefox. Utilizza questa estensione (che si integra negli Strumenti per sviluppatori di ciascun browser) per individuare fino all'80% di tutti i difetti di accessibilità.

Per saperne di più su come iniziare e utilizzare l'estensione del browser axe DevTools, guarda questa playlist video.

Per consultare la documentazione dell'estensione axe DevTools Browser, vedere Axe DevTools Extension.

API: automatizza i test di accessibilità

Gli strumenti di sviluppo axe per le API Web sono progettati per aiutarti a testare automaticamente l'accessibilità come parte del tuo attuale processo di test automatizzato dell'interfaccia utente (end-to-end). Puoi utilizzare le nostre API nei test in cui utilizzi driver del browser come Selenium, Puppeteer o Playwright e framework di test come Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest e molti altri, dandoti la possibilità di usare i nostri pacchetti per aiutarti a trovare problemi di accessibilità durante il tuo processo di CI.

Per scoprire quale pacchetto axe DevTools for Web devi utilizzare con i driver di test o i framework di test che già utilizzi, consulta il nostro Catalogo degli esempi. Questa pagina non solo ti aiuterà a identificare il pacchetto di cui hai bisogno, ma ti indicherà anche un progetto di esempio che puoi clonare da GitHub ed eseguire localmente. Ti consigliamo di farlo prima. Una volta che l'esempio funziona localmente, sarà facile includere test di accessibilità automatizzati nel tuo progetto.

CLI: verifica l'accessibilità dalla riga di comando

Se il tuo team non dispone ancora di molti test automatizzati dell'interfaccia utente, axe DevTools for Web CLI potrebbe essere una buona opzione per includere test di accessibilità per alcuni flussi utente importanti nel tuo sito web o nella tua applicazione web. È possibile programmare axe DevTools for Web CLI per caricare pagine specifiche (tramite il suo linguaggio di scripting integrato), compilare moduli, accedere con credenziali di utente di prova ed esporre diversi stati di pagine create con React, Vue, Angular e altri framework simili. Può anche rivelarsi molto utile per testare automaticamente i siti reattivi in diversi breakpoints. Per iniziare a usare axe DevTools per Web CLI, leggere le Guide di avvio rapido.

Accesso a axe DevTools per i pacchetti per il Web

Esistono due modi per ottenere i pacchetti axe DevTools for Web:

1. Direttamente dal nostro archivio di artefatti. Puoi scaricare i file di cui hai bisogno dalla nostra pagina Download . Nel Catalogo degli esempi troverai i link per scaricare un progetto di esempio o per consultare la documentazione relativa al tuo esempio preferito.

2. Collegando il repository degli artefatti della tua organizzazione al nostro, il tuo gestore dei pacchetti può risolvere tutte le dipendenze sui pacchetti axe DevTools for Web. Consulta le nostre Istruzioni per la connessione al tuo repository Nexus o al tuo repository Artifactory.

Ottenere aiuto

Se hai domande o hai bisogno di aiuto per iniziare, siamo qui per aiutarti. Invia un'e-mail a helpdesk@deque.com e saremo lieti di aiutarti.

Inoltre, l'e-mail di benvenuto contiene le informazioni di contatto del Customer Success Manager (CSM) a te assegnato. Sono anche a disposizione per aiutarti a integrare i test di accessibilità nel modo in cui sviluppi i tuoi prodotti.

---

Note: It is never necessary to use Deque's software or services in a way that collects, stores, or shares personal data. Do not use the software or services in a manner that collects, stores, or shares personal data.