Deze PR addresseert een aantal punten uit het verslag van Firm Ground auditor @bramd .
1.1.1: Niet-tekstuele content
Het beeldmerk van de Corona-app (/img/logo-app.svg) heeft een leeg alt-attribuut. Het is echter geen decoratieve afbeelding, het is ook het icoon dat je op op een mobiele telefoon ziet bij het overzicht met apps.
1.1.1: Niet-tekstuele content
"De alt-tekst bij het logo van Rijksoverheid vertelt nu wel waar de link naar toe gaat, maar niet dat dit het logo van de Rijksoverheid is. Voor gebruikers die het logo niet kunnen zien, is nu niet duidelijk dat dit een officiële site van de overheid is. Ook bevat de tekst nu nog een ": " aan het eind, dat ziet er vreemd uit.
Vul de tekst aan met informatie over het logo, bijvoorbeeld: "Logo Rijksoverheid, homepage".
1.3.1: Info en relaties
"Het kruimelpad is nu opgemaakt met een p-element. Zo is het voor gebruikers van hulpsoftware niet duidelijk dat het hier om een kruimelpad gaat.
Het is beter dit te structureren met een nav-element en daarin een lijst. Zo kan er door middel van een aria-label op het nav-element aangegeven worden waar dit element voor dient en de lijst geeft aan dat deze items bij elkaar horen. Met het aria-current-attribuut is vervolgens de huidige pagina expliciet aan te geven. Een voorbeeld hiervan is uitgewerkt bij het component "Kruimelpad/breadcrumb"."
3.1.2: Taal van onderdelen
De Nederlandse tekst 'Toegankelijkheidsverklaring CoronaMelder.nl' is niet gemarkeerd als Nederlandstalig. De tekst staat binnen een als Engelstalig gemarkeerd blok. De tekst kan nu niet in het Nederlands worden gepresenteerd met een screenreader. Arabische toegankelijkheidspagina met Engelstalige content https://www.coronamelder.nl/ar/toegankelijkheidsverklaring
4.1.2: Naam, rol, waarde "De videospeler heeft nu een role="application" attribuut op de omliggende div. Hierdoor worden sommige screenreaders, zoals NVDA en JAWS, uit hun mode voor het lezen van webpagina's gehaald. De gebruiker kan dan enkel nog door de interface tabben en andere sneltoetsen gebruiken, maar verliest de aanvullende functionaliteit van de screenreader voor het lezen van webpagina's. De role "application" is enkel bedoeld voor complexe webapplicaties die zich gedragen als een desktop-applicatie.
Het is beter de rol hier te verwijderen, zodat alle elementen van de videospeler in alle screenreaders weer onderdeel uitmaken van de webpagina.
En hopelijk
1.4.11: Contrast van niet-tekstuele content "Bij focus krijgt de veelgestelde vraag een andere kleur. Deze heeft echter zeer laag contrast met het wit als er geen focus is. De kleur bij focus is #edf0f6.
Welke vraag focus heeft is nu voor niet iedereen zichtbaar welke vraag focus heeft." Veelgestelde vragen https://www.coronamelder.nl/nl/faq/
anneke
commented
4 years ago
Deze PR addresseert een aantal punten uit het verslag van Firm Ground auditor @bramd .
1.1.1: Niet-tekstuele content
Het beeldmerk van de Corona-app (/img/logo-app.svg) heeft een leeg alt-attribuut. Het is echter geen decoratieve afbeelding, het is ook het icoon dat je op op een mobiele telefoon ziet bij het overzicht met apps.
1.1.1: Niet-tekstuele content
"De alt-tekst bij het logo van Rijksoverheid vertelt nu wel waar de link naar toe gaat, maar niet dat dit het logo van de Rijksoverheid is. Voor gebruikers die het logo niet kunnen zien, is nu niet duidelijk dat dit een officiële site van de overheid is. Ook bevat de tekst nu nog een ": " aan het eind, dat ziet er vreemd uit. Vul de tekst aan met informatie over het logo, bijvoorbeeld: "Logo Rijksoverheid, homepage".
1.3.1: Info en relaties "Het kruimelpad is nu opgemaakt met een
p-element. Zo is het voor gebruikers van hulpsoftware niet duidelijk dat het hier om een kruimelpad gaat. Het is beter dit te structureren met eennav-element en daarin een lijst. Zo kan er door middel van een aria-label op hetnav-element aangegeven worden waar dit element voor dient en de lijst geeft aan dat deze items bij elkaar horen. Met hetaria-current-attribuut is vervolgens de huidige pagina expliciet aan te geven. Een voorbeeld hiervan is uitgewerkt bij het component "Kruimelpad/breadcrumb"."3.1.2: Taal van onderdelen
De Nederlandse tekst 'Toegankelijkheidsverklaring CoronaMelder.nl' is niet gemarkeerd als Nederlandstalig. De tekst staat binnen een als Engelstalig gemarkeerd blok. De tekst kan nu niet in het Nederlands worden gepresenteerd met een screenreader. Arabische toegankelijkheidspagina met Engelstalige content https://www.coronamelder.nl/ar/toegankelijkheidsverklaring
4.1.2: Naam, rol, waarde "De videospeler heeft nu een
role="application"attribuut op de omliggendediv. Hierdoor worden sommige screenreaders, zoals NVDA en JAWS, uit hun mode voor het lezen van webpagina's gehaald. De gebruiker kan dan enkel nog door de interface tabben en andere sneltoetsen gebruiken, maar verliest de aanvullende functionaliteit van de screenreader voor het lezen van webpagina's. De role "application" is enkel bedoeld voor complexe webapplicaties die zich gedragen als een desktop-applicatie. Het is beter de rol hier te verwijderen, zodat alle elementen van de videospeler in alle screenreaders weer onderdeel uitmaken van de webpagina.En hopelijk
1.4.11: Contrast van niet-tekstuele content "Bij focus krijgt de veelgestelde vraag een andere kleur. Deze heeft echter zeer laag contrast met het wit als er geen focus is. De kleur bij focus is #edf0f6.
Welke vraag focus heeft is nu voor niet iedereen zichtbaar welke vraag focus heeft." Veelgestelde vragen https://www.coronamelder.nl/nl/faq/