Importieren und Initialisieren für Browser-JavaScript

Nachdem Sie Axe DevTools für das Web installiert haben, müssen Sie es in Ihr Testsetup importieren und das Paket initialisieren.

Voraussetzungen

Um Axe DevTools für das Web zu importieren und zu initialisieren, muss es zuerst installiert werden. Wenn Sie dies noch nicht getan haben, lesen Sie den Leitfaden zur Installation aus Ihrem Artefakt-Repository oder von Deques Agora.

Importieren und Initialisieren

Das Browser-Paket ist dafür vorgesehen, innerhalb eines gebündelten Testpakets zu laufen und wird daher sowohl in JavaScript als auch in TypeScript mit der ES-Modul-Syntax importiert. @axe-devtools/browser liefert seine eigenen Typdeklarationen, sodass kein separates @types/-Paket installiert werden muss.

JavaScript

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

TypeScript

Der Import-Anweisung bleibt gleich. Fügen Sie den AxeResults-Typ von axe-core hinzu, wenn Sie die Ergebnisse eines Scans annotieren möchten:

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

Initialisierung

Sobald Sie das Browser-Paket importiert haben, initialisieren Sie es mit dem Regelsatz, den Sie testen möchten. Die Anweisung ist in beiden Sprachen gleich:

AxeDevTools.init('wcag2');

Das Argument des Regelsatzes ist erforderlich, und TypeScript überprüft es gegen die unterstützten Regelsatz-IDs: wcag2, wcag21, wcag22, wcag2aaa, wcag21aaa, wcag22aaa, 508, en301549, ttv5 und rgaav4.

Nächste Schritte

Nachdem Sie Axe DevTools installiert, importiert und initialisiert haben, sind Sie bereit, mit dem Suchen nach Barrieren und dem Schreiben von Zugänglichkeitstests fortzufahren. Um dies zu tun, siehe den Leitfaden zu Tests schreiben.

Fehlerbehebung

Wenn Sie Probleme beim Importieren oder Initialisieren von Axe DevTools haben, kontaktieren Sie direkt Ihren Deque-Vertreter, erreichen Sie uns über unseren Supportdesk oder senden Sie uns eine E-Mail. Wir helfen Ihnen gerne weiter.