Importeren en Initialiseren voor Browser JavaScript

Zodra je Axe DevTools voor Web hebt geïnstalleerd, moet je het importeren in je testopstelling en het pakket initialiseren.

Vereisten

Om Axe DevTools voor Web te importeren en initialiseren, moet het eerst geïnstalleerd zijn. Als je dat nog niet hebt gedaan, lees dan de handleiding over hoe je het kunt installeren van je artefactrepository, of van Deque's Agora.

Importeren en Initialiseren

Het browserpakket is bedoeld om binnen een gebundelde testsuite te draaien, dus het wordt geïmporteerd met de ES-module-syntaxis in zowel JavaScript als TypeScript. @axe-devtools/browser bevat zijn eigen typedeclaraties, dus er is geen apart @types/-pakket om te installeren.

JavaScript

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

TypeScript

De importverklaring is hetzelfde. Voeg het AxeResults-type van axe-core toe wanneer je de resultaten van een scan wilt annoteren:

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

Initialiseren

Zodra je het browserpakket hebt geïmporteerd, initialiseert je het met de regels die je wilt testen. De verklaring is in beide talen hetzelfde:

AxeDevTools.init('wcag2');

Het regelsargument is vereist en TypeScript controleert het tegen de ondersteunde regels-id's: wcag2, wcag21, wcag22, wcag2aaa, wcag21aaa, wcag22aaa, 508, en301549, ttv5 en rgaav4.

Volgende Stappen

Zodra je Axe DevTools hebt geïnstalleerd, geïmporteerd en geïnitieerd, ben je klaar om verder te gaan met het scannen op toegankelijkheid en het schrijven van toegankelijkheidstests. Om dat te doen, zie de handleiding over tests schrijven.

Probleemoplossing

Als je problemen ondervindt met het importeren of initialiseren van Axe DevTools, neem dan direct contact op met je Deque-vertegenwoordiger, bereik ons via onze ondersteuningsservice, of stuur ons een e-mail. We helpen je graag.