Benvenuto su axe Developer Hub

Caratteristiche di axe Developer Hub

Axe Developer Hub è una soluzione integrata per i test di accessibilità con le seguenti funzionalità:

• Fornisce istruzioni semplici e facili da seguire per integrare i test di accessibilità nel tuo attuale codice di base di test, migliorando facilmente i test delle tue pagine web esistenti con l'esperienza di Deque nei test di accessibilità.
• I risultati dei test di accessibilità vengono presentati sul sito web axe Developer Hub, che consente di monitorare i risultati di accessibilità nel tempo per individuare tendenze e mantenere la qualità.
• Può monitorare i commit in Git man mano che il codice sorgente del tuo sito web cambia, per determinare se l'accessibilità del tuo sito web migliora (o peggiora) con ogni commit. Nei repository GitHub è possibile impostare un'azione GitHub in grado di bloccare i commit che introducono errori di accessibilità.
• Puoi condividere facilmente i risultati in termini di accessibilità con i colleghi per indirizzare l'attenzione su aree di preoccupazione nuove (o esistenti). Infatti, la condivisione è integrata in axe Developer Hub per consentire la condivisione di quasi tutto.
• Puoi esportare i risultati per riutilizzare facilmente i dati sull'accessibilità in fogli di calcolo, database o altri software.

Per una rapida introduzione ad axe Developer Hub, guarda il video Trovare nuovi problemi di accessibilità con axe Developer Hub qui sotto:

L'architettura di axe Developer Hub

Axe Developer Hub è costituito da due elementi principali: un sito web denominato axe Developer Hub e un componente di codice, il pacchetto @axe-core/watcher.

axe Developer Hub

Axe Developer Hub ha due scopi principali: gestire i progetti e visualizzare i risultati dei test.

Creazione e gestione di progetti

Per utilizzare axe Developer Hub, il primo passo è creare un progetto per aggregare i risultati dei test eseguiti e analizzarli sul sito web della piattaforma. Quando crei un nuovo progetto, axe Developer Hub crea una chiave API e ti fornisce istruzioni dettagliate su come integrare il componente codice (nel pacchetto @axe-core/watcher) nella tua suite di test corrente.

Consulta Introduzione ad axe Developer Hub per una guida dettagliata alla creazione di un nuovo progetto.

Visualizzazione dei problemi di esecuzione del test

Axe Developer Hub tiene traccia anche delle esecuzioni dei test. All'interno del sito web axe Developer Hub vengono raccolti e visualizzati tutti i test eseguiti. Qui puoi visualizzare lo stato di accessibilità del tuo progetto, incluso il numero e la gravità dei problemi di accessibilità. Se utilizzi Git, puoi anche vedere gli errori di accessibilità collegati a ciascun commit. Per concentrare meglio i tuoi sforzi sulla correzione, puoi utilizzare filtri per restringere i difetti di accessibilità in base alla gravità e ad altri criteri.

Per ulteriori informazioni, consultare Visualizza problemi di accessibilità .

Il componente del codice

Il componente del codice di axe Developer Hub è il pacchetto @axe-core/watcher, che esegue diverse attività:

• Inietta il codice di test di accessibilità nel driver di automazione del browser esistente, eseguendo l'incapsulamento delle chiamate importanti, quindi è necessario apportare modifiche minime alla configurazione della suite di test per aggiungere test di accessibilità alla suite di test corrente.
• Raccoglie statistiche sui test di accessibilità per il tuo progetto e invia tali dati ai server di Deque. Ciò ti consente di visualizzare lo stato di accessibilità del tuo sito web da qualsiasi luogo e di monitorare l'evoluzione dei difetti di accessibilità.
• Associa i commit Git ai risultati di accessibilità. Questa funzionalità ti fornisce un feedback immediato per sapere se i tuoi risultati in termini di accessibilità stanno andando nella giusta direzione. Puoi anche installare un'azione GitHub su un repository GitHub per bloccare i commit se non soddisfano il livello di qualità di accessibilità specificato.

Per ulteriori informazioni sulle API fornite dal pacchetto @axe-core/watcher, consultare [Riferimento API].(dh-api-reference)

Schema di un flusso di lavoro di axe Developer Hub

Ecco un flusso di lavoro di esempio per indicare un modo per utilizzare axe Developer Hub all'interno di un'organizzazione per monitorare i difetti di accessibilità del tuo sito web:

1. Crea un nuovo progetto in axe Developer Hub. Consultare Introduzione all'hub per sviluppatori di axe.

2. Modifica la tua suite di test. axe Developer Hub fornisce istruzioni su come modificare la tua suite di test, il che richiede solo poche modifiche alla suite di test esistente; puoi rivedere le istruzioni in qualsiasi momento. Per ulteriori informazioni sulle piattaforme di automazione del browser e sui browser supportati da axe Developer Hub, consultare Supporto piattaforma .

3. Esegui la tua suite di test. L'esecuzione della tua suite di test non solo verifica la presenza di difetti di accessibilità nelle tue pagine web, ma raccoglie anche informazioni sui tuoi commit e branch Git e aggiunge tali informazioni ad axe Developer Hub.

4. **Visualizza i tuoi problemi di accessibilità ** in axe Developer Hub. Consultare Visualizza problemi di accessibilità.

5. Correggi i difetti di accessibilità del tuo sito web e riesegui i test. Ogni difetto sull'hub per sviluppatori di axe fornisce un collegamento a Deque University per strategie di mitigazione.

6. (Facoltativo) Condividere i tuoi risultati. Condividere risultati specifici con i colleghi per affrontare le aree problematiche ricorrenti in termini di accessibilità.

7. Monitorare costantemente la qualità del codice eseguendo ripetutamente la tua suite di test (assicurati di eseguirla a ogni commit Git in ogni branch). Monitorare le tendenze della qualità del codice in axe Developer Hub. Consultare Visualizza problemi di accessibilità.

8. (Facoltativo) Esportare i dati secondo necessità per utilizzarli in altre applicazioni. Vedere Esportazione dati.

9. (Facoltativo) Imposta l'azione GitHub in modo che agisca da custode dell'accessibilità per il tuo repository su GitHub e impedisca commit che non raggiungano un livello di qualità specificato. Vedere Utilizzo dell'azione GitHub di axe Developer Hub.

Vedere anche

Inizia con axe Developer Hub

Supporto alla piattaforma axe Developer Hub

---

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.