Logo Lyfter
Logo Lyfter
  • Over
  • Werk
  • Contact
  • Over
  • Werk
  • Contact
  • Werkwijze
  • Diensten
  • Blog
  • Support
  • Werken bij
Molenweg 47
4651CG Steenbergen
mail@lyfter.nl +31(0)167 541 377

#toegankelijkheid

Een website voor iedereen: WCAG uitgelegd

Je hebt er vast weleens van gehoord: WCAG. Klinkt als een technische term waar je liever een blokje voor omloopt, toch? Maar geen zorgen, we houden het simpel. WCAG staat voor Web Content Accessibility Guidelines en het draait allemaal om het toegankelijk maken van websites voor iédereen.

In deze blog leggen we je uit waarom WCAG belangrijk is, hoe het werkt en wat jij kan doen om jouw website toegankelijk te maken 🚀

TLDR;
WCAG
Digitale toegankelijkheid
Voor iedereen belangrijk
Vier principes
Waarneembaar
Bedienbaar
Begrijpelijk
Robuust
WCAG

Wat is WCAG?

WCAG is de internationale standaard voor webtoegankelijkheid. Het helpt ontwikkelaars, ontwerpers, en marketeers om websites te maken die bruikbaar zijn voor iedereen. Van slechtzienden tot mensen met motorische of cognitieve beperkingen.

De richtlijnen zijn gebaseerd op vier basisprincipes:

Waarneembaar

Het moet voor alle gebruikers mogelijk zijn om alle content waar te nemen. Een praktisch voorbeeld is een omschrijving van afbeeldingen zodat schermlezers dit op kunnen lezen om de afbeelding te omschrijven.

Bedienbaar

Het moet voor alle gebruikers mogelijk zijn om de website te bedienen. Een voorbeeld is dat je website naast bediening met een muis ook met alleen een toetsenbord gebuikt moet kunnen worden.

Begrijpelijk

De informatie en bediening van de website moet voor iedereen duidelijk zijn. Hier kan het gaan over consistentie binnen functionaliteiten, maar ook het gebruik van duidelijke en simpele taal.

Robuust

Om er voor te zorgen dat website voor iedereen beschikbaar is, moet je website compatibel zijn met verschillende browsers, apparaten en hulpmiddelen, zoals schermlezers. Hiervoor is schone en gestructureerde code erg belangrijk.

Waarneembaar

Het moet voor alle gebruikers mogelijk zijn om alle content waar te nemen. Een praktisch voorbeeld is een omschrijving van afbeeldingen zodat schermlezers dit op kunnen lezen om de afbeelding te omschrijven.

Bedienbaar

Het moet voor alle gebruikers mogelijk zijn om de website te bedienen. Een voorbeeld is dat je website naast bediening met een muis ook met alleen een toetsenbord gebuikt moet kunnen worden.

Begrijpelijk

De informatie en bediening van de website moet voor iedereen duidelijk zijn. Hier kan het gaan over consistentie binnen functionaliteiten, maar ook het gebruik van duidelijke en simpele taal.

Robuust

Om er voor te zorgen dat website voor iedereen beschikbaar is, moet je website compatibel zijn met verschillende browsers, apparaten en hulpmiddelen, zoals schermlezers. Hiervoor is schone en gestructureerde code erg belangrijk.
WordPress Jedi Daan gefocust aan het werk aan de nieuwe Lyfter website

Waarom is webtoegankelijkheid belangrijk?

Je denkt misschien: “Dit is toch alleen relevant voor overheidswebsites?” Niet dus. Een toegankelijke website heeft voordelen voor iedereen. Hier zijn een paar redenen waarom:

  • SEO-bonus: Toegankelijke websites worden beter begrepen door zoekmachines. Google houdt van duidelijke structuur en tekst alternatieven voor afbeeldingen.
  • Betere gebruikerservaring: Een toegankelijke site betekent ook overzichtelijkheid en gebruiksgemak voor alle bezoekers.
  • Wettelijke verplichting: Overheidswebsites moeten voldoen aan WCAG (niveau AA). Maar ook voor commerciële partijen wordt dit steeds belangrijker, vooral in sectoren zoals zorg en onderwijs.

Way of work

Wat wij doen om jouw website WCAG-proof te maken

Wij blijven stappen zetten om de achterkant (lees: techniek) van jouw website helemaal WCAG-proof te maken. Waar je dan aan kan denken?

  1. Je site is met een toetsenbord te gebruiken
    Niet iedereen gebruikt een muis. Wij zorgen er dus voor dat navigatie en interacties (zoals knoppen en formulieren) ook werken met gebruik van een toetsenbord.
  2. Kleurcontrasten zijn on point
    Tekst moet voor iedereen goed leesbaar zijn, dus ook voor mensen met een visuele beperking zoals kleurenblindheid. Vanuit design houden we hier dus altijd rekening mee.
  3. Screenreaders kunnen alle informatie op de juiste manier ophalen
    Iemand die gebruik maakt van een screenreader, moet natuurlijk ook alle informatie die op jouw website staat op de juiste manier kunnen krijgen. Daarom is het vanuit de techniek belangrijk om hier rekening mee te houden.
  4. Animatie opties
    Het is vanuit je browser mogelijk om aan te geven of je animaties wilt tonen of niet. Wij als ontwikkelaars moeten daar dan natuurlijk rekening mee houden. Wij zorgen er dus voor dat deze instellingen ook op de juiste manier aangehouden worden.

En wat jij kan doen

Hier zijn een paar praktische tips om zelf direct mee aan de slag te gaan:

Gebruik duidelijke tekst en structuur

Mensen (en zoekmachines) houden van overzicht. Gebruik duidelijke koppen, simpele zinnen, en voldoende contrast tussen tekst en achtergrond.

Voeg alt-teksten toe aan afbeeldingen

Alt-teksten beschrijven wat er op een afbeelding te zien is. Dit is cruciaal voor mensen die schermlezers gebruiken. Tip: wees specifiek. “Hond in het gras” is beter dan “Afbeelding1.jpg”.

Laat je site testen

Gebruik tools zoals WAVE of Axe om toegankelijkheidsproblemen te spotten. Of, nog beter: laat mensen met beperkingen je site testen.

Gebruik duidelijke tekst en structuur

Mensen (en zoekmachines) houden van overzicht. Gebruik duidelijke koppen, simpele zinnen, en voldoende contrast tussen tekst en achtergrond.

Voeg alt-teksten toe aan afbeeldingen

Alt-teksten beschrijven wat er op een afbeelding te zien is. Dit is cruciaal voor mensen die schermlezers gebruiken. Tip: wees specifiek. “Hond in het gras” is beter dan “Afbeelding1.jpg”.

Laat je site testen

Gebruik tools zoals WAVE of Axe om toegankelijkheidsproblemen te spotten. Of, nog beter: laat mensen met beperkingen je site testen.

Een WCAG-ready website: meer dan een vinkje

Webtoegankelijkheid is geen ‘eenmalig project’, het is een manier van werken. Een toegankelijke website maakt niet alleen een verschil voor mensen met een beperking, maar ook voor je bezoekers, je vindbaarheid én je reputatie.

Weten hoe jouw website scoort op toegankelijkheid?

Of ben je benieuwd hoe wij de Gemeente Krimpen aan den IJssel hebben geholpen met hun WCAG-compliancy? Neem contact met ons op. Wij helpen je graag om jouw website toegankelijk te maken – voor iedereen. Samen maken we het web een beetje toegankelijker 🌍

mail@lyfter.nl
+31167541377

Samen bouwen we awesome websh*t

Emerce100 Badge 2024

Bakje koffie?

Molenweg 47
4651CG Steenbergen
mail@lyfter.nl +31(0)167 541 377

Lyfter

  • Over ons
  • Werkwijze
  • WordPress Framework
  • Blog
  • Contact
  • Changelog
  • Hosting status

WordPress

  • WordPress Development
  • WordPress Framework
  • WooCommerce Webshop
  • WordPress Hosting

Webdevelopment

  • Webdevelopment
  • Open source

Awesomeness

 

Powered by Lyfter.nl
  • Algemene Voorwaarden
  • Privacy Verklaring
Cookies

Ja ook wij moeten voldoen aan de regelgeving rondom cookies. Met de knop hieronder ga je akkoord met alle cookies. Wil je iets specifiek niet, stel je dit hier in

Alles accepteren
Wil je iets in je cookies wijzigen?

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Altijd ingeschakeld
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDuurBeschrijving
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
OPSLAAN & ACCEPTEREN
  • Nederlands