Het importeren en initialiseren van Puppeteer voor 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 een bundel, van je artefactrepository, of van Deque's Agora. Je hebt ook Puppeteer nodig.

Importeren en Initialiseren

Importeer zowel Axe DevTools voor Web als Puppeteer. De syntaxis hangt af van de taal en het module-systeem dat je project gebruikt. Kies degene die bij jouw project past:

JavaScript met CommonJS-modules

Dit is de standaard voor een Node.js-project zonder "type": "module" in zijn package.json.

const { AxeDevToolsPuppeteer } = require('@axe-devtools/puppeteer');
const puppeteer = require('puppeteer');

JavaScript met ES-modules

Gebruik deze syntaxis in een project met "type": "module" in zijn package.json, of in .mjs bestanden.

import { AxeDevToolsPuppeteer } from '@axe-devtools/puppeteer';
import puppeteer from 'puppeteer';

TypeScript

TypeScript gebruikt dezelfde import syntaxis als ES-modules. @axe-devtools/puppeteer levert zijn eigen typeverklaringen, dus er is geen aparte @types/-package die geïnstalleerd moet worden. Scanresultaten worden getypt als AxeResults, welke door axe-core worden geëxporteerd:

import { AxeDevToolsPuppeteer } from '@axe-devtools/puppeteer';
import puppeteer from 'puppeteer';
import type { AxeResults } from 'axe-core';

Voor elke scan wordt een nieuw AxeDevToolsPuppeteer object aangemaakt. Voor instructies hierover, zie de gids over tests schrijven.

Volgende Stappen

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

Probleemoplossing

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