Technische afwijkingen toegankelijkheid
Op deze pagina geven we een overzicht van de technische afwijkingen op gebied van toegankelijkheid.
Platform Rijksoverheid Online
Deze website maakt gebruik van het Platform Rijksoverheid Online (PRO). Voor technische afwijkingen op het gebied van toegankelijkheid verwijzen we daarom naar de onderzoeksresultaten van een demositesite op PRO die daar jaarlijks op getoetst wordt. Relevante afwijkingen komen terug in de toegankelijkheidsverklaring van deze website.
Opgeloste technische afwijkingen
- SC 1.3.1 - In de datumkiezer hebben de weeknummers geen kolomkop.
Oplossing: Kolomkoppen toegevoegd. - SC 1.3.1 - In de datumkiezer is de huidige dag niet zichtbaar voor hulptechnologie.
Oplossing: De huidige dag aangegeven voor hulptechnologieën met aria-current. - SC 1.4.11 - Invoervelden formulieren hebben te weinig contrast.
Oplossing: Donkergrijze rand om velden toegevoegd. - SC 1.4.11 - Focus heeft te weinig contrast.
Oplossing: Alle focusindicatoren bestaan nu uit een zwart-witte lijn, die dus altijd voldoende contast heeft.
- SC 1.3.1 - Inhoud metagegevens activiteiten onduidelijk.
Oplossing: Iconen als afbeelding in html opgenomen en een alternatieve tekst gegeven. - SC 1.4.11 - Focusindicator op foutpagina's heeft te weinig contrast.
Oplossing: Alle focusindicatoren op foutpagina's bestaan nu ook uit een zwart-wit gestippelde lijn, die dus altijd voldoende contrast heeft. - SC 2.4.7 - Uploadknop in formulier krijgt geen zichtbare focus.
Oplossing: De uploadknop heeft een zichtbare focusindicator gekregen. - SC 2.5.3 - Call-to-action (CTA) heeft verkeerd aria-label.
Oplossing: Alleen als een CTA naar een externe link gaat krijgt hij een aria-label. Deze bevat nu de linktekst en de tekst "(externe website)". - SC 4.1.1 - Sitemap bevat HTML-fouten
Oplossing: Html-fouten verwijderd.
- SC 1.1.1 - Vergrootglas heeft niet in elke situatie een correcte alternatieve tekst.
Oplossing: De alternatieve tekst is nu afhankelijk van of het zoekveld open of dicht is. - SC 1.3.1 - Structuur sitemap komt niet overeen met sitestructuur.
Oplossing: De sitemap toont nu alleen menu-items op de eerste twee niveau's. - SC 1.3.1 - Aan streamer is niet te zien dat het belangrijke informatie betreft.
Oplossing: De streamer heeft het strong-element gekregen. - SC 1.4.13 - Zoekveld niet te sluiten zonder focus te verplaatsen
Oplossing: Deze is gesloten omdat de onderzoekende partij heeft laten weten dat dit alsnog geen afwijking bleek te zijn. - SC 3.3.2 - Datumveld "tot" heeft op mobiel geen zichtbaar label.
Oplossing: Aan dit datumveld is zichtbaar het label "Tot" toegevoegd.
- SC 1.1.1 - Logo's bevatten identiek title- en alt-attribuut.
Oplossing: Het title-attribuut is bij logo's verwijderd. Het doel van de link staat in de alternatieve tekst van het logo. - SC 1.1.1 - Vaste decoratieve afbeeldingen hebben tekstalternatief.
Oplossing: Foto's in nieuwsoverzichten, bij uitgelichtblokken en in fotonavigatie hebben nooit meer een tekstalternatief. - SC 1.3.1 - Legend is verborgen in zoekformulier.
Oplossing: De legend is nu verborgen met de clip-methode ipv met "display:none". - SC 1.4.4 - Deel functionaliteit paginering valt weg bij inzoomen.
Oplossing: De paginering is nu gelijk op mobiel/inzoomen en desktop. - SC 1.4.13 - Video: Volumeregelaar sluit niet zonder hover te verplaatsen.
Oplossing: De volumenregelaar opent niet meer over de video heen en is continu zichtbaar. - SC 4.1.2 - WAI-ARIA-rollen niet correct in lightbox.
Oplossing: Onnodige rollen "dialog" en "document" verwijderd.
- SC 1.4.11 - Grote afspeelknop video's heeft niet altijd voldoende contrast
Oplossing: Knop schaduw gegeven en afspeelicoon vaste kleur gegeven ipv doorzichtig. - SC 1.4.11 - Bedieningselementen mediaspeler hebben bij alternatieve stijlen een hoverstijl die bij sommige sties zorgt voor te weinig contrast.
Oplossing: Hoverstijl verwijderd. - SC 2.4.7 - Focus niet zichtbaar op knop videospeler.
Oplossing: Overbodige knop verwijderd. - SC 2.5.3 - Visueel label (CC) voor knop ondertiteling bij video komt niet voor in toegankelijke naam.
Oplossing: "CC" toegevoegd aan toegankelijke naam. - SC 4.1.2 - Ontoegankelijke uitklapper mediaspeler.
Oplossing: Overbodige rol "region" en attribuut "aria- describedby" verwijderd.
- SC 1.3.1 - "Controleer uw gegevens" moet niet getoond worden in een contenttabel
Oplossing: Gegevens staan in een definitielijst gezet. - SC 1.3.1 - Paginanavigatie bestaat uit meerdere lijsten
Oplossing: Navigatie bestaat altijd uit één lijst - SC 1.3.1 - Sitemap bevat leeg ul-element
Oplossing: Sitemap in één lijst met sublijsten geplaatst. - SC 1.4.11 - Video: Handgreep heeft te weinig contrast
Oplossing: Kleur handgreep en achtergrond aangepast. - SC 1.4.11 - Lightbox: Navigatie heeft te weinig contrast
Oplossing: Kleuren navigatie in lightbox aangepast bij alternatieve stijlen. - SC 2.1.4 - Video: Sneltoetsen actief die met enkel karakter werken
Oplossing: Sneltoetsen met enkel karakter uitgezet. - SC 3.3.1 - Velden met foutmelding krijgen geen focus
Oplossing: Bij alle typen velden krijgt het eerste veld met een fout nu de focus. - SC 4.1.1 - Dubbele ID's in accordeon
Oplossing: ID's afhankelijk gemaakt van titel uitklapper. - SC 4.1.2 - Onduidelijk en onzichtbaar label voor AVG-informatie in formulieren
Oplossing: Label verduidelijkt
- SC 1.3.1 - Tijdlijn mist hiërarchie
Oplossing: Introtekst tijdlijn in paragraaf geplaatst ipv in kop-element. - SC 1.3.1 - Tweets in Twitterfeed niet te onderscheiden
Oplossing: Tweets in opsomming geplaatst. - SC 1.3.1 - Lightbox toont voor hulpsoftware meerdere foto's tegelijk
Oplossing: Niet zichtbare foto's in lightbox van fotoalbum ook onzichtbaar maken voor hulpsoftware. - SC 1.4.3 - Onvoldoende contrast Twitterknop
Oplossing: Bij alternatieve stijlen wijzigt de tekst bij hover niet meer naar blauw, maar blijft wit. - SC 1.4.3 - Tekst in afbeelding heeft onvoldoende contrast
Oplossing: Zwarte rand om witte letters dikker gemaakt. - SC 2.4.4 - Linkdoel bij delen afbeeldingen op sociale media onduidelijk
Oplossing: Teksten van deel- en downloadknoppen afbeeldingen duidelijker gemaakt. - SC 2.5.3 - Onduidelijke tekst voor screenreaders in filter
Oplossing: Aria-label trefwoorden en assistive labels van de datumvelden aangepast. - SC 3.3.1 - Foutieve foutmeldingen bij verplichte velden in formulieren
Oplossing: Tekst foutmeldingen aangepast.
- SC 2.4.6 - Overzicht documenten heeft dubbele H1-kop
Oplossing: Een H1-kop verwijderd
- SC 1.3.1 - Copyright niet geassocieerd met hero-image
- SC 1.1.1 - Kaarten veroorzaken verkeerde kopstructuur
- SC 1.3.1 - Aan let-op stijl is niet te zien dat het belangrijke informatie betreft
- SC 1.4.4 - Bij inzoomen en op mobiel valt de tekst naast het logo weg
- SC 1.4.11 - Datumkiezer: Onvoldoende contrast bij hover over datum
- SC 1.4.11 - Focusstijl van knoppen en kalender niet zichtbaar genoeg
- 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 3.3.1 - Foutmelding zoekformulier incorrect
Oplossing: Foutmelding verbeterd.
- 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 - Taalknoppen hebben onvoldoende contrast
Oplossing: Taalknoppen contrastrijker gemaakt. - 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.