Identificeer en los toegankelijkheidsproblemen op je Wix-website op met behulp van de
Toegankelijkheidswizard. Deze tool scant de website en geeft twee tabbladen weer die je moet invullen:
- Gevonden problemen: Problemen die de wizard op de website heeft gedetecteerd.
- Handmatige taken: Aanvullende website-instellingen/inhoud die de wizard mogelijk niet kan detecteren.
We raden aan om alle taken te volgen en te voltooien om ervoor te zorgen dat de website voor iedereen toegankelijk is.
Een website scannen met de Toegankelijkheidswizard
De wizard is beschikbaar in zowel de Wix Editor als de Studio Editor, zodat je de toegankelijkheid van elke website waaraan je werkt kunt verbeteren. Open de wizard vanuit je editor om aan de slag te gaan.
- Ga naar je editor.
- Selecteer bovenaan Instellingen.
- Selecteer Toegankelijkheidswizard.
- Selecteer rechts Website scannen.
Gedetecteerde problemen oplossen
Het Gedetecteerde problemen-tabblad toont instellingen die van invloed zijn op de hele website (bijvoorbeeld: de taal- en focus-indicatoren van de website). Pagina's hebben ook hun eigen dropdowns, wat zorgt voor een grondige scan van de website.
De wizard biedt je oplossingen voor elk gedetecteerd probleem. Afhankelijk van de inhoud kun je dit oplossen in de wizard zelf of in de instellingen van je editor/app.
Selecteer een optie om meer te lezen over de problemen die kunnen worden gedetecteerd.
Problemen op websiteniveau
Geef focusindicatoren weer
Focusindicatoren zijn blauwe rechthoeken die verschijnen rond interactieve elementen, zoals knoppen of links, wanneer bezoekers een toetsenbord gebruiken om door de live website te navigeren.
Voeg een 'Doorgaan naar hoofdinhoud'-link toe
Doorgaan naar hoofdinhoud is een functie waarmee bezoekers die toetsenbordnavigatie gebruiken de bovenste gedeelten van een website, zoals menu's en paginakoppen, kunnen omzeilen en direct naar de hoofdinhoud van de pagina kunnen gaan.
'Doorgaan naar hoofdinhoud'-links zijn een belangrijk onderdeel van de toegankelijkheid van een website, omdat ze bezoekers snel toegang geven tot de informatie die ze nodig hebben.
Lees meer over 'Doorgaan naar de hoofdinhoud'.
Stel de hoofdtaal van de website in
Door de hoofdtaal van de website in te stellen, krijgen ondersteunende technologieën de informatie die ze nodig hebben om de inhoud nauwkeurig weer te geven. Dit gebeurt door:
- Het script dat / de tekens die in de websitetekst worden gebruikt, aan te geven
- De uitspraak van tekstuele inhoud te bepalen
- Mediaspelers toe te staan om de juiste bijschriften weer te geven
Het is daarom belangrijk om de hoofdtaal van de website in te stellen, omdat dit ervoor zorgt dat bezoekers die deze technologieën gebruiken, de beste ervaring krijgen.
Als je Wix Multilingual aan je website hebt toegevoegd, kan de hoofdtaal die tijdens de installatie is gekozen
niet worden gewijzigd.
Je kunt echter wel:
Organiseer de DOM-volgorde
De volgorde van het Document Object Model (DOM) van een website bepaalt de 'leesvolgorde' van elementen op de pagina.
Sommige websitebezoekers gebruiken schermlezers en andere ondersteunende technologieën om door een website te navigeren.
Schermlezers scannen bijvoorbeeld de inhoud van de website en 'lezen' deze hardop voor aan de bezoeker. Deze bezoekers, evenals mensen met mobiliteitsbehoeften, kunnen ook de Tab-toets gebruiken om door de inhoud van de website te navigeren.
Het organiseren van de DOM-volgorde van een website is daarom belangrijk voor de toegankelijkheid, omdat het ervoor zorgt dat bezoekers die deze ondersteunende en aanvullende technologieën gebruiken in een logische volgorde door de website kunnen bladeren en er doorheen kunnen navigeren.
Lees meer over DOM-volgorde en toegankelijkheidProblemen met pagina's
Geef de pagina een beschrijvende titel
De title-tag van een pagina is de titel die zoekmachines meestal weergeven voor de pagina in zoekresultaten. Deze is ontleend aan de naam die je de pagina geeft en de naam van de website.
De wizard vraagt je om de titel van een pagina te wijzigen wanneer de title-tag 'Nieuwe pagina' bevat (de standaardinstelling die is toegewezen aan nieuwe pagina's die je aan een website toevoegt) of 'Kopie van' (de standaardinstelling die is toegewezen aan dubbele pagina's).
Title-tags voor pagina's bieden bezoekers die ondersteunende technologie gebruiken, belangrijke informatie over de inhoud van de pagina. Om de beste ervaring te garanderen, moeten paginatitels daarom hetvolgende zijn:
- Beschrijvend: De titels moeten de inhoud van de pagina nauwkeurig samenvatten en alle essentiële informatie bevatten.
- Uniek: Titels mogen slechts op één pagina op de website worden gebruikt en niet op pagina's worden herhaald.
- Beknopt: Paginatitels moeten de inhoud samenvatten en tegelijkertijd relevante informatie en zoekwoorden bevatten.
Organiseer de kopstructuur
Kopteksttags zijn elementen in de HTML-code van een website die de hiërarchie/structuur van tekstinhoud op een pagina bepalen. Kopteksttags volgen een top-down volgorde, van Koptekst 1 (H1) tot Koptekst 6 (H6) en dan alineatekst (P).
Ondersteunende technologieën gebruiken kopteksttags om de volgorde van pagina-inhoud te weten. Schermlezers lezen bijvoorbeeld eerst H1-inhoud, gevolgd door H2, H3, enzovoort.
Een nauwkeurige koptekststructuur is daarom belangrijk, omdat het bezoekers die deze technologieën gebruiken, een duidelijke, logische ervaring biedt.
Lees meer over kopteksttags.
Je kunt veel kopteksttags aanpassen binnen de Toegankelijkheidswizard. Sommige elementen zijn momenteel echter niet volledig geïntegreerd met de wizard en moeten handmatig worden aangepast.
Voeg alt-tekst aan afbeeldingen toe
Alternatieve (alt) tekst is een tekstuele beschrijving van een afbeelding op een webpagina.
Sommige bezoekers kunnen ondersteunende technologieën zoals schermlezers gebruiken om door websites te navigeren. Deze lezen de inhoud van de website hardop voor aan de bezoekers, inclusief de alt-tekst.
Alt-tekst is daarom een belangrijk onderdeel van een website, omdat het ervoor zorgt dat bezoekers die deze technologieën gebruiken, toegang hebben tot de inhoud en begrijpen wat de afbeelding bevat.
Lees meer over alt-tekst en toegankelijkheid.
Verbeter het kleurcontrast
Kleurcontrast is een maat voor het verschil in waargenomen helderheid tussen twee kleuren en wordt weergegeven als een verhouding variërend van 1:1 (geen contrast) tot 21:1 (strong contrast). Een sterk contrast zorgt ervoor dat de inhoud van de website gemakkelijk te zien en te lezen is.
- Kleine tekst: Tekst kleiner dan 24px (18pt):
- AA: 4,5:1 en hoger
- AAA: 7:1 en hoger
- Grote tekst: Tekst groter dan 24 px (18 pt) of tekst meer dan 18 px (14 pt) en vet:
- AA: 3:1 en hoger
- AAA: 4,5:1 en hoger
- Niet-tekstuele componenten (bijvoorbeeld: pictogrammen):
Let op: Alleen niveau AA is momenteel vereist in de Toegankelijkheidswizard.
Handmatige taken voltooien
De handmatige taken benadrukken meer website-instellingen die mogelijk moeten worden aangepast voor de toegankelijkheid. Dit gedeelte is niet automatisch en je moet daarom de website handmatig controleren en de nodige wijzigingen aanbrengen.
Gebruik een beschrijvende link en knoptekst
Vermijd het gebruik van alleen kleuren om informatie te geven
Voeg belangrijke tekst uit afbeeldingen toe aan alt-tekst
Tekst in afbeeldingen (bijvoorbeeld: foto's van borden of slogans) kan niet worden gelezen door schermlezers. We raden aan deze afbeeldingen, waar mogelijk, te vervangen door echte tekst.
Als de afbeeldingstekst een belangrijk onderdeel is van de inhoud van de website, of essentieel is voor het overbrengen van informatie, neem de tekst dan op in de beschrijving van de afbeelding (alt-tekst).
Lees meer over tekst in afbeeldingen.
Voeg bedieningselementen toe aan animaties en audio
Sommige video- en audiospelers kunnen ingesteld zijn om automatisch af te spelen wanneer de pagina wordt geladen. Dit kan echter verwarring en afleiding veroorzaken voor bezoekers en kan ondersteunende technologieën beïnvloeden. Een audiospeler die automatisch start, kan bijvoorbeeld een schermlezer overschrijven of erdoorheen 'spreken'.
Zorg ervoor dat alle inhoud zichtbaar is wanneer de browser is ingezoomd
Website-elementen/-componenten moeten nog steeds zichtbaar zijn als de browser is ingezoomd. Dit is om ervoor te zorgen dat gebruikers met visuele voorwaarden de website kunnen uitvergroten en toch alle inhoud van de pagina kunnen zien. Je kunt dit controleren door een voorbeeld van je website te bekijken en de zoomfactor van je browser in te stellen op 200%.
Lees meer over ingezoomde inhoud.
Voeg een toegankelijkheidsverklaring toe
Webtoegankelijkheid is in verschillende landen wettelijk verplicht. Maar zelfs als het in jouw regio geen wettelijke vereiste is, raden we aan de verklaring toe te voegen. Dit toont de toewijding van de website of je klant om een website te bieden die door alle bezoekers kan worden gebruikt.
Lees meer over toegankelijkheidsverklaringen.
