Vijf toegankelijke websites om je te laten inspireren
Op het web zijn er oneindig veel voorbeelden te vinden van toegankelijke websites. In dit artikel pikken we er een paar uit om te kijken wat deze websites precies goed doen en wat we daar van kunnen leren.
Digitale toegankelijkheid is een belangrijk onderwerp. En niet alleen vanwege de European Accessibility Act die eraan komt. Vooral omdat je mensen ermee helpt je website beter te kunnen gebruiken, de informatie te laten vinden die ze zoeken of een bestelling te plaatsen op je webwinkel. Er zijn tal van websites die hierin het goede voorbeeld geven, vijf daarvan lichten we even uit om te kijken wat ze dan zo goed doen en hoe we daar wat van kunnen opsteken.
1. GOV.UK
GOV.UK is mijn persoonlijke ‘go-to’ als het gaat om een toegankelijk voorbeeld. Hun website heeft meerdere ‘features’ die het gebruik ervan zo toegankelijk maken, waaronder duidelijke inhoud met hoog contrast, consistente navigatie, ondersteuning voor hulpmiddelen via ARIA-landmarks (header, main, footer, nav enz.) en volledige toetsenbord navigatie.
In hun toegankelijkheidsverklaring vermelden ze alle functies die op de website zijn opgenomen. Deze verklaring gebruik ik zelf veel als voorbeeld hoe deze te schrijven. Daarnaast bieden ze de mogelijkheid om content in een ander formaat aan te vragen, zoals platte tekst, braille, BSL, grote letters of een audio-cd. Zo zorgen ze ervoor dat iedereen de informatie op de best mogelijke manier kan ontvangen.
Kortom, een prachtig voorbeeld.
2. BBC
De BBC loopt voorop als het gaat om digitale toegankelijkheid. Ze zijn sterk toegewijd aan het toegankelijk maken van hun digitale diensten, zodat het door iedereen zonder drempels gebruikt kan worden.
Op hun toegankelijkheidspagina vind je allerlei handige opties om je browse-ervaring helemaal naar wens aan te passen. Denk aan het vergroten van de tekst, het kiezen van hoog contrast kleurenschema’s en het gebruik van screen readers.
Net als GOV.UK bieden ze duidelijke inhoud met hoog contrast, consistente navigatie, ondersteuning voor hulpmiddelen via ARIA-landmarks (header, main, footer, nav enz.) en volledige toetsenbord navigatie.
3. Rijksoverheid
Net als GOV.UK is Rijksoverheid.nl een website die niet heel spannend is qua design, maar het wel qua toegankelijkheid en gebruiksvriendelijkheid erg goed doet. Ze hebben meerdere pagina’s toegewijd aan digitale toegankelijkheid, zoals een wegwijzer en uitleg over wat een toegankelijke website inhoudt.
De Rijksoverheid heeft ook een geheel domein aan het onderwerp toegewijd op DigiToegankelijk waar in een dashboard wordt bijgehouden hoe toegankelijk de Nederlandse overheid is.
De websites bevatten allemaal skip links, semantische HTML en een goede outline focus die bijdragen aan de toegankelijkheid van de websites.
Quickscan laten uitvoeren voor jouw website?
Wil je sparren over de digitale toegankelijkheid van jouw website, of ben je benieuwd naar de status ervan? We kunnen een quickscan voor je uitvoeren waar we een automatische en handmatige doorloop doen om te zien hoe toegankelijk jouw website is. Samen bespreken we de vervolgstappen hoe je jouw website (nog) toegankelijker maakt!
4. Erasmus Universiteit Rotterdam
De Erasmus Universiteit Rotterdam (EUR) is een voorloper van het aanbieden van een toegankelijke dienst. Hun website is ontworpen met toegankelijkheid in gedachten en is mede daardoor erg gebruiksvriendelijk.
De website is gemakkelijk te navigeren en de inhoud is duidelijk en overzichtelijk. Bovendien hebben ze gedetailleerde alt-teksten toegevoegd aan informatieve afbeeldingen, zodat screen readers de visuele inhoud goed kunnen overbrengen aan visueel beperkte gebruikers. Dat samen met een semantische HTML en toetsenbord navigatie maken dit tot een erg toegankelijke website!
5. Gemeente Den Haag
De website van de Gemeente Den Haag is er eentje uit ons eigen portfolio. Een van de eerste grote projecten waar digitale toegankelijkheid volledig aan bod is gekomen. We hebben ervoor gezorgd dat de site gemakkelijk te navigeren is, met duidelijke en overzichtelijke inhoud.
De site ondersteunt volledig toetsenbord navigatie en is ontworpen met semantische HTML om ervoor te zorgen dat alle elementen goed toegankelijk zijn voor screen readers. Bovendien hebben we gezorgd voor een hoogcontrast van de kleurenschema’s en gedetailleerde alt-teksten bij informatieve afbeeldingen, zodat visueel beperkte gebruikers een optimale ervaring hebben. Ook het zoekgedeelte op de homepagina is volledig toegankelijk gemaakt en wordt op de juiste manier voorgelezen aan gebruikers met een screen reader.
Conclusie
Er zijn een heleboel goede toegankelijke websites te vinden op het web. In dit artikel hebben we daar een greep uit bekeken. Met de wetgeving op komst wordt het steeds belangrijker om te voldoen, maar los daarvan bedien je een veel grotere doelgroep als je website toegankelijk is. Vaak gaat dat hand in hand met een goede user experience, wat uiteindelijk iedere bezoeker aan je website ten goede komt! Laat deze vijf websites je inspireren en doe er je voordeel mee voor je eigen digitale toegankelijkheid!