Onvoldoende kleurcontrast tussen tekst en achtergrond
Op alle pagina's staat witte tekst op een beige achtergrond of andersom, zoals bij "Omzetting geregistreerd partnerschap". De kleurcontrastratio is te laag: 3:1. Omdat deze tekst kleiner is dan 24 px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.
Voldoet niet aan SC 1.4.3 - Contrast (Minimum)
Onvoldoende contrast bij oranje knoppen
Op alle pagina's zijn oranje knoppen te vinden met witte tekst, zoals "DigiD". De kleurcontrastratio is te laag: 3,6:1. Omdat deze tekst kleiner is dan 24 px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.
Voldoet niet aan SC 1.4.3 - Contrast (Minimum)
Onvoldoende contrast bij knoppen in sliders
Op alle pagina's bevinden zich sliders met afbeeldingen. Wanneer je de muis over de afbeeldingen beweegt, verschijnen knoppen met witte tekst, zoals "Volgende afbeelding" en "Vorige afbeelding", op een kleurrijke achtergrond. De kleurcontrastratio is te laag: 2,1:1. Omdat deze tekst kleiner is dan 24 px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.
Voldoet niet aan SC 1.4.3 - Contrast (Minimum)
Koptekst markering ontbreekt
De volgende tekst is niet gemarkeerd als koptekst: "Persoonsgegevens uit de Basisregistratie Personen (BRP)". Blinde bezoekers hebben niets aan een (tussen)kop die er wel uitziet als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Zijn koppen alleen visueel als kop vormgegeven (bijvoorbeeld vetgedrukt), maar niet in de code gemarkeerd? Dan ontstaat nog een ander probleem. De structuur van de informatie in de code wijkt dan namelijk af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast.
Voldoet niet aan SC 1.3.1 - Info and Relationships
Onvoldoende contrast bij processtappen
Onder de koptekst bevinden zich processtappen. Bij inzoomen worden deze stappen weergegeven als grijze stippen op een lichtgrijze achtergrond. De kleurcontrastratio is te laag: 2,7:1. Dit moet minimaal 3,0:1 zijn.
Voldoet niet aan SC 1.4.11 - Non-text Contrast
Onjuiste toegankelijkheidsinstellingen bij sliderlinks
Op alle pagina's waar een slider staat, zijn interactieve elementen in de slider verborgen voor de schermlezer. Onderaan de slider staan links in de vorm van stippen. Deze links zijn verborgen met de attributen aria-hidden="true" en role="presentation". Gebruik deze attributen daarom niet bij informatieve elementen.
Voldoet niet aan SC 1.3.1 - Info and Relationships
Een th-cel in tabel is leeg
In alle diensten staat onderaan de pagina een tabel. Een van de th-cellen bevat geen inhoud. In een gegevenstabel moeten de koppen van rijen of kolommen in th-elementen staan, zodat schermlezers de relatie tussen de koppen en de bijbehorende gegevens begrijpen. Lege th-cellen geven indruk dat inhoud ontbreekt. Vul de th-cellen met tekst of verander ze in een td-element, dat wel leeg mag zijn.
Voldoet niet aan SC 1.3.1 - Info and Relationships
Onjuiste structuur van dt- en dd-elementen in een definitielijst
In alle diensten staat onderaan de pagina een tabel. In een van de cellen (onder "Naam") worden de elementen <dt> en <dd> gebruikt. Deze elementen horen echter binnen een bovenliggend dl-element te staan. Het ontbreken van een dl-element zorgt voor een incorrecte structuur, wat kan leiden tot problemen met semantiek en toegankelijkheid. Voeg een omringend dl-element toe om de structuur te corrigeren.
Voldoet niet aan SC 1.3.1 - Info and Relationships