Gebruik Axe Expert met Assistentietechnologie

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
warning

De axe Expert-extensie is officieel met pensioen. Lees meer hierover op de axe Expert Vervanging pagina. Deze pagina's worden in juli 2024 verwijderd. E-mail helpdesk@deque.com voor vragen of opmerkingen.

Deque Systems, Inc. beschouwt NVDA/Windows als het belangrijkste platform voor schermlezergebruikers van de axe Expert-extensie. We raden aan om NVDA of JAWS op Windows te gebruiken, en VoiceOver op Mac.

Voordat u begint:

Zie axe Expert-extensie voor Chrome VPAT.pdf om het vrijwillige producttoegankelijkheidsconformiteitsrapport voor de axe Expert-extensie van Deque te bekijken.

Gebruik Axe Expert-extensie voor Google Chrome met NVDA

Chrome DevTools Sneltoetsverwijzing:

Voordat u begint: Google heeft onlangs de gebruikershandleiding en webreferentiematerialen van de Chrome-browser DevTools bijgewerkt. Voor sneltoetsen die algemeen van toepassing zijn op het gebruik van de axe Expert-extensie in Google Chrome, zie Toetsenbord Sneltoetsen Referentie - Google Developers Chrome DevTools.

De volgende instructies leggen over het algemeen uit hoe de axe Expert-extensie in Google Chrome met Windows-gebaseerde schermlezers, inclusief NVDA, moet worden gebruikt. Er worden instructies gegeven voor installatie, starten, navigeren door de gebruikersinterface, aanpassen van instellingen, het uitvoeren van een toegankelijkheidsanalyse en het exporteren van resultaten. Deze documentatie bevat niet instructies voor het werken met de SimulAT- of Scripting-functionaliteit van de axe Expert-extensie in NVDA, noch bevatten de instructies het detailniveau dat in de rest van deze gebruikershandleiding is opgenomen. De hier opgenomen documentatie dient alleen als een snelle startgids voor gebruikers van de NVDA-schermlezer software.

In dit onderwerp:

Installeer de axe Expert Extension

De installatie van de axe Expert Extension in de DevTools van Google Chrome verloopt iets anders dan de installatie van de axe Expert Extension van Deque voor Mozilla Firefox, die een ander installatieproces heeft voor axe Monitor-gebruikers (die een installatielink uit de applicatie gebruiken) dan voor axe Expert Extension-gebruikers (die eerst een .xpi-bestand uit een repository downloaden).

Belangrijk

De volgende instructies worden alleen verstrekt als een voorbeeld om u een idee te geven van het installatieproces. Specifieke processtappen kunnen verschillen op basis van uw unieke beveiligings- en browsertype/versie-eisen. Afhankelijk van uw organisatie kan het bijvoorbeeld nodig zijn een uitgepakt extensie te laden met de Ontwikkelaarsmodus ingeschakeld. Raadpleeg uw management voor specifieke installatie-instructies. Deque's aanbevolen best practice is dat alle klanten samenwerken met hun Deque Engagement Manager of de Deque Help Desk om de juiste versie en correct gelicentieerde installatiebestanden te verkrijgen.

Vanuit de Chrome Web Store extensiepagina

De gemakkelijkste manier om de axe Expert Extension te installeren is via een directe link naar de Google Chrome Extension-pagina in de Chrome Web Store. Als u ooit eerder een Google Chrome-browserextensie hebt geïnstalleerd, is het proces hetzelfde. Echter, de axe Expert Extension is niet algemeen doorzoekbaar in de Chrome Web Store, dus een directe link is nodig:

Link naar axe Expert in Chromestore.

Raadpleeg de Download en Installeer sectie in de Beginnersgids van deze handleiding voor volledige installatie-instructies met de verstrekte link.

Het gecomprimeerde .crx-installatiebestand kan direct worden geopend via een link in het menu van de rechterzijbalk van de axe Monitor, waardoor u het installatieproces kunt starten vanuit de Google Chrome-browser.

Om de axe Expert Extension via een installatielink te installeren (axe Monitor):

  1. Navigeer naar de sectie Snelle Links op het startscherm in axe Monitor met de Chrome-browser.
  2. Selecteer Download axe Expert Extension 3.5.

Wanneer u de installatielink van de axe Expert Extension selecteert, verschijnt er een melding die vraagt of u de axe Expert Extension wilt installeren.

  1. Navigeer naar en selecteer de knop "Uitgepakte extensie laden..." (of druk op Alt_I).

Vanuit een CRX-bestand

De verpakte Google Chrome-extensie wordt aangeboden als een gecomprimeerd bestand met de .crx bestandsextensie en biedt een privésleutel zodat u zich nooit zorgen hoeft te maken over het handmatig bijwerken van de extensie, aangezien dit automatisch wordt afgehandeld.

Om de axe Expert Extension via een .crx bestand te installeren (axe Expert Extension):

  1. Neem contact op met uw Deque Engagement Manager of de Deque Help Desk om de benodigde CRX-bestandinstaller te verkrijgen.
  2. Navigeer naar het gedownloade .crx bestand op uw computer.
  3. Druk op Enter.

Verifieer Installatie

De installatie zou slechts enkele seconden moeten duren. Wanneer de installatie is voltooid, wordt er een bericht weergegeven dat de axe Expert Extension succesvol is geïnstalleerd. U kunt de installatie altijd verifiëren door te proberen de axe Expert Extension te openen in Google Chrome DevTools. Voor meer informatie, zie Open axe Expert Extension. De volgende stappen begeleiden u door de installatieverificatie via navigatie naar de vermelding van de axe Expert Extension op de Google Chrome extensiepagina.

  1. Typ in het adresveld (locatieveld) van Google Chrome chrome://extensions/ en druk op Enter.

  2. Activeer TAB drie keer om toegang te krijgen tot de lijst van geïnstalleerde Google Chrome-extensies.

  3. Druk op de Down Arrow toets om het lijstitem van de axe Expert Extension te lokaliseren.

    Google Chrome-extensies worden weergegeven in oplopende volgorde en de meest recent geïnstalleerde, dus het zou het eerste lijstitem moeten zijn.

  4. Luister naar de opties "uitschakelen, verwijderen". Als u deze opties hoort worden aangekondigd na axe Expert, is de extensie succesvol geïnstalleerd.

Open de axe Expert Extension in Google Chrome

De axe Expert Extension is geïnstalleerd in de DevTools-tabblad van Chrome.

  1. Houd Ctrl+Shift+I ingedrukt om Chrome DevTools te starten.
  2. Houd Ctrl\_\] ingedrukt totdat u "axe Expert" hoort.

Wanneer het voor het eerst is geïnstalleerd en er geen andere extensies zijn die integreren met Google's Ontwikkelhulpmiddelen, zal het axe Expert-tabblad aan de uiterste rechterkant van de gereedschapbalk staan.

  1. Druk op Enter om het axe Expert-tabblad in het DevTools-venster in te schakelen.

De axe Expert Extension is nu actief in het DevTools-venster van Google Chrome en klaar voor gebruik.

Begrijp en navigeer de gebruikersinterface van de axe Expert Extension

Selectie van hoofdmenupaneel

Op het linkerpaneel van axe Expert Extension, ongeacht welk paneel momenteel is geselecteerd, heeft u een hoofdvervolgkeuzemenu dat links biedt naar elk van de vijf hoofdpanelen binnen axe Expert Extension.

  1. Verifieer de activering van het axe Expert-tabblad door op de Tab-toets te drukken om de focus te verplaatsen naar het hoofdmenu, dat wordt weergegeven als "Globale Navigatie".

    Het frame wordt aangekondigd als "data/index"-frame.

    Standaardtabblad: Het Analyse-paneel is standaard actief wanneer de axe Expert Extension wordt gestart. Gebruik het Analyse-tabblad om toegankelijkheidsanalyses uit te voeren; dit is waarschijnlijk het tabblad dat u 99,5% van de tijd gebruikt. Gebruik het Options-menu van de axe Expert Extension om Settings en Sign in to axe Monitor te selecteren.

  2. Verplaats de focus naar het hoofdmenu van de globale navigatie van de axe Expert Extension en druk op Voer in.

    Het hoofdmenu van de axe Expert Extension opent en toont vijf paneelkeuzes:

  3. Druk op de down arrow en up arrow toetsen om door de hoofdmenu-items van de axe Expert Extension te navigeren. Druk op Enter om een menu-item te selecteren.

Het menu sluit en de schermlezer kondigt aan „knop ingeklapt“, gevolgd door de naam van het geselecteerde menu-item.

Paneelspecifiek contextmenu (Analyseren-menu)

Toegang tot extra paneelspecifieke controles en koppelingen naar bijbehorende panelen en gerelateerde functionaliteit op andere panelen voor het geselecteerde paneel via het drieledige knop dropdownmenu in de bovenste balk van het rechterinhoudspaneel in het Analyseren-paneel. Dit dropdownmenu wordt soms informeel een "driestippenmenu" genoemd.

Gebruik het contextmenu van het Analyseren-paneel:
  • Tab van de Analyze knop op het Analyze paneel om de focus te verplaatsen naar een contextmenu dat wordt aangekondigd als de main landmark Analyze google menu button collapsed.
  • Druk op Enter om de items van het Analyseren-contextmenu weer te geven.
  • Arrow down of omhoog om een menu-item te markeren en druk op Enter om het momenteel gemarkeerde menu-item te selecteren.

Paneelnavigatie

Elk paneel binnen de axe Expert Extension bestaat uit twee tot drie informatiepanelen. De subpanelen bevatten ook informatie-secties die worden geïdentificeerd met koppen.

Wissel van het ene paneel naar het andere

  • In de bladermodus, druk op de Pijl-omhoog of Pijl-omlaag om het paneel te selecteren dat u wilt activeren en druk op Enter.
  • In de formulierenmodus, tab naar het actieve paneel en gebruik vervolgens de pijltjestoetsen (pijl naar rechts of pijl naar links) om naar andere panelen te schakelen (geen Enter nodig).

Forceer NVDA terug naar de bladermodus, druk op de NVDA-toets en de spatiebalk na het werken in de formulierenmodus.

Toetsenbordindeling en formulierenmodus

NVDA Toetsenbordindeling: Druk op de Esc-toets of de NVDA-toets en de spatiebalk om uit de formulierenmodus in NVDA te komen. De NVDA-toets is de insert toets, tenzij u wisselt naar Caps Lock, wat u kunt doen in het NVDA-configuratiemenu.

Selecteer een regelset

U wilt mogelijk de regelsetoptie aanpassen in het Regelspaneel. Het Regelspaneel bevat selectievakjes met de legende Regelset, waarin drie sets regels kunnen worden gevonden. De WCAG 2.0 AA-regels zijn standaard actief. Het gebruik van een andere regelset dan de standaard WCAG 2.0 AA houdt in dat er optionele aanpassingen op het Regels-tabblad moeten worden gedaan.

U kunt een offline analyse uitvoeren met een van de standaardregelsets van de axe Expert Extension zonder verbinding te maken met een axe Monitor-server, of u kunt uw eigen aangepaste regelset gebruiken.

Standaard Norm: Als u de axe Expert Extension direct uit de doos gebruikt, voert u een WCAG 2.1 AA-analyse uit met de standaard WCAG 2.1 AA-regelset.

Selecteer een regelset:

  1. Druk op R in NVDA.

Het WCAG 2.1 niveau AA-selectievakje is standaard aangevinkt. Dit is een standaardregelset die wordt geleverd met de axe Expert Extension. De standaard regelset wordt gebruikt totdat u axe Expert Extension vertelt een andere te gebruiken. U kunt regelsets die onderdeel zijn van de axe Expert Extension niet verwijderen.

  1. Selecteer een regelset via het bijbehorende selectievakje.

Geen verdere bevestiging is nodig.

Instellingen: Serververbinding, Projectselectie en Bereik

Het eerste dat u opmerkt in het Instellingen-paneel is een reeks invulvelden waarmee u de axe Expert Extension aan een axe Monitor-server kunt koppelen. Na het inloggen op axe Monitor verschijnt een Projectselectiemenu met knoppen. Twee nieuwe secties verschijnen wanneer u een project selecteert: Downloadproblemen en Bereik.

U wilt wellicht verbinding maken met uw axe Monitor-server en een project selecteren om download en upload van analysresultaten mogelijk te maken. Als de axe Expert Extension niet is verbonden met een axe Monitor-server, wordt de keuzelijst aangekondigd als "offline geen project" of "klikbare offline geen project klikbaar", en wordt de projectselectiefunctie als "niet beschikbaar" aangekondigd. Voor complete details, zie Log in op axe Monitor en Selecteer een axe Monitor-project respectievelijk.

Voordat u het Analysepaneel gebruikt om een webpagina te analyseren, wilt u wellicht de opties in de Bereiksectie van het Instellingenpaneel aanpassen om te verfijnen wat zal worden gericht of genegeerd. Voor complete details, zie Bereikdefinities.

Opties voor gebeurtenissen opnemen

Het paneel Scriptopname-opties dat toegankelijk is via de Opties-link op het Scriptstabblad bevat een sectie genaamd Gebeurtenissen om vast te leggen met selectiehokjes waar je kunt instellen welke gebeurtenissen moeten worden opgenomen of genegeerd tijdens het opnemen van scripts. Voor meer informatie, zie Selecteer gebeurtenissen om vast te leggen.

Een pagina analyseren op toegankelijkheidsregeloverschrijdingen

  1. Open de pagina die je wilt testen in Chrome.

  2. Open Chrome DevTools (Ctrl_Shift_I) en selecteer het axe Expert-tabblad.

    Raadpleeg Open axe Expert-extensie voor meer informatie.

  3. Vind de ANALYSE-knop of link Opnieuw uitvoeren als je een pagina opnieuw analyseert in het axe Expert-extensie Analyze-paneel (het maakt niet uit welke je kiest, ze voeren beide dezelfde functie uit).

  4. De Analyse-knop.

Het label van de Analyse-knop verandert naar 'bezig met analyseren' tijdens een scan.

Je weet dat de scan is voltooid wanneer je kunt pijl- of tabbladwisselen van de Analyse-knop.

Wanneer geen toegankelijkheidsovertredingen worden gevonden

Als er geen toegankelijkheidsovertredingen worden gevonden, staat er na de uploadknop: Gefeliciteerd! Geen toegankelijkheidsovertredingen gevonden. Nu moet je handmatig testen uitvoeren met behulp van hulpmiddelen zoals NVDA, VoiceOver en JAWS.

Werken met analyse-resultaten

Exportknop en aantal overtredingen: Als er één of meer fouten zijn ontdekt, gebruik je de vijfde linkoptie, Export, in het Analyze paneelmenu om de resultaten naar een CSV-bestand te exporteren.

Download en Upload links: Het Analyze paneelmenu bevat ook download- en upload-items. Deze items worden als "uitgeschakeld" weergegeven wanneer er geen verbinding is met een axe Monitor-server. Voor meer informatie, zie Analyse-resultaten uploaden en Download een script.

Analyseer axe Expert-extensie resultaten op twee manieren:

  • Exporteer de resultaten naar een spreadsheetprogramma voor verdere analyse.
  • Beoordeel de resultaten binnen het Analyze-paneel.

Resultaten exporteren

Als je met de analyse-resultaten in een spreadsheetprogramma zoals Microsoft Excel wilt werken, wat sorteren en andere gegevensmanipulatie mogelijk maakt, selecteer dan Export in het axe Expert-extensie Analyze menu om een Comma-Separated Value (CSV)-bestand te downloaden. Het werken met geëxporteerde resultaten is vooral nuttig voor schermlezergebruikers om eenvoudig te navigeren tussen overtredingen wanneer de resultaten meerdere overtredingen van meerdere regels bevatten.

Exporteer resultaten naar een CSV-bestand:

  1. Selecteer Export in het paneelspecifieke Analyze keuzemenu.

Er verschijnt een typisch dialoogvenster Opslaan als.

  1. Selecteer een handige map, geef de file een beschrijvende naam en selecteer Save.

    Zorg dat de gewenste map is geselecteerd door shift+tabbing naar de mappenstructuur te navigeren de eerste keer dat je het dialoogvenster Opslaan als opent met de Export-link. axe Expert-extensie slaat geëxporteerde resultaten op in de standaard downloadlocatie die in je Chrome-browserinstellingen is geconfigureerd. Zodra een map is geselecteerd, onthoudt axe Expert-extensie je keuze voor toekomstige exports.

Analyseresultaten in axe Expert-extensie bekijken

Alle analyseresultaten van axe Expert-extensie worden weergegeven onder de kop 'Overtredingen gevonden'. Dit is meestal de enige kop in het Analyze paneel, dus met behulp van h kom je daar direct.

Overtredingen van regels bekijken:

  • Druk twee keer op de pijl-omhoog om de regel te zien waar het aantal gevonden overtredingen wordt gemeld.

    axe Expert-extensie toont een geordende lijst van tests die overtredingen identificeerden, samen met het aantal overtredingen voor elke regel. De regelnamen in de lijst zijn links, die wanneer weergegeven, een lijst tonen van alle overtredingen voor die regel.

    Een typische lijst van overtredingen kan er als volgt uitzien:

lijst van x items

  1. Link: Elementen moeten voldoende kleurcontrast hebben x overtredingen (waarbij x het aantal overtredingen is).
  2. Link: Waarde van ID-attribuut moet uniek zijn overtredingen...

Inzoomen op individuele overtredingen:

  • Selecteer de regellink in de lijst.

Wanneer een regellink is geselecteerd zie je een paneel dat de eerste overtreding voor de regel weergeeft.

Overzicht van overtredingen panel analyseresultaten

Dit gedeelte beschrijft de sequentiële informatie die wordt weergegeven als je binnen een individuele regelovertreding naar beneden navigeert.

  • Een individuele overtreding weergeven: Begin bij de lijst met regels die overtredingen hebben opgeleverd (zie de vorige sectie voor een beschrijving en voorbeeld van hoe de lijst eruitziet).

  • Navigatie en impact van meerdere overtredingen

  • Vorige knop: Aan het einde van de lijst zie je een knop genaamd vorige. De vorige knop is uitgeschakeld wanneer je de eerste regelovertreding bekijkt.

  • # van Totaal Aantal Overtredingen: Met de pijltjestoetsen naar beneden bladeren vanaf de Vorige-knop om een regel te zien die luidt: „overtreding 1 van X“ waarbij X het totale aantal overtredingen is dat specifiek is voor de actieve regel.

  • Impact: Verder naar beneden bladeren vanaf de regel # van Totaal Aantal Overtredingen toont de impactinformatie met betrekking tot de overtreding. De impactregel bevat de impactscore: gering, matig, serieus of kritiek.

  • Next knop: Een volgende knop verschijnt na de impactinformatie. De volgende knop wordt als uitgeschakeld aangekondigd als u de laatste overtreding van een specifieke regel bekijkt.

  • Description: Met de pijltjestoetsen naar beneden bladeren vanaf de volgende knop toont een beknopte beschrijving van de overtreden regel samen met een Meer info-link. Deze regel luidt bijvoorbeeld „Zorgt ervoor dat het contrast tussen voor- en achtergrondkleuren voldoet aan de WCAG 2 AA-contrastratio drempels“ wanneer een overtreding van de kleurcontrastenregel wordt geregistreerd.

  • More info link: Selecteer Meer Info om Deque University-inhoud te bekijken die meer context en achtergrondinformatie geeft over de overtreden regel, naast gedetailleerde informatie over hoe deze kan worden opgelost.

  • Applicable Ruleset (Standard) and Success Criteria: Een lijst met twee items volgt de Meer info-link. Het eerste lijstitem vermeldt het actieve regelsysteem dat tijdens de axe Expert Extension-analyse werd gebruikt. WCAG 2.0 AA is het axe Expert Extension regelsysteem, genoteerd als „wcag2aa“. Het tweede lijstitem specificeert het succescriterium voor de actieve regel (bijvoorbeeld wcag143 voor WCAG 2.0 succescriterium 1.4.3 - kleurcontrast).

  • Inspect and Highlight links: De Inspecteren-link markeert het overtredende element in DevTools. De tweede link, Markeren, markeert visueel het webpagina-element in het hoofdvenster van de Chrome-browser.

  • Section Navigation: Verschillende aanvullende h2-kopjes vertegenwoordigen inhoudssecties binnen een overtreding:

  • Target: Doel identificeert een CSS-selectorpad naar het overtredende HTML-element.

  • HTML: toont een fragment van HTML-opmaak inclusief het overtredende element.

  • Summary: De samenvatting bevat een subsectie over het verhelpen van eventuele volgende problemen, gevolgd door een lijst met voorgestelde oplossingen. De precieze indeling en formulering van een voorgestelde oplossing hangen af van de specifieke overtreding. De lijst met voorgestelde oplossingen is essentiële informatie in elk rapport of analyse, omdat deze meestal helpt om de exacte fout te lokaliseren en vaak de eenvoudigste oplossing biedt.

Gebruik de Previous en Next knoppen

Gebruik de previous en next knoppen om naar de vorige/volgende overtreding te gaan als de analyse meerdere regeloverdredingen heeft geregistreerd. De bijgewerkte regel overtreding x van y wordt automatisch aangekondigd door de meeste schermlezers na het selecteren van de previous of next knoppen. Als de panel bijvoorbeeld overtreding één van tien toont en u selecteert de next knop, kondigt NVDA automatisch „overtreding twee van tien“ aan. De next en previous knoppen bieden de enige manier van navigatie naar een specifieke regel overtreding.

Om bij overtreding acht van tien voor regel x te komen, klik op regel x en klik vervolgens zeven keer op next.

Over de laatste overtreding

Als er op next wordt geklikt terwijl de laatste overtreding van een bepaalde regel momenteel wordt weergegeven, wordt de eerste overtreding van de volgende regel niet automatisch weergegeven. De next knop is immers uitgeschakeld wanneer de laatste regel overtreding wordt weergegeven. Navigeer terug naar de lijst met regels en selecteer de volgende regel voor inspectie.

Bekijk alle toegankelijkheidsovertredingen voor alle regels. Exporteer het rapport naar een CSV-bestand om snel alle regel overtredingen op één plek te bekijken.

Gebruik Aangepaste Regels

Het Rules paneel is de vierde optie in het hoofdmenu. Als u een JSON-bestand met aangepaste regels heeft geschreven voor axe Expert Extension om te scannen, gebruik dan het Rules paneel om uw regelsysteem toe te voegen. Zodra toegevoegd aan het Rules paneel, kunt u uw regelsysteem selecteren van het Rules tabblad. Het Custom Ruleset paneel bevat twee formulieren en een knop: Name for Custom Rules, Enter JSON, en SAVE EN USE RULESET.

Voeg aangepaste regels toe

  1. Geef een naam op voor uw aangepaste regelsysteem in het (Naam voor Aangepaste Regels en Voer JSON in) veld.

Zorg ervoor dat de naam alleen letters of cijfers bevat (er zijn geen spaties, streepjes of andere symbolen toegestaan als onderdeel van de naam van het regelsysteem).

  1. Voer uw JSON regels in of plak ze in het Enter JSON veld.

  2. Selecteer SAVE EN USE RULESET.

Het Rules paneel toont een succes- of foutbericht als u een ongeldige naam heeft opgegeven of ongeldige JSON heeft gebruikt. U kunt de naam van uw regelsysteem zien in het Aangepaste regelsystemen gedeelte van het linker zijbalkmenu op het Regelspaneel. Verwijder een aangepast regelsysteem door het bijbehorende selectievakje aan te vinken en vervolgens Regelsysteem verwijderen te selecteren.

Is this page helpful?

Help us improve this page

Still need help?