Benvenuti in Axe DevTools per Web

Noi di Deque Systems abbiamo creato Axe DevTools per Web per rendere semplice l'integrazione dei test di accessibilità automatizzati nel vostro processo di sviluppo. Crediamo che prevenire i difetti di accessibilità mediante test automatizzati sia il modo più efficiente e sostenibile per creare prodotti accessibili.

Axe DevTools per Web è costruito sopra il nostro prodotto axe-core, che è il motore di test di accessibilità open source più popolare.

Ogni componente descritto di seguito viene testato secondo gli stessi standard di accessibilità. Consulta Set di regole per gli standard tra cui puoi scegliere, e il Glossario per la terminologia utilizzata in tutta questa documentazione.

I componenti di Axe DevTools per Web

Axe DevTools per Web comprende i seguenti componenti per aiutarvi a integrare i test di accessibilità in diverse fasi del vostro processo di sviluppo.

• Axe Developer Hub: unificate i vostri test di accessibilità su tutte le piattaforme
• Axe DevTools Linter: evidenziate i problemi di accessibilità mentre scrivete codice
• Estensione browser Axe DevTools: controllate l'accessibilità dal vostro browser
• Axe Watcher: aggiungete rapidamente i test di accessibilità alle vostre suite di test web esistenti
• API Web: automatizzate i vostri test di accessibilità
• CLI: controllate l'accessibilità dalla riga di comando

Axe Developer Hub: unificate i vostri test di accessibilità su tutte le piattaforme

L'Axe Developer Hub di Deque fornisce una piattaforma di test di accessibilità completa che aggrega i risultati da più fonti nel vostro flusso di lavoro di sviluppo. Che stiate testando applicazioni web, app mobili o integrando le API di Axe DevTools per Web, Axe Developer Hub vi offre una visione unificata dei problemi di accessibilità in tutto il vostro ecosistema digitale. Per ulteriori informazioni, consultate Benvenuti in Axe Developer Hub.

Axe DevTools Linter: evidenziate i problemi di accessibilità mentre scrivete codice

Potete scaricare il Axe Accessibility Linter per VS Code dal Marketplace di VS Code. Usatelo mentre scrivete codice per essere immediatamente avvisati di problemi di accessibilità, proprio come fareste con un qualsiasi altro linter.

Axe DevTools Linter è disponibile anche come plugin per gli IDE JetBrains (IntelliJ IDEA Ultimate e WebStorm). Consultate Utilizzo del plugin Axe Linter con gli IDE JetBrains per ulteriori informazioni.

Estensione browser Axe DevTools: controllate l'accessibilità dal vostro browser

L'estensione browser Axe DevTools può essere scaricata direttamente dal Chrome web store, Sito di componenti aggiuntivi di Edge e Sito di componenti aggiuntivi di Firefox. Utilizzate questa estensione (che si integra negli Strumenti per sviluppatori di ciascun browser) per rilevare fino all'80% dei difetti di accessibilità.

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

Per consultare la documentazione dell'estensione browser Axe DevTools, vedete Estensione Axe DevTools.

Axe Watcher: aggiungete rapidamente i test di accessibilità alle vostre suite di test web esistenti

Utilizzare Axe Watcher con Axe Developer Hub semplifica l'avvio dei test di accessibilità. Con Axe Watcher, potete aggiungere test di accessibilità alle vostre suite di test automatizzati esistenti modificando solo alcune righe di codice. Esegue automaticamente scansioni di accessibilità durante i vostri test, cattura i fallimenti insieme al contesto Git (commit, branche, autori), e invia i risultati all'Axe Developer Hub per il monitoraggio centralizzato e la reportistica. Funziona con suite di test JavaScript/TypeScript e Java.

Per saperne di più su Axe Watcher, iniziate con la documentazione di Axe Watcher.

API Web: controllo granulare sui test di accessibilità all’interno delle vostre suite di test esistenti

Le API di Axe DevTools per Web (API Web in breve) sono progettate per aiutarvi a testare problemi di accessibilità come parte del vostro processo di test automatizzato dell'interfaccia utente (end-to-end). Potete utilizzare le nostre API nei test dove utilizzate strumenti di navigazione come Selenium, Puppeteer o Playwright e framework di test come Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest, e molti altri, consentendovi di utilizzare i nostri pacchetti per aiutarvi a trovare problemi di accessibilità durante il vostro processo CI.

Le API Web vi offrono un controllo più granulare sul processo di testing rispetto all'uso di Axe Watcher con Axe Developer Hub. (Anche se un controllo più granulare implica un maggiore tempo di configurazione e manutenzione.) Le API Web forniscono anche ulteriore supporto linguistico rispetto ad Axe Watcher (inclusi C#, Python e Ruby).

Per trovare quale pacchetto Axe DevTools per Web dovete utilizzare con i driver di test o i framework che utilizzate già, guardate il nostro Catalogo degli esempi. Il catalogo non solo vi aiuterà a identificare il pacchetto di cui avete bisogno, ma vi indicherà anche un progetto di esempio che potete clonare da GitHub e eseguire localmente. Vi consigliamo di provare prima un esempio. Una volta funzionante localmente, sarà più facile integrare i test di accessibilità automatizzati nel vostro progetto.

CLI: controllate l'accessibilità dalla riga di comando

Se il tuo team non ha ancora molti test UI automatizzati, lo strumento a riga di comando (CLI) axe (solitamente chiamato semplicemente il CLI) potrebbe essere una buona opzione per aggiungere test di accessibilità ai flussi utente chiave sul tuo sito web o applicazione web. Il CLI può essere programmato per caricare pagine specifiche (tramite il suo linguaggio di scripting integrato), compilare moduli, eseguire il login con credenziali di test e esporre diversi stati di pagine costruite con React, Vue, Angular e altri framework simili. Può essere molto utile anche per testare automaticamente siti reattivi a diversi punti di interruzione e può caricare i suoi risultati su Axe Developer Hub oltre ai risultati delle Web API. Per iniziare con il CLI, leggi le Guide Rapide.

Accesso ai Binari per Axe DevTools per Web API e CLI

Ci sono due modi per ottenere i binari per Axe DevTools per Web API e CLI:

1. Direttamente dal nostro repository di artefatti. Puoi scaricare i file di cui hai bisogno dalla nostra pagina Download. Su Axe DevTools per Esempi Web troverai i link per scaricare un progetto di esempio o vedere la documentazione per il tuo esempio preferito.

   note

   Per accedere alla pagina di download o al repository di artefatti, dovrai effettuare il login usando il tuo account Axe. Le tue credenziali si trovano nell'email di benvenuto.

2. Connettendo il repository di artefatti della tua organizzazione al nostro, in modo che il tuo gestore di pacchetti possa risolvere tutte le dipendenze sui pacchetti Axe DevTools per Web. Consulta le nostre istruzioni per connetterti 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. Ti preghiamo di inviare un'email e saremo lieti di aiutarti.

Inoltre, la tua email di benvenuto contiene le informazioni di contatto del tuo Customer Success Manager (CSM) assegnato. Sono a disposizione anche per aiutarti a integrare i test di accessibilità nel modo in cui costruisci 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.