Beschrijving van de afwijking: Als een bezoeker een eigen CSS gebruikt of de CSS niet laadt kan hij niet zien dat een link naar een externe wesite gaat.
Oorzaak: Het icoon dat aangeeft dat een link opent in een externe website wordt uitgeschreven middels CSS.
Gevolg: Bezoeker kan niet altijd zien dat een link naar een externe website gaat.
Alternatief: Geen
Maatregel: Icoon voor externe links niet in de CSS uitschrijven of op een andere manier aangeven dat een link naar een externe website gaat.
Planning voor de uitvoering van de maatregel: 01-01-2024
Oorzaak: De iconen voor links (chevrons) en voor sociale media worden toegevoegd met peseudo-elementen in de CSS.
Gevolg: CSS-content wordt vaak voorgelezen door hulpsoftware, maar decoratieve afbeeldingen moeten juist genegeerd worden.
Alternatief: Geen
Maatregel: Extra span-element met attribuut aria-hidden="true" toevoegen en iconen daarin opnemen.
Planning voor de uitvoering van de maatregel: 01-07-2024
SC 1.3.1 - Info en relaties [niveau A]
Beschrijving van de afwijking: Kop in schermbrede afbeelding zorgt voor dubbele kop
Oorzaak: Een webpagina heeft al een h1-kop. Het inzetten van de kop in een schermbrede afbeelding zorgt dan voor een dubbele h1-kop, waarvan de eerste geen inhoud heeft.
Gevolg: Verwarrende structuur van de pagina voor gebruikers van hulpsoftware.
Alternatief: Kop in schermbrede afbeelding niet gebruiken op webpagina's.
Planning voor de uitvoering van de maatregel: 01-01-2024
Beschrijving van de afwijking: Aan afbeeldingen kan een kop en tekst toegevoegd worden. Semantisch hoort de afbeelding nu echter niet bij de kop.
Oorzaak: De afbeelding komt in de code boven de kop te staan, terwijl de afbeelding semantisch onder de kop hoort.
Gevolg: Voor bezoekers met hulpsoftware hoort de afbeelding bij een eerdere kop.
Alternatief: Geen.
Maatregel: Afbeelding onder de kop uitschrijven.
Planning voor de uitvoering van de maatregel: 01-01-2024
Beschrijving van de afwijking: Label 'Periode' in de datumkiezer is niet gekoppeld aan de radiobuttons om een periode te kiezen.
Oorzaak: In filters is het label 'Periode' niet programmatisch gekoppeld aan de radiobuttons om een periode te kiezen.
Gevolg: Voor bezoekers met hulpsoftware is onduidelijk wat je met de radionbuttons kunt doen.
Alternatief: Geen.
Maatregel: Label programmatisch koppelen aan de radiobuttons.
Planning voor de uitvoering van de maatregel: 01-01-2024
SC 2.4.6 - Koppen en labels
Beschrijving van de afwijking: De 404-pagina heeft een onzichtbare H1-kop zonder inhoud
Oorzaak: De pagina heeft twee identieke H1-koppen achter elkaar, waarvan de eerste onzichtbaar is en geen inhoud heeft.
Gevolg: Verwarrend voor gebruikers van hulpsoftware.
Alternatief: Geen.
Maatregel: De eerste H1-kop verwijderen
Planning voor de uitvoering van de maatregel: 01-01-2024
Oorzaak: Alle tussenkoppen in formulieren zien er wel uit als kop en hebben die functie, maar zijn zo niet gedefinieerd. Een voorbeeld is de vast kop "Informatie over de verwerking van uw persoonsgegevens".
Gevolg: Deze content is minder toegankelijk voor bezoekers die gebruik maken van schermlezers zoals voorleessoftware of een brailleleesregel.
Maatregel: H2-element om de koppen heen zetten.
Planning voor de uitvoering van de maatregel: 01-07-2024
Oorzaak: 404-pagina's hebben een H1-kop, maar de volgende is dan een h3-kop. Ze slaan dus de h2-kop over.
Gevolg: De structuur van de pagina is minder duidelijk voor bezoekers die gebruik maken van schermlezers zoals voorleessoftware of een brailleleesregel.
Maatregel: H3-kop vervangen door een H2-kop
Planning voor de uitvoering van de maatregel: 01-07-2024
SC 2.4.7 - Focus zichtbaar [niveau AA]
Beschrijving van de afwijking: Nadat alle elementen in een grafiek focus hebben gehad verdwijnt de focus, voor die op "Gegevens in een tabel" terecht komt.
Oorzaak: Er krijgt een onzichtbaar element onnodig focus.
Gevolg: Voor hulpsoftware en toetsenbordgebruikers is niet altijd duidelijke welk element de focus heeft.
Alternatief: Geen
Maatregel: Na de grafiek moet direct "Gegevens in een tabel" de focus krijgen. We kaarten dit aan bij de leverancier van de grafieksoftware.
Planning voor de uitvoering van de maatregel: 01-01-2024
Opgeloste technische afwijkingen in het afgelopen jaar met hun oplossing
SC 1.1.1 - Grafieken verborgen voor hulpapparatuur
Oplossing: Grafieken zichtbaar gemaakt voor hulpsoftware
SC 1.1.1 - Decoratieve afbeeldingen bevatten copyright
Oplossing: Tekst "Beeld" aan copyrighttekst toegevoegd, zodat voor bezoekers met hulpsoftware duidelijk is dat het copyright betrekking heeft op een afbeelding die ze niet waarnemen.
SC 1.3.2 - Categorie van weblog staat boven eerste kop
Oplossing: Categorie in de code onder de kop uitgeschreven.
SC 1.4.10 - Teksten grafiek bij inzoomen onleesbaar
Oplossing: Zoveel mogelijk teksten bij inzoomen leesbaar gemaakt. Dit blijkt niet in alle gevallen technisch mogelijk, maar is gedeeltelijk redactioneel.
SC 1.4.11 - Datumkiezer: Onvoldoende contrast bij hover over datum
Oplossing: Datumkiezer vervangen door andere functionaliteit.
SC 1.4.12 - Legenda grafiek onleesbaar bij grotere tekstafstand
Oplossing: Legenda breekt niet meer af, maar klapt om naar volgende regel bij te weinig ruimte.
SC 2.1.1 - Grafiek niet bruikbaar voor toetsenbordgebruikers
Oplossing: Alle toegankelijkheidsopties van HighCharts aangezet.
SC 2.1.1 - Legenda grafiek niet bedienbaar met toetsenbord
Oplossing: Navigatie van legenda bedienbaar gemaakt met toetsenbord (spatiebalk).
SC 2.4.4 - Linkdoel voor downloaden grafieken onduidelijk
Oplossing: Dubbele link verwijderd en title-attribuut toegevoegd met naam van de grafiek.
SC 2.4.7 - Kaart: Niet zichtbare locaties kunnen focus ontvangen
Oplossing: Nieuwe versie Leaflet.js geïnstalleerd. Kaart verspringt nu naar de locatie met focus als die buiten beeld ligt.
SC 2.4.7 - Links bij grafieken krijgen geen focus
Oplossing: Link 'Download deze grafiek' zichtbare focusstijl gegeven.
SC 4.1.2 - Video's hebben geen titel
Oplossing: Video's hebben nu een eigen title-attribuut.
SC 1.3.1 - Aan let-op stijl is niet te zien dat het belangrijke informatie betreft.
Oplossing: Tekst in de let-op-stijl is in de html van een strong-element voorzien.
SC 1.4.11 - Pauze- en afspeelknop hero-images heeft onvoldoende contrast
Oplossing: Knop meer contrast gegeven.
SC 1.4.3 - Quotes hebben onvoldoende contrast
Oplossing: Donkergrijze quotes en lijn donkerder gemaakt
SC 4.1.2 en SC 4.1.3 - Hulpsoftware herkent huidige grafiek niet
Oplossing: In de html duidelijk gemaakt wat de huidige grafiek is en wat gewijzigde content is als een bezoeker een andere grafiek kiest.
SC 4.1.2 - Labelnavigatie toegankelijke semantische rol geven
Oplossing: Labelnavigatie verwijderd. Alle labels zijn ni altijd zichtbaar.
SC 1.4.3 en SC 3.3.2 - Verbeteren instructie invoer datum
Oplosssing: Contrast instructie verbeterd en instructie ook toegevoegd aan hint.
SC 1.4.12 - Teksten spindiagram niet leesbaar bij vergroten tekstafstand
Oplossing: Spindiagram wat verkleind, zodat er meer ruimte is voor de teksten eromheen. Lange zinnen en woorden moeten desondanks redactioneel voorkomen worden. Als we het spindiagram verder verkleinen tbv meer ruimte voor tekst wordt hij onleesbaar.
SC 2.4.3 -Toetsenbordfocus niet naar "Trefwoord" laten springen
Oplossing: Focus springt niet meer naar trefwoord na klikken op "Toon filters" of het verwijderen van de huidige filters.
SC 4.1.2 - Uitgeschreven tekst laten verwijzen naar bestaand ID
Oplossing: Tekst verwijst nu naar juiste ID.
SC 1.4.11 - Focus knoppen in formulieren en filters hebben onvoldoende contrast.
Oplossing: Knoppen hebben weer de zwart-witte stippellijn als focus.
SC 3.3.1 - Verkeerde foutmelding bij datumveld in filter.
Oplossing: Foutmelding verwijst nu naar correcte veld.
SC 1.3.1 - Wayfinder is gedefinieerd als geordende lijst, terwijl hij ongeordend is.
Oplossing: In de html gedefinieerd als ongeordende lijst.
SC 2.4.6 - 'Toon extra informatie over de verwerking van uw persoonsgegevens' is in formulieren een lege kop
Oplossing: Kop-element verwijderd.