Op mijn WordPress-website werkte de skiplink niet op sommige pagina’s. Op deze pagina's heb ik een externe plugin toegevoegd die andere ID's gebruikt, waardoor de connectie tussen de skiplink in de header en het ID op de content verloren is gegaan. Dit bleek makkelijker op te lossen dan ik aanvankelijk had gedacht. Probleem met skiplink: De skiplink op mijn Wordpress website verwijst naar `#breakthrough-page-title`. De nieuwe content die de externe plugin heeft toegevoegd, heeft dit ID …
Checklist toegankelijke content
In deze checklist voor het toevoegen van toegankelijke content aan een webpagina bespreken we de belangrijkste punten waar je op moet letten om je content zo toegankelijk mogelijk te maken. Het oplossen van de onderstaande meest voorkomende fouten zorgt ervoor dat je content grotendeels toegankelijk wordt geplaatst en geschikt is voor bezoekers met diverse beperkingen: visuele, motorische, cognitieve en meer. Daarnaast voldoe je aan de WCAG-richtlijnen. Met een kleine inspanning kun je een groot …
Meerdere knoppen met dezelfde naam
In een webshop kom je vaak een pagina tegen met veel producten, elk met een knop om het product aan de winkelmand toe te voegen. Soms heeft deze knop een zichtbare tekst, soms een icoon.De meeste ziende gebruikers kunnen elke "Toevoegen aan winkelwagen"-knop associëren met het bijbehorende product door middel van visuele aanwijzingen, zoals de positie van de knop naast de naam en de foto van het product. Dus zelfs als de knoppen hetzelfde label of icoon delen, helpt hun visuele context bij het …
Toegankelijkheidslabel ontoegankelijk plaatsen (doe dat niet!)
Wanneer je een toegankelijkheidsverklaring hebt opgesteld, kun je een label ophalen dat je op je website kunt plaatsen om de status van je website te tonen. Je vindt het label op deze pagina: https://www.toegankelijkheidsverklaring.nl/verklaringen Je krijgt de HTML-code die er zo uitziet. Deze code moet je op de webpagina plaatsen die over de toegankelijkheid van de website gaat. Als ontwikkelaar moet je erop letten dat je …
Lees meer about Toegankelijkheidslabel ontoegankelijk plaatsen (doe dat niet!) →
Een toegankelijk iframe
Waar moet je opletten als je een iframe digitaal toegankelijk wil toevoegen aan een webpagina? De WCAG stelt een aantal eisen aan de implementatie van een iframe. Dit zijn de kritieke punten. Een iframe is een soort pagina binnen een andere pagina en kan verschillende typen content bevatten: een video, een test, een formulier of iets anders. Om iframes toegankelijk te maken volgens de WCAG-richtlijnen moet je aan een aantal aspecten denken. SC 2.4.6 - Goede beschrijving van de …
Tools om contrast te checken
Een populaire tool voor het controleren van kleurcontrast is de Color Contrast Analyzer, die je kunt vinden op TPGi's Color Contrast Checker. Met het pipetgereedschap van deze tool kun je de tekstkleur en de achtergrondkleur vergelijken om de contrastverhouding te berekenen. Maar wat als je deze tool niet kunt gebruiken? Er is een alternatieve methode. Volg deze stappen:Ga naar WebAIM's Contrast Checker.Verklein je browser tot de helft van je schermgrootte door …
Indeling van succescriteria per type beperking
Het indelen van de 55 succescriteria (SC) van de Web Content Accessibility Guidelines (WCAG) 2.2 per beperking helpt om duidelijk te maken welke aanpassingen vooral ten goede komen aan specifieke groepen gebruikers met beperkingen. Hieronder volgt een indeling van deze criteria gebaseerd op de primaire beperkingen die zij adresseren. Merk op dat veel succescriteria voordelen kunnen hebben voor meerdere groepen. Principe 1: Waarneembaar Richtlijn 1.1: Bied tekstalternatieven SC 1.1.1 …
Lees meer about Indeling van succescriteria per type beperking →
Waarom is het belangrijk om koppen als kopteksten op te maken?
Doelgroep: webredactie Waarom is het belangrijk om toegankelijke kopteksten te hebben in je tekst? Wanneer een ziende bezoeker de pagina bekijkt, neemt hij structuur en relaties waar via verschillende visuele hints. De koppen zien er anders uit: ze hebben een groter of dikker lettertype of een andere kleur. Als ziende bezoeker lees ik de koppen om de inhoud van de pagina te scannen. Ik hoef de pagina niet van boven naar beneden te lezen om te begrijpen waar het over gaat. Ook een blinde …
Lees meer about Waarom is het belangrijk om koppen als kopteksten op te maken? →