Bij Studio Obacht is toegankelijkheid in webdesign een van onze pijlers en waarden. Als we willen dat onze producten en websites rechtvaardig zijn, moeten ze ook toegankelijk zijn.
Er zijn verschillende soorten handicaps waar we rekening mee moeten houden. Sommige zijn visueel gemakkelijk te herkennen: iemand in een rolstoel of een blinde die een blindengeleidehond gebruikt. Maar soms gaan handicaps verder dan fysieke beperkingen en kunnen ze ook situationeel of mentaal zijn. In digitaal ontwerp - van gaming tot webdesign - wordt hier vaak over gesproken.
In een eerdere blogpost - Websites maken die ertoe doen: Studio Obacht's Webdesign en Ontwikkelingsdiensten - onderzochten we de ethiek van webdesign, hoe we groenere tactieken voor webontwikkeling kunnen ontwikkelen en het belang van toegankelijke websites.
Nu is het tijd om dieper in te gaan op waarom toegankelijkheid belangrijk is in webdesign.
Wat zijn inclusieve ontwerppraktijken?
Handicap is een spectrum - Informatie via Microsoft’s Inclusive 101 Design Guidebook
Inclusive design practices zijn methoden en principes die erop gericht zijn om producten en diensten toegankelijk te maken voor zoveel mogelijk mensen, inclusief mensen met een handicap.
Maar toegankelijkheid kan er voor mensen in verschillende situaties anders uitzien. Sommige mensen zijn permanent gehandicapt - mensen die blind zijn of ledematen missen. Voor webdesign is het noodzakelijk dat blinden op uw website kunnen navigeren met behulp van screenreaders, die de gegevens en inhoud op het scherm lezen.
Andere mensen zijn tijdelijk gehandicapt - mensen met een botbreuk of een oorontsteking. Iemand met een oorontsteking kan het moeilijk vinden om naar een video te luisteren, dus ervoor zorgen dat je video ondertitels heeft kan de gebruikerservaring toegankelijker maken.
Andere mensen kunnen situationeel gehandicapt zijn, wat betekent dat ze beperkt zijn in hun mogelijkheden vanwege hun tijdelijke situatie. Iemand kan zich bijvoorbeeld in een luidruchtige omgeving bevinden, waardoor het moeilijk is om een video te horen die vanaf je website op zijn telefoon wordt afgespeeld.
Of het nu permanent, tijdelijk of situationeel is, webtoegankelijkheid heeft gevolgen voor iedereen.
Dus nu we hebben onderzocht wat toegankelijk webdesign echt betekent - je website bouwen met permanente, tijdelijke en situationele handicaps in gedachten - welke best practices kun je toepassen om een toegankelijke website voor je bedrijf te bouwen?
De beste plaats om te beginnen met informatie over best practices zijn de Web Content Accessibility Guidelines (WCAG), gepubliceerd door het World Wide Web Consortium.
Enkele door WCAG aanbevolen werkwijzen zijn:
- Gebruikersgericht ontwerpen: Focussen op de behoeften en beperkingen van eindgebruikers tijdens het ontwerpproces.
- Flexibiliteit in gebruik: Meerdere manieren bieden voor gebruikers om met het product te communiceren, zoals navigatie via het toetsenbord en spraakopdrachten.
- Eenvoudig en intuïtief gebruik: Ervoor zorgen dat ontwerpen gemakkelijk te begrijpen en te gebruiken zijn, ongeacht de ervaring, kennis of het concentratieniveau van de gebruiker.
- Waarneembare informatie: Het effectief communiceren van noodzakelijke informatie naar de gebruiker, ongeacht de omgevingsomstandigheden of de zintuiglijke vermogens van de gebruiker.
Houd in gedachten dat deze richtlijnen in de eerste plaats bedoeld zijn voor webontwikkelaars en mensen wier beroep draait om het internet. Als bedrijfseigenaar zou je prioriteit moeten geven aan deze best practices, maar er wordt niet van je verwacht dat je een expert of goed onderlegd bent. Deze kennis kan je hoogstens helpen om te beslissen met wie je wilt werken als webontwikkelaar.
Voorbeelden van toegankelijke websites
Bij Studio Obacht volgen we verschillende best practices om ervoor te zorgen dat onze websites toegankelijk zijn:
- Semantische HTML: De juiste HTML-tags gebruiken om betekenis en structuur over te brengen.
- Contrastverhoudingen: ervoor zorgen dat combinaties van tekst en achtergrondkleuren voldoende contrast hebben om leesbaar te zijn voor mensen met een visuele beperking.
- Toegankelijkheid toetsenbord: Ervoor zorgen dat alle interactieve elementen via het toetsenbord kunnen worden bediend.
- Responsief ontwerp: Websites ontwerpen die goed werken op verschillende apparaten en schermformaten.
- Altekst voor afbeeldingen: Beschrijvende alternatieve tekst voor afbeeldingen om schermlezers te helpen.
- Zoekmachineoptimalisatie: Zorg ervoor dat elke afbeelding een alt-tekst heeft en dat elke pagina metagegevens heeft, om te beginnen.
Hier zijn enkele goede voorbeelden van toegankelijke websites die we leuk vinden.
Universiteit van Amsterdam
De website van de Universiteit van Amsterdam is gemakkelijk te navigeren. Je kunt navigeren door met de pijltjestoetsen op het toetsenbord naar boven en beneden te scrollen. Daarnaast zorgen de contrastrijke kleuren ervoor dat de gebruiker de tekst goed kan lezen.
Overheid van Nederland
Websites van de overheid moeten aan hoge eisen voldoen. Alle burgers moeten in dezelfde mate toegang hebben tot administratieve en overheidsinformatie die op hen van invloed kan zijn, dus deze mensen moeten absoluut goed geïnformeerd zijn.
De website van de Nederlandse overheid gaat hier goed mee om. Op de toegankelijkheid pagina staat dat “de centrale overheid de Webrichtlijnen heeft aangenomen, die haar websitebeheerders moeten toepassen” om maximale toegankelijkheid te bereiken.
Waarom je moet streven naar een inclusieve gebruikerservaring
Streven naar een inclusieve gebruikerservaring gaat niet alleen over het naleven van standaarden; het gaat over het toegankelijk maken van je content voor iedereen, wat het volgende inhoudt: wettelijke naleving, verbeterde bruikbaarheid, breder publieksbereik en positief merkimago. Lees verder voor meer informatie over elk aspect.
Wettelijke naleving
Het volgen van richtlijnen zoals de Web Content Accessibility Guidelines (WCAG) kan juridische problemen helpen voorkomen.
In de Europese Unie schrijft de Europese toegankelijkheidswet voor dat producten en diensten, waaronder websites, in 2025 toegankelijk moeten zijn voor mensen met een handicap.
In de Verenigde Staten vereist Sectie 508 van de Rehabilitation Act dat federale instanties en hun contractanten ervoor zorgen dat hun elektronische en informatietechnologie toegankelijk is voor mensen met een handicap.
Niet-naleving kan leiden tot rechtszaken, boetes en een beschadigde reputatie. Door WCAG en andere relevante richtlijnen te volgen, beschermt u niet alleen jouw bedrijf tegen juridische risico's, maar laat je ook zien dat je zich inzet voor inclusiviteit en gelijke toegang.
Verbeterde bruikbaarheid
Een toegankelijke website leidt vaak tot een betere algemene bruikbaarheid, waar alle gebruikers van profiteren. Zo kan het aanbieden van tekstalternatieven voor afbeeldingen en het zorgen voor toetsenbordnavigatie voordelen bieden voor gebruikers die liever geen muis gebruiken of je site vanaf een mobiel apparaat bezoeken.
Duidelijke en consistente lay-outs, die essentieel zijn voor gebruikers met cognitieve beperkingen, maken het ook makkelijker voor iedereen om informatie snel te vinden. Verbeterde leesbaarheid door goede contrastverhoudingen en grotere tekstformaten kunnen de ogen van alle gebruikers minder vermoeien.
Groter bereik
Als jij jouw site toegankelijk maakt, wordt deze toegankelijk voor een groter publiek, waaronder mensen met een handicap.
Volgens de World Health OrganizationWereldwijd leven meer dan 1 miljard mensen met een of andere handicap. Door toegankelijkheidsfuncties uit te sluiten, loop je het risico een aanzienlijk deel van deze populatie van je te vervreemden. Toegankelijke websites zijn niet alleen een voordeel voor mensen met een permanente handicap, maar ook voor mensen met tijdelijke of situationele beperkingen.
Positief merkimago
Demonstrating a commitment to accessibility can enhance your brand’s reputation as inclusive and socially responsible.
Bedrijven die prioriteit geven aan toegankelijkheid laten zien dat ze zich inzetten voor inclusiviteit, diversiteit en sociale verantwoordelijkheid. Dit kan jouw merkimago en reputatie aanzienlijk verbeteren, waardoor je bedrijf aantrekkelijker wordt voor sociaal bewuste consumenten.
Voorblijven met webdesigntrends
Naast het focussen op toegankelijkheid, het bijhouden van de nieuwste Web Design Trends is crucial to creating an engaging and modern user experience. Trends like minimalistic design, dark mode, and micro-interactions not only enhance aesthetics but can also contribute to a more intuitive and accessible web experience. By blending these trends with accessibility best practices, you ensure your website is both visually appealing and universally usable.
Werk samen met Studio Obacht om te voldoen aan de webtoegankelijkheidsnormen
Bij Studio Obacht helpen we onze klanten te voldoen aan de webtoegankelijkheidsnormen en deze te overtreffen. We begrijpen het belang van inclusiviteit en staan klaar om de nodige praktijken te implementeren om ervoor te zorgen dat je website toegankelijk is voor alle gebruikers.
Als je klaar bent om je website toegankelijk en inclusief te maken, neem dan vandaag nog contact op met Studio Obacht. Laat ons je helpen een webervaring te creëren waar iedereen van kan genieten.
Aanvullende bronnen
- Web Content Accessibility Guidelines (WCAG) - Officiële richtlijnen voor webtoegankelijkheidsnormen.
- Accessible Rich Internet Applications (ARIA) - Richtlijnen om webinhoud toegankelijker te maken.
- A11Y Project - Een gemeenschapsinspanning om digitale toegankelijkheid gemakkelijker te maken.
- WebAIM Contrast Checker - Een hulpmiddel om kleurcontrastverhoudingen te controleren.
- Inclusive Design Principles - Principes voor inclusieve ontwerppraktijken.
- MDN Web Docs: Accessibility - Documentatie en tutorials over webtoegankelijkheid van Mozilla.
