Wix Harmony-editor: 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 om de bovenste gedeelten van een website, zoals menu's en paginakoppen, te 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 het instellen is gekozen, niet worden gewijzigd.  

Je kunt echter wel:

De Document Object Model (DOM)-volgorde van een website bepaalt de selectie/leesvolgorde van pagina-elementen (dat wil zeggen, de volgorde waarin elementen door schermlezers worden gelezen en gemarkeerd bij gebruik van de Tab-toets). 

De DOM-volgorde wordt ook beïnvloed door de richting van de taal van je website. We raden aan de DOM-volgorde te organiseren met de wizard om ervoor te zorgen dat de lees- en visuele volgorde van je elementen zijn uitgelijnd. Lees meer over de DOM-volgorde en toegankelijkheid.

Let op: Deze taak wordt alleen weergegeven als de DOM-volgorde en de taalrichting van de website niet overeenkomen.

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 (strong 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.

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.

De DOM verwijst naar de laad- en leesvolgorde van elementen op je websitepagina's en is belangrijk voor bezoekers die schermlezers en andere ondersteunende technologieën gebruiken. Je kunt de DOM-volgorde ordenen met de wizard om ervoor te zorgen dat de lees- en visuele volgorde van je elementen zijn uitgelijnd. Lees meer over de DOM-volgorde en toegankelijkheid.

Let op: Deze taak wordt alleen weergegeven als automatische DOM is uitgeschakeld op een of meer van de pagina-onderdelen.

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

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 aanwezig 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 indien nodig aan te passen. 

De wizard scant de meeste inhoud van de website. Dit omvat gewone websitepagina's en pagina's die deel uitmaken van zakelijke oplossingen (bijvoorbeeld: de Agenda-pagina in Wix Bookings).
Voor sommige inhoud op deze pagina's is mogelijk echter handmatige beoordelingen of oplossingen vereist. Bovendien worden sommige websitepagina's niet gescand / ondersteund door de wizard.

De Toegankelijkheidswizard ondersteunt het volgende niet:

We raden aan deze pagina's en apps door te nemen met onze checklist om te zien hoe je ze toegankelijker kunt maken.

Nadat je de Toegankelijkheidswizard hebt gebruikt, zijn er een paar manieren waarop je je website toegankelijker kunt blijven maken voor bezoekers: