Toegankelijke website

Toegankelijke websites komen ons allemaal ten goede: Tips voor Accessibility

Toegankelijke websites zijn niet langer een vermeend niche-onderwerp voor mensen met een handicap. Het gaat ons allemaal aan en helpt zelfs de SEO-fans onder u - een overzicht met praktische tips door Johannes Mairhofer.

Toegankelijkheid in de digitale ruimte is eigenlijk een integrerend deel van het internet en is reeds vastgelegd in de gestandaardiseerde richtsnoeren ervan. En natuurlijk speelt het ook een belangrijke rol in de WordPress Codex. Alle gebruikers moeten WordPress kunnen gebruiken, ongeacht de taal die zij spreken, welke economische status zij hebben of welke fysieke beperkingen zij hebben. Toch krijgt het onderwerp meestal niet de aandacht die het verdient. Vooral met het oog op demografische ontwikkelingen en het streven naar inclusie moet bij WordPress-projecten rekening worden gehouden met digitale toegankelijkheid, aldus Johannes Mairhofer. Toegankelijkheid wordt immers ook belangrijk vanuit zakelijk en SEO-oogpunt.

Toegankelijke websites zijn niet nieuw

Om de technieken op het World Wide Web te standaardiseren is in 1994 het World Wide Web Consortium, of W3C, opgericht. Bijzonder belangrijke normen hier zijn:

  • HTML (nog steeds het basiskader van bijna elke website)
  • CSS (Cascading Style Sheets, bijv. gebruikt in WordPress-sjablonen)
  • WCAG (Web Content Accessibility Guidelines)

De WCAG-richtlijnen worden ontwikkeld door het Web Accessibility Initiative (WAI), dat op zijn beurt een groep is van het W3C. Er zijn nu twee versies hier.

WCAG 1.0

  • Gebruik van opmaak en stylesheets
  • Apparaatonafhankelijk ontwerp

WCAG 2.0

Een toegankelijke website moet aan de volgende criteria voldoen:

  • Waarneembaar (b.v. tekstalternatieven voor afbeeldingen)
  • Bedienbaar (b.v. te bedienen via toetsenbord)
  • Begrijpelijk (bijv. door eenvoudige taal)
  • Robuust (Compatibel)

Het idee van een drempelvrije website is dan ook niet nieuw en is zelfs al sinds 2002 verankerd in de Verordening drempelvrije informatietechnologie (BITV). Dit betekent dat ten minste de websites van overheidsinstanties verplicht zijn toegankelijke inhoud aan te bieden.

Een toegankelijke website maken

Toegankelijke websites komen ons allemaal ten goede: Tips voor Accessibility
Wanneer u een toegankelijke website ontwerpt, optimaliseert u de gebruikerservaring voor iedereen.

Hoe moet een website toegankelijk worden gemaakt? Veel punten zijn niet zo ingewikkeld als u zou denken en kunnen zonder veel moeite worden uitgevoerd. Vooral voor nieuwe WordPress-projecten geldt: een toegankelijke website kan met heel weinig moeite worden gerealiseerd.

De gemakkelijkste manier om dit te doen is natuurlijk met een site die net wordt gemaakt en ontworpen. Maar ook bestaande websites kunnen achteraf worden geoptimaliseerd. Een paar eenvoudige basisregels moeten in acht worden genomen.

1) Gebruik de paginatitel, navigatie en tags correct

De titel van de pagina staat daadwerkelijk in de titel en koppen zijn logisch gestructureerd en ook opgemaakt als koppen, niet alleen vetgedrukt. Opsommingen worden gerealiseerd met opsommingstekens of punten, niet met een eenvoudige minteken. Met WordPress, kan dit direct in de editor worden opgegeven. Afhankelijk van het sjabloon en de gebruikte editor, zijn hier verschillende klassen van koppen beschikbaar. Door tags te gebruiken (bv. H1 en H2 voor koppen) kan de pagina gemakkelijker worden ervaren en genavigeerd door blinden met een schermlezer of toetsenbord.

2) Doe zonder JavaScript en Flash in het ontwerp

Voor het ontwerp kunt u het beste HTML en CSS gebruiken. Javascript en Flash mogen niet worden gebruikt. Javascript is, zoals de naam al zegt, een scripttaal. Ongeacht het feit dat het onveilig is, kan niet elk toestel en elke browser de code verwerken. Aangezien de website op zoveel mogelijk apparaten beschikbaar moet zijn, wordt Javascript niet aanbevolen.

3) Scheid inhoud en ontwerp

De inhoud (tekst) en de vormgeving (lay-out) moeten volledig los van elkaar worden gezien. Via verschillende CSS-varianten kan bijvoorbeeld het contrast van de pagina worden aangepast of kunnen de kleuren worden veranderd door een simpele klik van de gebruiker. Dit kan mensen met een visuele handicap of kleurenblindheid helpen. Grote bedrijven zoals Pfizer doen dit ook.

In principe doet WordPress dit al automatisch. Zo kan bijvoorbeeld een sjabloon worden gewijzigd zonder dat de inhoud hoeft te worden veranderd. Als de website wordt geraadpleegd met een smartphone of tablet, wordt de lay-out ook automatisch aangepast.

4) Houd je aan het twee-zintuigen principe

Inhoud moet zo worden voorbereid dat hij door twee verschillende zintuigen kan worden waargenomen. Op die manier kan de website zonder veel moeite door zoveel mogelijk mensen worden ervaren. Dit kan bijvoorbeeld worden bereikt door de volgende maatregelen:

  • Afbeeldingsbeschrijving toevoegen aan afbeeldingen (kan rechtstreeks via de WordPress editor)
  • Ondertitels toevoegen aan video's (Youtube doet dit bijvoorbeeld automatisch).
  • Tekst structureren met koppen (kan in de editor)

WordPress Accessibility: Hoe maak je een toegankelijke website (+ plugins daarvoor)

Toegankelijkheid in WordPress is een belangrijk onderdeel bij het maken van websites. Waarom is toegankelijkheid zo belangrijk? En hoe kan uw website voor iedereen toegankelijk zijn? We vertellen u dit allemaal en meer in ons artikel over WordPress toegankelijkheid.

Toegankelijke website: Verzamelen van ervaring

In theorie is het onderwerp niet altijd zo gemakkelijk te begrijpen. Ik sprak met Heiko Kunert, algemeen directeur van de Vereniging voor Blinden en Slechtzienden, over drempelvrije websites. Heiko is zelf blind en surft op het web met een schermlezer. Heiko deelt zijn ervaringen met websites en sociale netwerken en vertelt ons hoe hij op het web navigeert met zijn smartphone en een brailleleesregel.

Veel dingen die hier theoretisch worden behandeld, kunt u ook zonder veel moeite zelf uitproberen. Zo kunt u een gevoel krijgen van hoe uw pagina eigenlijk wordt gezien.

Hoe schermlezers en brailleleesregels helpen

Een schermlezer is software die tekst herkent en deze hardop voorleest. Om door websites en documenten te kunnen navigeren, is het dus belangrijk dat tags worden gebruikt bij koppen en afbeeldingen. Hierdoor kunnen gebruikers door de website navigeren met een schermlezer en toetsenbord of brailleleesregel.

Een variant van een schermlezer is bijvoorbeeld NVDA. Deze variant is vrije software en gratis. Ik raad u aan het uit te proberen en uw eigen website op te roepen met het beeldscherm uitgeschakeld en te proberen door de menu's te navigeren.

Een brailleleesregel vertaalt de huidige regel op het scherm in braille. Deze lijn is echte hardware die op de computer is aangesloten. De brailleleesregel werkt in combinatie met een schermlezer.

Responsiviteit voor toegankelijke websites

Computers, laptops, smartphones, tablets, smartwatches en tekstbrowsers. Het aantal apparaten waarmee een website kan worden geraadpleegd, is enorm. Een van de belangrijke punten van WCAG 2.0 is de beschikbaarheid van de website op zo veel mogelijk apparaten.

De meeste WordPress templates zijn nu min of meer responsive en maken het mogelijk om de website in ieder geval op computers en smartphones te bekijken. Afhankelijk van het sjabloon worden bijvoorbeeld menu's aangepast, zijbalken getoond en verborgen, maar ook ontwerpen worden volledig aangepast. Dit wordt Responsive Web Design genoemd. De toegang tot de eigen website op een ander apparaat is eenvoudig en onthullend.

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

Conclusie: Het web is voor iedereen!

Het net en de permanente beschikbaarheid zijn geen nieuw terrein meer, maar vanuit het oogpunt van één generatie is het nog nieuw. De huidige generatie van 30-jarigen, maar ten laatste de daaropvolgende generaties, zijn eraan gewend dat het net altijd en overal beschikbaar is. Wij willen niet zonder de mogelijkheden van informatie en communicatie die het net met zich meebrengt, zelfs niet op oudere leeftijd.

De behoefte aan toegankelijke websites neemt dan ook toe en wordt van jaar tot jaar groter. Met behulp van de beschikbare opties en hulpmiddelen die in WordPress zijn geïntegreerd (bv. beeldbeschrijving, kopteksten, CSS), is het mogelijk om zonder veel moeite websites op zijn minst drempelvrij te maken.

Dat dit steeds belangrijker wordt, blijkt ook uit het feit dat steeds meer grote ondernemingen steeds meer belang hechten aan digitale participatie. Naast het bovengenoemde voorbeeld van Pfizer biedt bijvoorbeeld Twitter al enige tijd de mogelijkheid om een beeldbeschrijving aan afbeeldingen toe te voegen, gaat Microsoft uitvoerig op dit onderwerp in en volgen vele anderen geleidelijk dit voorbeeld. Een gedetailleerd overzicht van positief toegankelijke websites is bijvoorbeeld hier te vinden.

Een toegankelijke website is ook beter voor Google

Helaas zie ik veel te vaak dat er meer waarde wordt gehecht aan SEO dan aan goede inhoud, dus ik ben geen grote fan van SEO-argumenten. Maar als websites beter kunnen worden gelezen en geïnterpreteerd door schermlezers, is het ook gemakkelijker voor de Google bot om de bezochte pagina correct te classificeren.

Maak een toegankelijke website met WordPress

Het is nog een lange weg naar 100% toegankelijkheid. En dat is voor veel kleine bedrijven en privé-blogs waarschijnlijk niet haalbaar. Maar met de mogelijkheden van WordPress is het gemakkelijk om ongeveer 80 procent toegankelijkheid te bereiken.

Door tags te gebruiken voor koppen en afbeeldingen, en vooral voor de beschrijving van afbeeldingen, kan veel worden bereikt met weinig voordeel. Zodra u uw eigen website met een tekstbrowser hebt bezocht, zult u een gevoel krijgen voor welke schroeven moeten en kunnen worden aangedraaid.

Wie de site voor een bedrijf beheert, doet er altijd goed aan hem een keer door blinden te laten testen om professionele feedback en tips te krijgen.

Uw vragen over toegankelijke websites

Welke vragen heeft u voor Johannes over toegankelijkheid? Voel je vrij om de commentaarfunctie te gebruiken. U wilt op de hoogte blijven van nieuwe artikelen over het onderwerp online marketing? Volg ons dan op Twitter, Facebook, LinkedIn of via onze nieuwsbrief.

Vond je het artikel leuk?

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

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd.