Welkom bij Axe DevTools voor Web
Introductie tot Axe DevTools voor Web en zijn componenten voor geautomatiseerde toegankelijkheidstests
Bij Deque Systems hebben we Axe DevTools voor Web ontwikkeld om het voor u gemakkelijk te maken om geautomatiseerde toegankelijkheidstests in uw ontwikkelproces te integreren. Wij geloven dat het voorkomen van toegankelijkheidsfouten via geautomatiseerde toegankelijkheidstests de meest efficiënte en duurzame manier is om toegankelijke producten te creëren.
Axe DevTools voor Web is gebouwd op ons axe-core-product, dat de meest populaire open-source toegankelijkheidstestengine is.
Als u meer wilt weten over onze visie op toegankelijkheid, lees dan het axe-core Manifesto en de Filosofie waarop de axe-core-engine is gebouwd.
De Componenten van Axe DevTools voor Web
Axe DevTools voor Web omvat de volgende componenten om u te helpen toegankelijkheidstests in verschillende stadia van uw ontwikkelproces te integreren.
- Axe Developer Hub: Bundel uw toegankelijkheidstests over verschillende platforms
- Axe DevTools Linter: Signaleer toegankelijkheidsproblemen terwijl u codeert
- Axe DevTools Browser Extensie: Controleer toegankelijkheid vanuit uw browser
- Axe Watcher: Voeg snel toegankelijkheidstests toe aan uw bestaande webtestsuites
- Web-API's: Automatiseer uw toegankelijkheidstests
- CLI: Controleer toegankelijkheid vanaf de commandoregel
Axe Developer Hub: Bundel uw toegankelijkheidstests over verschillende platforms
Deque's Axe Developer Hub biedt een uitgebreid toegankelijkheidstestplatform dat resultaten aggregeert van verschillende bronnen in uw ontwikkelworkflow. Of u nu webapplicaties test, mobiele apps of de Axe DevTools voor Web-API's integreert, Axe Developer Hub geeft u een overzicht van toegankelijkheidsproblemen in uw gehele digitale ecosysteem. Voor meer informatie, zie Welkom bij Axe Developer Hub.
Axe DevTools Linter: Signaleer toegankelijkheidsproblemen terwijl u codeert
U kunt de Axe Accessibility Linter voor VS Code downloaden van de VS Code Marketplace. Gebruik het terwijl u code schrijft, zodat u direct op toegankelijkheidsproblemen wordt gewezen, net zoals bij elke andere linter.
Axe DevTools Linter is ook beschikbaar als plugin voor JetBrains IDE's (IntelliJ IDEA Ultimate en WebStorm). Zie De Axe Linter Plugin gebruiken met JetBrains IDE's voor meer informatie.
Deque heeft een apart linterproduct genaamd Axe DevTools Linter, waarmee u broncode kunt linten via een on-premises server, een software-as-a-service (SaaS) product of op uw eigen hardware met lokale linting. Zie de Axe DevTools Linter Documentatie voor meer informatie.
Axe DevTools Browser Extensie: Controleer toegankelijkheid vanuit uw browser
De Axe DevTools Browser Extensie kan rechtstreeks worden gedownload van de Chrome webwinkel, Edge Add-ons site, en Firefox add-ons site. Gebruik deze extensie (die integreert in de Developer Tools van elke browser) om tot wel 80% van alle toegankelijkheidsfouten op te sporen.
Om meer te leren over het beginnen en gebruiken van de Axe DevTools browser extensie, zie deze videoplaylist.
Om de Axe DevTools Browser Extensie documentatie te bekijken, zie Axe DevTools Extensie.
Om volledig gebruik te maken van de Axe DevTools Browser Extensie, moet u inloggen met de inloggegevens die u in uw welkomstmail hebt ontvangen.
Axe Watcher: Voeg snel toegankelijkheidstests toe aan uw bestaande webtestsuites
Het gebruik van Axe Watcher met Axe Developer Hub vereenvoudigt de start van toegankelijkheidstests. Met Axe Watcher kunt u toegankelijkheidstests toevoegen aan uw bestaande geautomatiseerde testsuites door slechts enkele regels code te veranderen. Het voert automatisch toegankelijkheidsscans uit tijdens uw tests, legt mislukkingen vast samen met Git-context (commits, branches, auteurs), en stuurt resultaten naar Axe Developer Hub voor gecentraliseerde tracking en rapportage. Werkt met JavaScript/TypeScript en Java testsuites.
Om meer te leren over Axe Watcher, begin met de Axe Watcher documentatie.
Web-API's: Gedetailleerde controle over toegankelijkheidstests binnen uw bestaande testsuites
De Axe DevTools voor Web-API's (Web-API's voor kort) zijn ontworpen om u te helpen toegankelijkheidsproblemen op te sporen als onderdeel van uw geautomatiseerde UI (end-to-end) testproces. U kunt onze API's gebruiken in tests waarin u browserdrivers zoals Selenium, Puppeteer, of Playwright en testframeworks zoals Cypress, Jasmine, Jest, JUnit, Karma, Protractor, Robot Framework, unittest en vele anderen gebruikt— zodat u onze pakketten kunt gebruiken om toegankelijkheidsproblemen tijdens uw CI-proces te vinden.
De Web-API's geven u meer gedetailleerde controle over het testproces dan het gebruik van Axe Watcher met Axe Developer Hub. (Hoewel meer gedetailleerde controle ten koste gaat van extra installatietijd en onderhoud.) De Web-API's bieden ook extra taalondersteuning boven Axe Watcher (inclusief C#, Python, en Ruby).
U kunt nu de CLI gebruiken om uw Web-API-resultaten naar Axe Developer Hub te verzenden. Zie De CLI gebruiken om toegankelijkheidsresultaten naar Axe Developer Hub te verzenden.
Om te ontdekken welk Axe DevTools voor Web-pakket u nodig heeft om te gebruiken met de testdrivers of testframeworks die u al gebruikt, kijkt u in onze Voorbeeldencatalogus. De catalogus helpt u niet alleen om het pakket dat u nodig heeft te identificeren, maar wijst u ook naar een voorbeeldproject dat u van GitHub kunt klonen en lokaal kunt uitvoeren. We raden aan om eerst een voorbeeld te proberen. Zodra het lokaal werkt, is het eenvoudiger om geautomatiseerde toegankelijkheidstests in uw eigen project te integreren.
CLI: Controleer toegankelijkheid vanaf de commandoregel
Als uw team nog niet veel geautomatiseerde UI-tests heeft, kan het command-line interface (CLI) hulpmiddel axe (meestal gewoon genoemd de CLI) een goede optie zijn om toegankelijkheidstests toe te voegen aan belangrijke gebruikersstromen op uw website of webapplicatie. De CLI kan worden gescript om gespecificeerde pagina's te laden (via zijn ingebouwde scripttaal), formulieren in te vullen, in te loggen met testgebruikersgegevens, en verschillende staten van pagina's te tonen die zijn gebouwd met React, Vue, Angular en andere vergelijkbare frameworks. Het kan ook zeer waardevol zijn voor het automatisch testen van responsieve sites bij verschillende breekpunten, en het kan zijn resultaten uploaden naar Axe Developer Hub evenals resultaten van de Web API's. Om te beginnen met de CLI, lees de Snelle Startgidsen.
Toegang tot de Binaries voor Axe DevTools voor Web API's en CLI
Er zijn twee manieren om de binaries voor Axe DevTools voor Web API's en CLI te verkrijgen:
-
Direct vanuit onze artifact-repository. U kunt de benodigde bestanden downloaden van onze Downloads-pagina. Op de pagina Axe DevTools voor Webvoorbeelden vindt u links om een voorbeeldproject te downloaden of de documentatie voor uw voorkeurvoorbeeld te bekijken.
noteOm toegang te krijgen tot de downloadpagina of artifact-repository, moet u inloggen met uw Axe-account. Uw inloggegevens vindt u in uw Welkomstmail.
-
Door de artifact-repository van uw organisatie met de onze te verbinden, zodat uw pakketbeheerder alle afhankelijkheden van Axe DevTools voor Web-pakketten kan oplossen. Zie onze instructies voor het verbinden met uw Nexus-repository of uw Artifactory-repository.
Hulp krijgen
Als u vragen heeft of hulp nodig heeft bij het beginnen, staan wij klaar om te helpen. Gelieve een e-mail sturen, en wij helpen u graag verder.
Daarnaast bevat uw Welkomstmail de contactgegevens van uw toegewezen Customer Success Manager (CSM). Zij staan ook klaar om u te helpen toegankelijkheidstests te integreren in de manier waarop u uw eigen producten bouwt.
Note: It is never necessary to use Deque's software or services in a way that collects, stores, or shares personal data. Do not use the software or services in a manner that collects, stores, or shares personal data.
