085 5055 890 | contact@properaccess.nl

Tips en tools

by on

Google Lighthouse als toegankelijkheidstool

Vijf jaar geleden werkte ik als webontwikkelaar en wist ik veel minder over digitale toegankelijkheid dan nu. In 2019 leverde ik een website op die mijn teamleider wilde laten testen op het voldoen aan de WCAG-richtlijnen. Ik was ervan overtuigd dat de website toegankelijk was. Drie jaar daarvoor had ik mijn opleiding Informatica aan de Hogeschool van Malmö afgerond, waar aandacht werd besteed aan digitale toegankelijkheid. Ik gebruikte Google Lighthouse als testtool om de homepagina te …

Lees meer about Google Lighthouse als toegankelijkheidstool →

by on

Skiplinks issue op mijn WordPress website

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 …

Lees meer about Skiplinks issue op mijn WordPress website →

by on

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 …

Lees meer about Checklist toegankelijke content →

by on

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 …

Lees meer about Meerdere knoppen met dezelfde naam →

by on

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

by on

Tools om contrast te checken

De TPGi Color Contrast Checker is een gratis tool om te controleren of de kleuren op je website genoeg contrast hebben volgens de WCAG-richtlijnen.Dit is belangrijk voor mensen met een visuele beperking, zoals kleurenblindheid of slechtziendheid.Stap voor stap uitleg: Download en installeer de tool Ga naar: https://www.tpgi.com/color-contrast-checker/ Start het programma “Colour Contrast Analyser”. Kies je voorgrond- en achtergrondkleurKlik op de pipet onder …

Lees meer about Tools om contrast te checken →