Toegankelijkheid: De DOM-volgorde van een website controleren en aanpassen
Leestijd 6 minuten
De DOM-volgorde van een website is de volgorde waarin schermlezers en de Tab-toets inhoud op de pagina markeren en/of 'lezen'. Het moet een logische volgorde volgen om ervoor te zorgen dat bezoekers de best mogelijke ervaring op je website krijgen en door de inhoud ervan kunnen navigeren.
Lees in dit artikel meer over:
DOM-volgorde op websites
Website-DOM is de laad- en leesvolgorde van elementen op websitepagina's. Wix stelt automatisch een DOM-volgorde in op basis van de visuele volgorde van de elementen: van links naar rechts en van boven naar beneden. Bij de ontwikkeling van onze toegankelijkheidshulpmiddelen testen wij onze producten met de volgende schermlezers:
- Windows + Firefox of Chrome: NVDA (gratis reader)
- iOS + Safari: Voiceover (ingebouwde lezer)
Dit betekent dat we de automatische DOM-volgorde van je website hebben gemaakt met de functies van de bovenstaande toepassingen in gedachten.
Belangrijk:
De automatische DOM-volgorde op Wix-desktopwebsites is gebouwd voor talen die van links-naar-rechts worden geschreven (bijvoorbeeld Engels, Spaans, enzovoort). Als je website een rechts-naar-links geschreven taal gebruikt, zoals Arabisch of Hebreeuws, moet je de DOM-volgorde in het Lagen-paneel handmatig aanpassen.
Waarom de DOM-volgorde belangrijk is
Sommige websitebezoekers kunnen schermlezers en andere ondersteunende technologieën gebruiken om door je website te navigeren. Deze technologieën helpen bezoekers met visuele beperkingen door de inhoud van de website te scannen en deze hardop voor de bezoeker voor te lezen.
Bezoekers die schermlezers gebruiken en mensen met een mobiliteitsbeperking kunnen de Tab-toets gebruiken om door de inhoud van je website te navigeren. De DOM-volgorde van je website is daarom belangrijk voor bezoekers die schermlezers en/of de Tab-toets gebruiken, omdat ze in een logische volgorde door je website moeten kunnen navigeren.
Het websitemenu moet bijvoorbeeld eerst komen, gevolgd door de rest van de elementen in de koptekst, vervolgens de paginatitel, dan de pagina-inhoud, enzovoort. Als de DOM-volgorde onjuist is, kan dit ertoe leiden dat de schermlezer / Tab-toets pagina-inhoud overslaat of er doorheen springt.
Wil je de DOM-volgorde van je website testen?
Je kunt de automatische DOM-volgorde van je website testen door de Tab-toets van je toetsenbord of een schermlezer te gebruiken in de live versie van de website.
Automatische DOM in de Toegankelijkheidswizard
Wanneer je aan een Studio Editor-website werkt, zie je mogelijk de optie om automatisch de DOM-volgorde te ordenen in de Toegankelijkheidswizard. We raden aan deze optie te selecteren, omdat dit ervoor zorgt dat de scan van de wizard en de resulterende taken correct zijn.
Zie je dit selectievakje niet?
De optie om de DOM van de website te ordenen wordt niet ingevuld in de volgende gevallen:
- De website is gemaakt na begin november 2024
- Je hebt eerder de DOM van de website geordend met de Toegankelijkheidswizard
- Je hebt automatische DOM uitgeschakeld op de website
De DOM-volgorde van een website handmatig wijzigen
Als je merkt dat de DOM-volgorde van je website niet logisch is, raden we aan deze te wijzigen om een verbeterde ervaring voor bezoekers te garanderen.
Gebruik de Toegankelijkheidswizard en het Lagen-paneel om de DOM op Wix Editor-websites te wijzigen. Als je een website bouwt in de Studio Editor, kun je de volgorde aanpassen met de Lagen- en Pagina's-panelen van de website.
Belangrijk:
Als de Tab-volgorde van je website al logisch is, dan hoef je niets te doen. Het wijzigen van de volgorde wanneer deze al correct is, kan problemen veroorzaken voor bezoekers die schermlezers en / of de Tab-toets gebruiken.
Om de DOM-volgorde te wijzigen:
Wix Editor
Studio Editor
Aangezien Wix automatisch een DOM-volgorde voor je website instelt, moet je deze uitschakelen in de geavanceerde instellingen van de Toegankelijkheidswizard Je kunt de DOM-volgorde van elementen vervolgens naar behoefte handmatig aanpassen in het Lagen-paneel van je website.
Om de DOM-instellingen en -volgorde van je website te wijzigen:
- Ga naar je Editor.
- Klik bovenaan op Instellingen en selecteer Toegankelijkheidswizard.
- Klik bovenaan het Toegankelijkheidswizard-paneel op het Meer acties-pictogram
. - Selecteer Geavanceerde toegankelijkheidsinstellingen.
- Selecteer Automatische DOM-volgorde.
- Schakel de schakelaar in het paneel uit.
- Selecteer Uitschakelen in het pop-up venster.
- Klik linksonder in de Editor op Lagen
. - Controleer de lijst en verwijder overbodige elementen. Dat zijn onder andere dubbele elementen die niet op je website worden gebruikt en die gebruikers van schermlezers in verwarring kunnen brengen.
- Sleep en plaats de elementen in de gewenste volgorde.
Volgende stap:
Open de mobiele Editor en herhaal dezelfde stappen.
Let op:
- Met de Tab-toets navigeer je alleen door de interactieve elementen van een website en niet door statische elementen zoals tekst. Als je een schermlezer wilt testen op statische elementen zoals tekst, volg dan de instructies in het helpcentrum van je schermlezer over hoe je goed navigeert op een website met een toetsenbord.
- Vastgezette elementen worden automatisch aan het einde van de tabvolgorde geplaatst. Als je wilt dat deze eerder in de volgorde worden weergegeven, raden we aan het element los te maken en in de koptekst te plaatsen.
En nu?
Ga terug naar de Toegankelijkheidschecklist om verder te werken aan de toegankelijkheid van je website.
Vond je dit artikel nuttig?
|