WordPress kennisbank
Web Content Accessibility Guidelines
Wat zijn de Web Content Accessibility Guidelines (WCAG) 2.1? De Web Content Accessibility Guidelines (WCAG) 2.1 zijn een serie aanbevelingen voor het verbeteren van de toegankelijkheid van webinhoud voor mensen met beperkingen. Bijvoorbeeld staat erin beschreven wat een toegankelijke WordPress website zou moeten kunnen en niet kunnen. De richtlijnen zijn...
Lees meerWat is een ARIA-label?
Een ARIA-label (Accessible Rich Internet Applications) is een HTML-attribuut dat wordt gebruikt om extra beschrijvende tekst toe te voegen aan interactieve elementen op een website. Het biedt toegankelijkheidsinformatie voor gebruikers van schermlezers zonder dat de tekst zichtbaar hoeft te zijn voor visuele gebruikers. Het attribuut ziet er als volgt uit:...
Lees meerScreenreader Mac
Hoe werkt een screenreader op een Mac? Op een Mac-computer is de standaard ingebouwde screenreader VoiceOver beschikbaar. Dit krachtige hulpmiddel helpt gebruikers met een visuele beperking om het scherm te navigeren en te gebruiken via gesproken feedback of braille-uitvoer. Hieronder leggen we uit hoe VoiceOver werkt en hoe je het...
Lees meerWat is een screenreader?
Een screenreader is een hulpmiddel dat digitale content omzet in gesproken tekst of braille, zodat mensen met een visuele beperking websites kunnen gebruiken. De WCAG (Web Content Accessibility Guidelines) biedt richtlijnen om ervoor te zorgen dat websites correct functioneren met screenreaders. Bijvoorbeeld, het gebruik van semantische HTML zorgt ervoor dat...
Lees meerHTML lang attribute
Wat betekent de taalinstelling in HTML? De taalinstelling in HTML bepaalt de hoofdtaal van een webpagina. Dit gebeurt met het lang-attribuut binnen de <html>-tag. Voor een Nederlandstalige pagina gebruik je bijvoorbeeld: <html lang="nl"> Dit attribuut is belangrijk voor browsers, zoekmachines en assistieve technologieën, zoals schermlezers. Het zorgt ervoor dat de...
Lees meerSemantic HTML en website toegankelijkheid?
Semantic HTML verwijst naar het gebruik van HTML-elementen die betekenis geven aan de inhoud die ze bevatten. In plaats van generieke tags zoals <div> of <span>, gebruik je semantische tags zoals <header>, <article>, <nav>, en <footer>. Deze tags beschrijven de structuur en functie van de inhoud voor zowel mensen als...
Lees meerWat is de tabvolgorde?
De tabvolgorde bepaalt de volgorde waarin interactieve elementen (zoals links, knoppen en formulieren) worden geselecteerd wanneer een gebruiker navigeert met de Tab-toets van een toetsenbord. Een logische en consistente tabvolgorde is essentieel voor gebruikers die geen muis gebruiken, zoals mensen met motorische beperkingen of schermlezer-gebruikers. Waarom is een logische tabvolgorde...
Lees meerSkip Links
Skip navigation links, ook wel "skip links" genoemd, zijn verborgen links die gebruikers direct naar de hoofdinhoud van een pagina leiden. Ze verschijnen meestal bovenaan de pagina en worden zichtbaar wanneer een gebruiker op de Tab-toets drukt. Deze links zijn bedoeld voor mensen die navigeren met een toetsenbord of schermlezer....
Lees meerWat is Color Contrast?
Color contrast verwijst naar het verschil in helderheid of kleur tussen tekst en de achtergrond waarop deze staat. Een goed contrast zorgt ervoor dat tekst en visuele elementen gemakkelijk te onderscheiden zijn. Dit is belangrijk voor gebruikers met visuele beperkingen, zoals slechtziendheid, kleurenblindheid, of andere visuele beperkingen. In het kader...
Lees meer