WordPress-Toegankelijkheid

WordPress Accessibility: Hoe maak je een toegankelijke website?

Toegankelijkheid in WordPress is een belangrijk onderdeel van het bouwen van websites dat te weinig besproken wordt. Hoe toegankelijk is het populaire CMS? Waarom is toegankelijkheid zo belangrijk? En hoe kun je je WordPress website voor iedereen toegankelijk maken?

Toegang voor iedereen: feiten over Accessibility

WordPress drijft meer dan 35 procent van alle websites aan. E-commerce websites, grote online publicaties, nieuwskanalen, blogs en zakelijke websites gebruiken WordPress omdat het gemakkelijk te gebruiken is.

En juist omdat WordPress zo populair is, heeft het een grote invloed op de webtoegankelijkheid. Het onderwerp toegankelijkheid staat echter niet altijd op de voorgrond bij het ontwikkelen en herontwerpen van een website. In plaats daarvan houden veel WordPress gebruikers zich bezig met het kiezen van het juiste thema, het verbeteren van hun SEO ranking en het zorgen dat hun website snel laadt. Daar is niets mis mee - maar het zou net zo belangrijk moeten zijn dat je WordPress website voor iedereen toegankelijk is. 

Volgens de statistieken van Interactive Accessibility leven 56 miljoen Amerikanen met een handicap. Bovendien stelt het Pew Research Center dat 54 procent van de Amerikaanse volwassenen met een handicap regelmatig gebruik maakt van het internet. En dat is alleen de Verenigde Staten. Wereldwijd nemen deze aantallen toe.

Als u de kwestie van toegankelijkheid negeert, sluit u vandaag al 20 procent van de wereldbevolking uit van de mogelijkheid om uw website te gebruiken. Kortom, verwaarlozing van de toegankelijkheid is niet goed voor uw bedrijf. Maar belangrijker nog, het is vreselijk voor het creëren van een rechtvaardigere en eerlijkere wereld. 

Dus als je je ooit hebt afgevraagd hoe je een toegankelijke website maakt met WordPress, dan is deze gids voor jou. We beantwoorden enkele belangrijke vragen, waaronder:

  • Wat is Web Accessibility?
  • Is WordPress "out of the box" toegankelijk?
  • Welke hulpmiddelen en plugins helpen je bij het maken van een toegankelijke WordPress website?

Wat is webtoegankelijkheid eigenlijk?

Web Accessibility verwijst naar de hulpmiddelen die mensen met een handicap in staat stellen het web te gebruiken en er toegang toe te krijgen. Dit is met name relevant voor handicaps die van invloed kunnen zijn op de manier waarop mensen toegang krijgen tot en gebruik maken van het web, zoals:

  • Visuele Beperkingen
  • Akoestische beperkingen
  • Beperkingen van de taal
  • Cognitieve beperkingen 
  • Neurologische handicaps
  • Tijdelijke handicaps (zoals een gebroken arm)

Deze lijst omvat leeftijdsgebonden handicaps – en zelfs handicaps als gevolg van een trage internetverbinding. Een van de belangrijkste redenen waarom toegankelijkheid zo belangrijk is, is de steeds grotere rol die het internet in ons dagelijks leven speelt: van toegang tot informatie en het laatste nieuws tot boodschappen doen en contact houden met onze dierbaren.

Meer redenen waarom toegankelijkheid belangrijk is op het internet: 

Gezien het belang van het Internet in een moderne wereld, moet het Web toegankelijk zijn voor iedereen, ongeacht status of bekwaamheid.

Is WordPress "uit de box" toegankelijk? 

WordPress was niet altijd bereikbaar: Nog maar een paar jaar geleden hadden gebruikers die op het web afhankelijk waren van ondersteunende technologieën, grote problemen om door het admin-dashboard te navigeren.

WordPress Accessibility: Hoe maak je een toegankelijke website?

Sindsdien is er veel veranderd. Ten eerste heeft een kleine groep vrijwilligers - het zogenaamde Make WordPress Accessible Team - de toegankelijkheid van WordPress aanzienlijk verbeterd.  

Als resultaat van hun werk is het admin gedeelte veel toegankelijker geworden samen met de media bibliotheek en Theme Customizer. Bovendien zijn er talrijke sneltoetsen toegevoegd aan WordPress Core om het bewerken en opmaken van berichten en pagina's te versnellen. 

De coderingsnormen voor de toegankelijkheid van WordPress zijn in maart 2016 toegevoegd aan het Core-handboek vanWordPress . Sindsdien moeten Themes en Plugins een strenge toegankelijkheidscontrole doorstaan om überhaupt als toegankelijk te worden geclassificeerd.

Wat is het handboek voor kernbijdragers?

De handleiding definieert de coderingsnormen waaraan WordPress ontwikkelaars moeten voldoen wanneer ze hun bijdragen toevoegen aan de WordPress Core en thema's en plugins indienen bij de officiële repository.

Hoewel er belangrijke wijzigingen en verbeteringen zijn aangebracht, moet WordPress nog het een en ander doen op het gebied van toegankelijkheid. Hoewel WordPress ernaar streeft te voldoen aan de Authoring Tool Accessibility Guidelines (ATAG) 2.0, zijn er nog andere kwesties die 100% toegankelijkheid in de weg staan: 

  • Theme- en Plugin- derde-partij-ontwikkelaars houden zich niet altijd aan de toegankelijkheidsrichtlijnen. De meeste toegankelijkheidsproblemen op WordPress zijn dan ook te wijten aan niet-toegankelijke Themes en Plugins .
  • De nieuwe Gutenberg editor 90 toegankelijkheidsproblemen had op het moment van zijn vrijlating. (Op het moment van dit schrijven zijn er nog slechts 22 kwesties onopgelost).
WordPress Accessibility: Hoe maak je een toegankelijke website?

Tips voor toegankelijke WordPress websites

Bij het maken van een toegankelijke website zijn er bepaalde principes vastgelegd in de Web Content Accessibility Guidelines. Je moet ze zeker gebruiken om ervoor te zorgen dat iedereen je WordPress website kan gebruiken. 

Checklist voor de toegankelijkheid van WordPress websites

  • Waarneembaar: Alle gebruikers moeten de onderdelen van de informatie en de gebruikersinterface kunnen waarnemen.
  • Bruikbaar: Ongeacht welk apparaat gebruikers gebruiken om je website te bezoeken, de onderdelen van de gebruikersinterface en de navigatie moeten bruikbaar zijn.
  • Begrijpelijk: Alle gebruikers moeten zowel de informatie als de gebruikersinterface kunnen begrijpen.
  • Robuust: Zowel gebruikers als verschillende user agents (inclusief hulptechnologieën) moeten de inhoud van de website kunnen lezen en begrijpen. 

Op basis van deze vier hoofdprincipes volgen hier enkele richtlijnen die je moet volgen bij het maken van een toegankelijke website met WordPress. 

Richtlijnen om ervoor te zorgen dat je WordPress website opvalt

  • Links en knoppen mogen niet van de rest van uw inhoud worden onderscheiden door kleur alleen.
  • Brailleondersteuning te bieden en tekstalternatieven te bieden voor visuele en auditieve inhoud, zoals afbeeldingen en video's.
  • Stel de tekstbreedte en regelbreedte in op afmetingen die de leesbaarheid maximaliseren.
  • Zorg voor voldoende contrast tussen je tekst en de achtergrond. Gebruik met andere woorden geen felrode tekst op een zwarte achtergrond.
  • Audio- en video-inhoud moet transcripties, bijschriften of gebarentaal bevatten.
  • Geanimeerde GIF's, knipperende animaties en andere inhoud die toevallen en lichamelijke reacties kan veroorzaken moeten worden vermeden.

Richtlijnen om ervoor te zorgen dat je WordPress website bruikbaar is

  • Maak geen gebruik van CAPTCHA of bied meerdere manieren aan om ze op te lossen, omdat ze voor veel mensen problemen kunnen opleveren.
  • Links mogen geen inhoud in een nieuw venster openen zonder je gebruikers daarvan op de hoogte te stellen of zonder voorafgaande interactie van je gebruikers.
  • Zorg ervoor dat uw gebruikers via het toetsenbord en de muis toegang hebben tot knoppen en menu-items (evenals dropdown menu's). 
  • Media-elementen zoals video, audio, carrousels of schuifbalken mogen niet worden ingesteld om automatisch af te spelen of te veranderen zonder interactie van de gebruiker.

Richtlijnen om ervoor te zorgen dat je WordPress website begrijpelijk is

  • Denk bij het ontwerpen aan verschillende viewports en pas de positie en het uiterlijk van de belangrijkste elementen dienovereenkomstig aan.
  • Gebruik koppen om verschillende subsecties van een pagina te definiëren.
  • Vermijd het gebruik van jargon, moeilijke termen en afkortingen. Zorg er in plaats daarvan voor dat je inhoud duidelijk en beknopt geschreven is.
  • Links moeten beschrijvend zijn en zin hebben zonder context. Het is bijvoorbeeld beter om een knop of link te hebben met de tekst "Meer informatie over onze diensten" dan gewoon "Meer informatie".

Richtlijnen om ervoor te zorgen dat je WordPress website robuust is

  • Voeg bovenaan elke pagina links voor overslaan toe.
  • Zorg dat je formuliervelden de juiste labels hebben. Je formulieren moeten ook waarschuwings- en bevestigingsberichten bevatten die gemakkelijk te zien zijn voor kleurenblinden.
  • Gebruik tabindex om een element dat normaal geen focus krijgt, zoals div of span, in de navigatievolgorde in te voegen bij gebruik voor interactie.
  • Downloadbare media zoals PDF-documenten, audio- of video-inhoud moeten een beschrijving hebben die aangeeft dat een download op het punt staat te beginnen.
  • Niet-standaard interactieve elementen, zoals accordeons of tabbladen, moeten een betekenis hebben volgens de WAI-ARIA Rollen.

"*" geeft verplichte velden aan

Toestemming*
Dit veld dient ter validatie en mag niet worden gewijzigd.

WordPress Toegankelijkheid Plugins en Tools

Als u de bovenstaande richtlijnen volgt, zal uw website toegankelijk zijn. Het is echter niet altijd even gemakkelijk om al deze regels en richtlijnen in de gaten te houden.

Gelukkig zijn er een aantal Plugins en tools voor meer WordPress , die u kunnen helpen sneller toegankelijke websites te maken - zonder belangrijke stappen te vergeten. 

WP Accessibility

WP-Toegankelijkheid

WP Accessibility is een van de beste WordPress toegankelijkheidsplugins uit de officiële WordPress plugin repository. Het heeft een waardering van 5 sterren en meer dan 30.000 actieve installaties. De plugin adresseert en verhelpt veel voorkomende toegankelijkheidsproblemen in WP-thema's. 

Belangrijkste kenmerken van WP Accessibility:

  • Links overslaan met aangepaste bestemmingen toevoegen
  • Een overzicht toevoegen aan de Toetsenbordfocusstaat
  • Verwijder tabblad index van focusable elementen
  • lange beschrijvingen aan foto's toevoegen
  • Forceer Alt attributen voor afbeeldingen in de klassieke editor

WP Accessibility repareert ook toegankelijkheidsproblemen in WordPress Core, zoals het verwijderen van onnodige titelattributen uit paginalijsten, categorielijsten en archiefmenu's.

De beste WordPress Accessibility Plugin voor: Bedrijven met bestaande websites die hun toegankelijkheid willen verbeteren.

Prijs: Je kunt WP Accessibility gratis downloaden van de officiële repository. 

ToegankelijkeWP werkbalk

WPA-toegankelijke werkbalk

AccessibleWP Toolbar, voorheen bekend als Accessible Poetry, heeft een 4.5 sterren rating en meer dan 4.000 actieve installs. De WordPress Plugin maakt het u gemakkelijk om bepaalde functies in te schakelen en uw website toegankelijker te maken. 

Belangrijkste kenmerken van AccessibleWP Toolbar:

  • Schakel toetsenbordnavigatie in, zodat gebruikers met hun toetsenbord door je website kunnen navigeren,
  • Gebruikers kunnen CSS3 animaties uitschakelen
  • Gebruikers kunnen de kleuren van de website veranderen in kleuren met een beter contrast
  • Gebruikers kunnen de kleuren van de website veranderen in grijstinten
  • Gebruikers kunnen de lettergrootte op uw website vergroten of verkleinen

De beste WordPress Accessibility Plugin voor: Bedrijven die een meer toegankelijke website willen, maar een merkspecifiek kleurenschema en algemene esthetiek willen behouden. 

Prijs: Je kunt AccessibleWP Toolbar gratis downloaden uit de officiële repository. 

One Click Accessibility

Toegankelijkheid met één klik

Het populaire WordPress -Plugin voor toegankelijkheid, One Click Accessibility, werd oorspronkelijk ontwikkeld voor het Pojo Framework en is nu compatibel met alle WordPress -Themes . De Plugin heeft een waardering van 4,5 sterren en meer dan 30.000 actieve installaties. 

Belangrijkste kenmerken van One Click Accessibility: 

  • Gebruikers kunnen lettergrootte, contrast, onderstrepen van links, leesbare lettertypes inschakelen of regelen met een toegankelijkheidswerkbalk
  • Links overslaan activeren
  • Outline focus toevoegen voor scherpstelbare elementen
  • Doelattributen van links verwijderen en oriëntatierollen toevoegen

De beste WordPress Accessibility Plugin voor: Websites die oorspronkelijk gemaakt zijn binnen het Pojo framework.

Prijs: One Click Accessibility is gratis te downloaden uit de officiële repository. 

WordPress Toegankelijkheidshelper

WordPress - Toegankelijkheid-Helper

WordPress Accessibility Helper heeft een waardering van 5 sterren en meer dan 10.000 actieve installaties. De Plugin biedt een gratis versie met een uitgebreide set functies. De premium versie biedt nog meer functies, waaronder de mogelijkheid om modale vensters en popups te beheren, accordeons toe te voegen en logo's aan te passen.

Belangrijkste kenmerken van WordPress Accessibility Helper

  • Links overslaan toevoegen
  • Lettergrootte instellen volgens uw wensen
  • Controleer pagina's en berichten op toegankelijkheidsfouten
  • Stel aangepaste kleuren in voor een beter/donkerder contrast
  • Onderstreep of markeer alle links

De beste WordPress Accessibility Plugin voor: Bedrijven die een robuuste Plugin nodig hebben om toegankelijkheid een belangrijk kenmerk van hun website en bedrijf te maken. 

Prijs: WordPress Accessibility Helper is gratis te downloaden. U kunt de Pro-versie kopen voor $80, waarmee u de Plugin op een website kunt installeren en drie maanden ondersteuning krijgt. 

WP ADA-nalevingscontrole Basic

WP ADA Compliance Check Basic controleert uw website op webtoegankelijkheidsproblemen en voorziet u van een gedetailleerd rapport hierover. De beoordeling is gebaseerd op de Web Accessibility Standards Section 508 en WCAG 2.1 LEVEL A/AA. 

Belangrijkste kenmerken van WP ADA Compliance Check Basic

  • Evalueer je website op webtoegankelijkheidsproblemen
  • Toegankelijkheidsrapporten uitvoeren
  • Gemakkelijk te volgen instructies voor het oplossen van toegankelijkheidsproblemen
  • Automatische correctie van toegankelijkheidsproblemen (alleen Premium-versie)
  • Problemen met het identificeren van bestanden in Theme(alleen in de Premium versie)

De beste WordPress Accessibility Plugin voor: Bedrijven die zich vooral willen richten op de wettelijke richtlijnen voor webtoegankelijkheid, of bedrijven die geïnteresseerd zijn in de tijdbesparende auto-correctie functie van de premium versie.

Prijs: WP ADA Compliance Check Basic is gratis te downloaden en beperkt tot 25 berichten of pagina's. De premium versie begint bij $165 voor één website en geeft je een jaar lang ondersteuning en updates. 

toegangsmonitor

Toegangsmonitor

De Access Monitor plugin heeft een waardering van 5 sterren en 400 installaties. De plugin voegt geen toegankelijkheidsfuncties toe aan je website, maar laat je controleren hoe toegankelijk je WordPress website momenteel is. Het voert ook een automatische toegankelijkheidscontrole van je website uit, die wordt gecontroleerd door de webtoegankelijkheidsdienst Tenon.io

Belangrijkste kenmerken van Access Monitor

  • Plan wekelijkse of maandelijkse bereikbaarheidsrapporten.
  • Test een specifieke set pagina's
  • Leer over toegankelijkheidsproblemen die machinaal definitief kunnen worden vastgesteld.

De beste WordPress Accessibility Plugin voor: Bedrijven die een eenvoudige, gratis manier willen om regelmatig toegankelijkheidsproblemen op te sporen. 

Prijs: Access Monitor kan gratis worden gedownload uit de officiële repository. 

Een opmerking over WordPress Plugins en toegankelijkheid

Het is belangrijk op te merken dat net als WordPress Themes , Plugins door iedereen kan worden ingediend en tijdens het beoordelingsproces een optionele Toegankelijkheidscontrole zal ondergaan. Als gevolg daarvan voldoen veel WordPress Plugins niet aan de digitale toegankelijkheidsrichtlijnen - en het gebruik ervan kan uw website ontoegankelijk maken. 

Bekende voorbeelden van zulke plugins zijn slider of carrousel plugins die zijn ingesteld om automatisch af te spelen of te pauzeren bij interactie met het toetsenbord. Een ander voorbeeld is een formulier-plugin die niet goed gelabelde velden heeft. Met dit in gedachten moet je je WordPress website elke keer dat je een nieuwe plugin installeert opnieuw testen op toegankelijkheid. 

WordPress Themes en toegankelijkheid

Helaas, als u naar de officiële repository van WordPress gaat en uw zoekopdracht filtert op toegankelijk Themes , zult u zien dat er slechts 108 Themes zijn, die als toegankelijk zijn gemarkeerd. 

Zoals eerder vermeld, kunnen Theme-verkopers dankzij de inspanningen van het Make WordPress Accessible Team hun Theme tijdens het beoordelingsproces indienen voor een optionele toegankelijkheidsbeoordeling. 

Om het label "Accessibility Ready" te krijgen, moet een thema voldoen aan een reeks digitale toegankelijkheidsrichtlijnen die staan vermeld in de Theme Review Manual en de officiële WordPress Codex

Het ontwikkelen van toegankelijke WordPress websites

Laten we eerlijk zijn: de meeste WordPress gebruikers zullen kiezen voor een premium thema van derden, marktplaatsen van derden of een volledig aangepast thema. 

Als je als ontwikkelaar belast bent met het maken van een toegankelijke WordPress website, zijn er een paar thema's die je als uitgangspunt kunt gebruiken.

Underscores

Underscores is ontwikkeld door Automattic en is een startpunt voor de meeste WordPress .com beschikbaar Themes. De Theme bevat verschillende toegankelijke functies. 

Genesis door StudioPress

Genesis by StudioPress is een populair premium framework dat gebruikt kan worden om uw eigen toegankelijke Genesis Child-Theme te ontwikkelen. Als alternatief kunt u een van de bestaande kindThemes met toegankelijke functies gebruiken.  

GeneratePress

GeneratePress is een andere populaire Theme, die toegankelijk is en kan worden gebruikt als uitgangspunt voor uw ontwerp.

WCAG Theme

WCAG Theme is speciaal ontworpen met toegankelijkheid in gedachten en voldoet aan Section 508 & WCAG 2.0 AA. Bovendien heeft het volledige toetsenbordondersteuning. 

Astra

Astra is een populaire Theme met gratis en premium versies die beschikt over een toegankelijke tag, compatibiliteit met populaire paginabouwers Plugins en snelle laadtijden.

Astra biedt je een toegankelijke basis voor je WordPress website en versnelt de ontwikkelingstijd en het proces. 

Meer bronnen over WordPress Toegankelijkheid

Wat WordPress en toegankelijkheid betreft, is er op internet een schat aan informatie te vinden. Als u meer wilt weten over toegankelijkheid, zijn hier enkele goede plaatsen om uw onderzoek te beginnen:

  • Toegankelijke WordPress Thema's maken: een presentatie van Joseph Karr O'Connor van WordCamp 2013 in Montreal. De presentatie behandelt toegankelijkheid in het algemeen en de toepassing ervan in WordPress, inclusief hoe je toegankelijke plugins, thema's en widgets kunt maken, en hoe je je inhoud toegankelijker kunt maken.
  • WordPress Ontwikkelgereedschappen en Toegankelijkheid Plugins: Een lijst van gereedschappen en hulpbronnen van het Make WordPress Accessible team om u te helpen bij het testen en verbeteren van toegankelijkheidsvoorzieningen op uw websites.
  • Maak WordPress Toegankelijke Homepage: De officiële blog van het Make WordPress Accessible team, waar je het laatste nieuws kunt lezen en kunt helpen WordPress toegankelijker te maken.
  • WAVE Web Accessibility Evaluation Tool: Gebruik dit hulpmiddel om je WordPress website te testen op toegankelijkheid. Na een scan laat het gereedschap je problemen zien die je moet verhelpen om aan de richtlijnen voor toegankelijkheid te voldoen. 
  • Sterk: Wanneer u begint met het bouwen van uw website in Sketch of Adobe XD, zal deze Plugin u helpen ervoor te zorgen dat uw website projecten toegankelijk zijn vanaf het begin. 
  • Kleurenwiel voor toegankelijkheid: gebruik dit hulpmiddel om kleuren te kiezen die voldoende contrast hebben en aan de toegankelijkheidsrichtlijnen voldoen. U kunt ook zien hoe mensen die aan kleurenblindheid lijden de kleuren zien die u kiest. 
  • Axe Chrome Extension: Als je Chrome gebruikt, kun je met deze extensie elke website met één klik controleren op toegankelijkheidsproblemen.
  • De A11y Machine: U kunt de A11y Machine downloaden van GitHub. Dit instrument dient als een geautomatiseerd instrument voor toegankelijkheidstests. Dat wil zeggen, je gebruikt het om elke website te testen op toegankelijkheid. De tool maakt vervolgens een gedetailleerd rapport dat u kunt gebruiken om de toegankelijkheid van uw website te verbeteren.

Conclusie: Hoe je de toegankelijkheid van je WordPress website waarborgt

WordPress als platform biedt je uit de box al enkele toegankelijkheidsfuncties - maar het is nog steeds niet volledig toegankelijk. Als je toegankelijke websites wilt ontwikkelen met WordPress, moet je met een paar dingen rekening houden: 

  • Volg de officiële richtlijnen voor de toegankelijkheid van webinhoud, evenals de WordPress toegankelijkheidsrichtlijnen die zijn uiteengezet in het Theme Review Handbook. 
  • Begin met een toegankelijke WordPress Theme om de ontwikkelingstijd te verkorten en een solide basis te leggen voor een toegankelijke website. 
  • Gebruik WordPress Accessibility Plugins en tools om uw voltooide website te testen en ervoor te zorgen dat hij voor iedereen toegankelijk is.

Als je de bovenstaande tips volgt, ben je goed op weg om toegankelijke websites te maken en het internet bruikbaarder en toegankelijker voor iedereen te maken. En als je snelle en veilige WordPress-hosting nodig hebt voor alle toegankelijke websites die je gaat maken, aarzel dan niet om je aan te melden voor een gratis proefperiode op Raidboxes. 

Jouw vragen over WordPress Toegankelijkheid

Welke vragen heb je voor Maddy? Gebruik gerust de commentaarfunctie. Wil je meer tips over webontwerp en -ontwikkeling? Volg ons dan op Twitter, Facebook of via onze nieuwsbrief.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Eén reactie op"WordPress Toegankelijkheid: Hoe maak je een toegankelijke website".

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *.