Importare e Inizializzare per JavaScript del Browser
Importazione e inizializzazione del pacchetto Axe DevTools per JavaScript del Browser Web (@axe-devtools/browser)
Una volta installato Axe DevTools per Web, devi importarlo nella tua configurazione di test e inizializzare il pacchetto.
Prerequisiti
Per importare e inizializzare Axe DevTools per Web, deve essere prima installato. Se non lo hai ancora fatto, leggi la guida su come installarlo dal tuo repository di artefatti, o da Agora di Deque.
Importazione e Inizializzazione
Il pacchetto browser è progettato per essere eseguito all'interno di una suite di test raggruppata, quindi viene importato con la sintassi del modulo ES sia in JavaScript che in TypeScript. @axe-devtools/browser include le proprie dichiarazioni dei tipi, quindi non è necessario installare un pacchetto @types/ separato.
JavaScript
import { AxeDevTools } from '@axe-devtools/browser';TypeScript
L'istruzione di importazione è la stessa. Aggiungi il tipo AxeResults da axe-core quando vuoi annotare i risultati restituiti da una scansione:
import { AxeDevTools } from '@axe-devtools/browser';
import type { AxeResults } from 'axe-core';Inizializzazione
Una volta importato il pacchetto browser, inizializzalo con il set di regole contro cui intendi testare. L'istruzione è la stessa in entrambe le lingue:
AxeDevTools.init('wcag2');L'argomento del set di regole è obbligatorio e TypeScript lo verifica rispetto agli ID dei set di regole supportati: wcag2, wcag21, wcag22, wcag2aaa, wcag21aaa, wcag22aaa, 508, en301549, ttv5 e rgaav4.
Passaggi Successivi
Dopo aver installato, importato e inizializzato Axe DevTools, sei pronto per passare alla scansione per l'accessibilità e alla scrittura di test di accessibilità. Per farlo, consulta la guida su scrivere test.
Risoluzione dei Problemi
Se hai problemi con l'importazione o l'inizializzazione di Axe DevTools, contatta direttamente il tuo rappresentante Deque, raggiungici tramite il nostro supporto tecnico, o inviaci un'email. Saremo felici di aiutarti.