Importación e Inicialización para JavaScript de Navegadores

Una vez que hayas instalado Axe DevTools for Web, necesitas importarlo en tu configuración de pruebas e inicializar el paquete.

Requisitos Previos

Para poder importar e inicializar Axe DevTools for Web, primero debe estar instalado. Si aún no lo has hecho, lee la guía sobre cómo instalarlo desde tu repositorio de artefactos, o desde Agora de Deque.

Importación e Inicialización

El paquete del navegador está diseñado para ejecutarse dentro de un conjunto de pruebas agrupadas, por lo que se importa con sintaxis de módulo ES tanto en JavaScript como en TypeScript. @axe-devtools/browser incluye sus propias declaraciones de tipo, por lo que no hay un paquete @types/ separado para instalar.

JavaScript

import { AxeDevTools } from '@axe-devtools/browser';

TypeScript

La declaración de importación es la misma. Añade el tipo AxeResults de axe-core cuando quieras anotar los resultados que devuelve un escaneo:

import { AxeDevTools } from '@axe-devtools/browser';
import type { AxeResults } from 'axe-core';

Inicialización

Una vez que hayas importado el paquete del navegador, inicialízalo con el conjunto de reglas contra el que deseas probar. La declaración es la misma en ambos lenguajes:

AxeDevTools.init('wcag2');

El argumento del conjunto de reglas es obligatorio, y TypeScript lo verifica contra los identificadores de conjunto de reglas compatibles: wcag2, wcag21, wcag22, wcag2aaa, wcag21aaa, wcag22aaa, 508, en301549, ttv5 y rgaav4.

Próximos Pasos

Una vez que hayas instalado, importado e inicializado Axe DevTools, estás listo para pasar a escanear accesibilidad y escribir pruebas de accesibilidad. Para hacerlo, consulta la guía sobre escribir pruebas.

Solución de Problemas

Si tienes problemas con la importación o inicialización de Axe DevTools, contacta a tu representante de Deque directamente, comunícate con nosotros a través de nuestro servicio de soporte, o envíanos un correo electrónico. Estaremos encantados de ayudarte.