Technische afwijkingen toegankelijkheidsonderzoek PRO-sites

Opnemen bij gebruik van de feedbackbalk

De feebackbalk is op dit momen slechts beschikbaar voor een beperkt aantal sites.

• Beschrijving van de afwijking: Na het invullen van het antwoord krijg je een bericht in beeld, in de code opgemaakt als kop. Eronder staat echter geen informatie, waardoor het geen kop is.
• Oorzaak: Een statusbericht is opgemaakt als kop.
• Gevolg: Voor bezoekers met hulpsoftware is de structuur van de pagina onduidelijk.
• Alternatief: Geen.
• Maatregel: Codeer het bericht niet als kop, maar als statusbericht.
• Planning voor de uitvoering van de maatregel: 31-12-2022

Vergroot afbeelding

Opnemen bij gebruik van formulieren, reactieformulieren, attenderingen of nieuwsbrieven

• Beschrijving van de afwijking: Er zijn invoervelden gevonden waar veel gevraagde data ingevoerd moet worden, maar een autocomplete ontbreekt.
• Oorzaak: De formulieren hebben nog geen mogelijkheid om autocomplete toe te passen.
• Gevolg: User agents kunnen bezoekers niet goed assisteren bij het invullen van formulieren.
• Alternatief: Geen.
• Maatregel: Leverancier CMS heeft op verzoek autocomplete ingebouwd in versie 14.1, maar het Platform Rijksoverheid Online gebruikt nog een oudere versie. Leverancier e-maildienstverlening (atttenderingen en nieuwsbrieven) gaat autocomplete inbouwen. DPC bouwt zelf autocomplete in bij reactieformulieren.
• Planning voor de uitvoering van de maatregel: 31-12-2022

Opnemen bij oranje sites in de Rijkshuisstijl.

• Beschrijving van de afwijking: Oranje PRO-sites in de Rijkshuisstijl gebruiken in de menubalk en de footer witte tekst. Dat geeft onvoldoende contrast.
• Oorzaak: Witte teksten op een oranje achtergrond hebben een te laag contrast van 3,2:1, waar dat 4,5:1 moet zijn.
• Gevolg: Bezoekers zouden de witte tekst niet altijd goed kunnen lezen.
• Alternatief: Er is geen alternatief nodig. De huidige automatische contrastcontrole onderschat het contrast tussen lichte kleuren. De draft van WCAG 3 houdt hier beter rekening mee en dan kan wit op oranje wel.
• Maatregel: Geen.
  • Opmerking: De uitvoering van deze maatregel leidt tot een onevenredige last.
  • Toelichting: Het contrast van wit op oranje is in WCAG 3 beter dan dat van zwart op oranje, dat blijkt ook uit testen met gebruikers. Elke investering om de huidige situatie te wijzigen is teveel, omdat bezoekers dan  alleen maar minder contrast gaan zien. Zie https://wildbit.com/blog/accessible-palette-stop-using-hsl-for-color-systems
• Planning voor de uitvoering van de maatregel: 31-12-2024

Opnemen bij gebruik van attenderingen of nieuwsbrieven

• Beschrijving van de afwijking: Bij abonneren op attenderingen of nieuwsbrieven geeft het formulier geen correcte foutmeldingen.
• Oorzaak: Als het formulier leeg verstuurd wordt, krijg je geen goede foutmelding te zien, alleen een instructie/melding dat bepaalde velden ingevuld dienen te worden en/of verplicht zijn ("Het e-mailadres is vereist. / Vink de akkoordverklaring aan."). Dat is niet afdoende, want er wordt niet beschreven dat er iets fout is gegaan.
• Gevolg: Bezoekers zien aan de foutmelding niet dat ze iets fout hebben gedaan.
• Alternatief: Geen.
• Maatregel: Foutmelding toevoegen die ook aangeeft dat er iets fout is gegaan.
• Planning voor de uitvoering van de maatregel: 31-12-2022

Opnemen bij gebruik van de feedbackbalk

• Beschrijving van de afwijking: De feedbackbalk geeft een statusbericht bij afronding, maar die is niet programmatisch herkenbaar.
• Oorzaak: De pagina ververst niet en daardoor kan hulpsoftware de statusmelding niet zien.
• Gevolg: Bezoekers met hulpsoftware zien de status,elding niet.
• Alternatief: Geen.
• Maatregel: Aria-live regions toevoegen.
• Planning voor de uitvoering van de maatregel: 31-12-2022

Opnemen bij gebruik van attenderingen of nieuwsbrieven

• Beschrijving van de afwijking: Het formulier om te abonneren op attenderingen of nieuwsbrieven genereert foutmeldingen waar hulpsotware niet van op de hoogte is.
• Oorzaak: De pagina ververst niet en daardoor kan hulpsoftware de foutmelding niet zien.
• Gevolg: Bezoekers met hulpsoftware zien de foutmelding niet.
• Alternatief: Geen.
• Maatregel: Aria-live regions toevoegen.
• Planning voor de uitvoering van de maatregel: 31-12-2022

• SC 1.4.11 - Retweet- en reageerknop van Twitter hebben te weinig contrast
  Oplossing: Hoverkleur van knoppen aangepast

• SC 1.1.1 - Uitklapknoppen hotspot hebben geen goede naam
  Oplossing: Toegankelijke naam aan knoppen gegeven. Om wijzigingen zichtbaar te maken moeten hotspots opnieuw aangemaakt worden door de redactie.
• SC 1.1.1 - Tweeticoon heeft geen tekstalternatief
  Oplossing: Tweeticoon linkt naar Twitter en heeft tekstalternatief
• SC 1.3.1 - Actieve sorteeroptie programmatisch niet herkenbaar
  Oplossing: Actieve sorteeroptie wordt aangegeven in de code
• SC 1.3.1 - Lijsten niet gecodeerd als lijst
  Oplossing: Overzichten, paginanavigatie en tijdlijnen zijn gecodeerd als lijst
• SC 1.3.1 - Onduidelijk bij welke kop tabelcellen van kaarten en grafieken horen
  Oplossing: Tabelkoppen bij grafieken en thematische kaarten van een scope voorzien
• SC 1.3.1 - Poll: Vraag niet gekoppeld aan antwoord
  Oplossing: Antwoorden en vragen programmatisch gekoppeld middels fieldset- en legend-element
• SC 2.4.4 - Tweets bevatten identieke links met verschillende doelen
  Oplossing: Links opgenomen in zelfde lijstitem als de inhoud van de tweet, zodat duidelijk is dat ze bij elkaar horen
• SC 2.4.7 - Toetsenbordfocus op kaarten kort zichtbaar
  Oplossing: Focuslijnen blijven zichtbaar zolang kaartelement de focus heeft
• SC 4.1.3 - Status uitklapknoppen hotspots onduidelijk
  Oplossing: Aria-expanded-attribuut toegevoegd om duidelijk te maken of een knop al dan niet is uitgeklapt. Om wijzigingen zichtbaar te maken moeten hotspots opnieuw aangemaakt worden door de redactie.