Bronnen · 57
Dialogen en toetsenborden: test het focustraject
Controleer het openen, verplaatsen, sluiten en herstellen van de context in interfaces die een taak onderbreken.
Bijgewerkt · 3 min
Wat deze handleiding helpt bereiken
- Kies de juiste component
- Plaats begrijpelijke focus
- Sluiten toestaan
- Herstel context
Snelle controle
- Is een modaal venster nodig?
- Waar komt de openingsfocus terecht?
- Is de achtergrond daadwerkelijk inert?
- Kan het dialoogvenster met het toetsenbord worden gesloten?
- Waar keert de focus terug als de trigger verdwijnt?
Stapsgewijze methode
- 1
Kies de onderbreking
Bepaal of informatie een modaal venster nodig heeft of op de pagina kan blijven staan. Scheid modale dialoogvensters, panelen en menu's. Geef de voorkeur aan geschikte native elementen en controleer het gedrag; een ARIA-rol creëert niet automatisch interacties.
Resultaat: componentkeuze en onderbouwing.
- 2
Naam en openen
Koppel een toegankelijke naam aan een zichtbare kop. Plaats de focus op de juiste plek: aan het begin van de gestructureerde inhoud, een nuttig veld of een veilige actie, afhankelijk van de taak. Bij het openen mag het begin niet uit beeld scrollen.
Resultaat: getest openen.
- 3
Navigeren met toetsenbord
Volgens het modale-dialoogvensterpatroon van W3C blijven Tab en Shift+Tab binnen de inhoud en is de inhoud buiten het venster inactief. Controleer of de focus zichtbaar is, de logische volgorde en of er geen valkuilen zijn in geneste besturingselementen.
Resultaat: vooruit- en achteruitnavigatie.
- 4
Sluiten en herstellen
Zorg voor een zichtbaar sluitmechanisme en het verwachte Escape-gedrag. Geef de focus terug aan de trigger of een logische stap als de trigger niet meer bestaat. Na het verzenden moeten gebruikers kunnen zien wat er is veranderd en wat er vervolgens kan gebeuren.
Resultaat: herstelde focus en context.
- 5
Test fouten en ruimte
Inclusief lange berichten, ongeldige velden, mobiele toetsenborden en zoom. Scrollen mag acties of koppen niet permanent verbergen. Foutmeldingen moeten begrijpelijk en bereikbaar zijn zonder dat ingevoerde waarden verloren gaan.
Resultaat: randgevallen voor smalle schermen.
- 6
Controleer de pagina
Test de geïntegreerde component met toetsenbord en ondersteunende technologie, niet alleen in een geïsoleerde demo. Controleer op dubbel openen en focus na herhaaldelijk sluiten. Lokale acceptatie alleen is niet voldoende voor WCAG-certificering.
Resultaat: acceptatieverslag en bekende beperkingen.
Herbruikbaar werkblad
Vul in met uw geautoriseerde observaties. Deze velden zijn een werksjabloon, geen waargenomen resultaten.
| Veld | Informatie om vast te leggen |
|---|---|
| Opening | Trigger, richting en initiële focus |
| Reis | Tab, Shift+Tab, inerte achtergrond en zichtbare focus |
| Sluiten | Escape, knop en logische terugkeer |
| Limieten | Zoom, lange content, fouten en assistentie getest |
Fictief uitgewerkt voorbeeld
Illustratieve situatie
Fictief voorbeeld: een dialoogvenster bevestigt het verwijderen van een rij en de bijbehorende knop verdwijnt.
Beslissing en verwachte bewijs
Na bevestiging keert de focus terug naar een logisch volgend element of de lijstkop, met een aangekondigd resultaat en een zichtbare volgende stap.
Onderscheid de mechanismen
| Mechanisme | Doel | Verificatie of beperking |
|---|---|---|
| Modaal dialoogvenster | Onderbreking voor een afgebakende taak | Inerte achtergrond en beperkte focus |
| Niet-modaal paneel | Context beschikbaar houden | Coherente focusverplaatsing |
| Pagina-sectie | Doorlopende informatie weergeven | Vaak gemakkelijker te raadplegen |
Managementindicatoren
| Indicator | Wat het meet | Eerste actie |
|---|---|---|
| Voltooide toetsenbordbewegingen | Taken uitgevoerd zonder aanwijzer | Blokkeringen verhelpen |
| Correcte focusterugkeer | Sluitingen die nuttige context herstellen | Ontbrekende triggers afhandelen |
| Geteste randtoestanden | Zoom, fouten en lange inhoud | Documentatie weglatingen |
Veelvoorkomende fouten
- aria-modal toevoegen zonder inerte inhoud
- Focus verliezen na sluiting
- Escape blokkeren zonder duidelijke exit
- Alleen muisopening testen
Veelgestelde vragen
Is een native Is de dialoog voldoende?
Het biedt nuttig gedrag, maar de naamgeving, de initiële focus, de inhoud, fouten en integratie vereisen nog steeds testen.
Moet de eerste knop de focus krijgen?
Niet altijd. Het juiste punt hangt af van de inhoud en de taak, vooral bij onomkeerbare beslissingen.
Kan automatisering het traject valideren?
Het detecteert enkele defecten, maar begrip, een nuttige volgorde en herstelde context vereisen handmatige acceptatie.
Officiële referenties
Referenties ondersteunen de methode. Pas controles aan uw context aan; ze zijn geen certificering. Originele referentietitels en brondocumenten kunnen in een andere taal zijn.
Bronnen geraadpleegd op .
