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!) →
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 …
