Toegankelijkheid: De Toegankelijkheidswizard gebruiken

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.

Ze laten de bezoeker zien waar zijn huidige positie is en zijn daarom cruciaal voor de toegankelijkheid van de website. Lees meer over focusindicatoren.

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 snelle toegang bieden tot de informatie die ze nodig hebben. Lees meer over 'Doorgaan naar hoofdinhoud'.

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 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:

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 de DOM-volgorde en toegankelijkheid.

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:

Tip: Nauwkeurige title-tags zijn ook een belangrijk onderdeel van de SEO van je website.

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. 

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. 

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.

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 (sterk contrast). Een sterk contrast zorgt ervoor dat de inhoud van de website gemakkelijk te zien en te lezen is. 

De vereiste kleurcontrastverhouding hangt af van het type van het element en het niveau van de Richtlijnen voor toegankelijkheid van webinhoud dat je wilt bereiken - AA (de minimumvereiste) of AAA (uitgebreid):

Je kunt het contrast van de meeste website-inhoud aanpassen in de Toegankelijkheidswizard. Sommige elementen zijn momenteel echter niet volledig geïntegreerd met de wizard en moeten handmatig worden aangepast. Lees meer over het aanpassen van kleurcontrast.

Let op: Alleen niveau AA is momenteel vereist in de Toegankelijkheidswizard.

De wizard kan elementen en inhoud op de pagina identificeren die niet volledig toegankelijk zijn voor websitebezoekers. Afhankelijk van het elementtype kun je het mogelijk vervangen door een alternatief uit het Elementen toevoegen-paneel. Als er geen geschikte opties beschikbaar zijn, raden we aan het van de website te verwijderen.

Bezoekers van de website kunnen een of meer aandoeningen of beperkingen hebben die van invloed zijn op hun zicht en/of gehoor. Je kunt ervoor zorgen dat mediabestanden toegankelijk zijn door alternatieven aan te bieden (bijvoorbeeld: transcripties en audiobeschrijvingen) waardoor het voor deze bezoekers gemakkelijker wordt om toegang te krijgen tot de inhoud, en deze te begrijpen. Lees meer over media-alternatieven.

Tekst of elementen die naar andere pagina's, onderdelen of websites verwijzen, moeten zo beschrijvend mogelijk zijn. 'Lees meer over ons laatste onderzoek' is bijvoorbeeld duidelijker dan 'Lees meer'. Ze moeten ook duidelijk zijn als ze tot een actie leiden, zoals het indienen van een formulier. Lees het WCAG-document met de richtlijnen voor toegankelijkheid van webinhoud over doelen van links.

Informatie die door kleur wordt overgebracht, moet ook afzonderlijke indicatoren hebben, zoals patronen, lettertype en pictogrammen. Gelinkte tekst moet bijvoorbeeld onderstreept zijn en grafieken moeten ook gegevens met verschillende patronen of texturen weergeven. Lees het WCAG-document met de richtlijnen voor toegankelijkheid van webinhoud over gebruik van kleur.

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.

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'. 

We raden daarom aan bezoekers de mogelijkheid te geven om de inhoud te stoppen, te pauzeren en te dempen. Lees meer over het toevoegen van besturingselementen.

Website-elementen of -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.

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.

Er kan een kleurcontrast op de website zijn dat de wizard niet identificeert. Om ervoor te zorgen dat alle website-inhoud duidelijk en zichtbaar is voor bezoekers, raden we aan het contrast van website-inhoud handmatig te bekijken en het indien nodig aan te passen.