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 …