Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website JenV-brede Werkagenda

(Alleen de bevindingen)

Scope van de evaluatie

Naam website JenV-brede Werkagenda
Datum 9 oktober 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op jenvbredewerkagenda.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op jenvbredewerkagenda.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 19

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://jenvbredewerkagenda.nl/ staat het logo van 'JenV-brede Werkagenda'. Het logo heeft een alt attribuut zonder alternatieve tekst. Voor blinde bezoekers is het belangrijk dat ze kunnen herkennen dat hier het logo staat, en welke tekst deze bevat. Zorg dat het alt attribuut de visueel zichtbare tekst bevat, bij voorbeeld 'logo JenV-brede Werkagenda | werk aan uitvoering'.

Bevinding 2: Op pagina https://jenvbredewerkagenda.nl/page/view/784c592f-2274-4d00-9084-d740a3222c9d/de-werkagenda-in-beeld staat een afbeelding van tekst. Naast de kop 'De werkagenda in beeld' bevat deze pagina geen platte tekst, alles moet uit een afbeelding ontleed worden. Om aan dit succescriterium te voldoen kan men de visuele tekst in een alt attribuut verwerken, echter raden wij aan dit als platte tekst op de pagina te plaatsen, bijvoorbeeld de visuele lijsten. Dit omdat schermleessoftware niet gepauzeerd kan worden bij het lezen van alternatieve teksten in alt attributen, en dit ongemak kan veroorzaken voor diens gebruikers.

Bevinding 3: Op pagina https://jenvbredewerkagenda.nl/ staat een link naar een YouTube video. Visueel kan men de tekst 'Promovideo podcast De Uitvoering' lezen. Het iframe bevat echter geen titel. Zorg voor een toegankelijke tekst dat de titel bevat, op het iframe. Dit probleem doet zich bij meerdere video's op de website voor, bijvoorbeeld op https://jenvbredewerkagenda.nl/page/view/f0ca1173-7f00-47e4-b63d-b8db76a47c85/video. Zie tevens SC 4.1.2.

Bevinding 4: Op nieuwspagina’s, bijvoorbeeld https://jenvbredewerkagenda.nl/news/view/f6d42b5c-b474-4253-bcdf-2d5d4c5b130e/cjib-gebruikt-eyetracking-om-webpaginas-te-verbeteren, wordt middels een oog en een getal visueel medegedeeld hoe vaak een pagina bezocht is. Omdat het icoon voor hulpsoftware is verborgen (aria-hidden=”true”), is deze informatie niet beschikbaar voor bezoekers die niet kunnen zien. Er is een aria-label met de tekst ‘126 keer bekeken’ toegevoegd aan het div-element waarin het icoon staat, maar dit kan niet worden voorgelezen omdat een aria-label niet functioneert op een div-element zonder rol. Los dit bijvoorbeeld op door het aria-hidden attribuut te verwijderen van de svg-afbeelding, en hier een alternatieve tekst aan toe te voegen in een title-attribuut als eerste child-element.

Bevinding 5: Op pagina https://jenvbredewerkagenda.nl/page/view/7ed15c67-1c69-4030-ba45-79eee65d831a/wat-bieden-we staan een negental cards. Bijgaand zijn er afbeeldingen van tekst aanwezig, bijvoorbeeld 'Initiëren/versnellen'. De afbeeldingen hebben geen toegankelijk alternatief, waardoor de tekstuele informatie niet beschikbaar is voor bijvoorbeeld blinde gebruikers van van hulpsoftware. Plaats de visuele tekst in het aanwezige (lege) alt attribuut. Een andere oplossing zou zijn om deze tekst op de pagina te plaatsen als kopteksten in plaats van als afbeelding. Zie ook SC 1.4.5.

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://jenvbredewerkagenda.nl/page/view/f0ca1173-7f00-47e4-b63d-b8db76a47c85/video staat de YouTube video 'JenV-brede Werkagenda 2023 in beeld'. De video heeft geen gesproken woord, slechts achtergrondmuziek. Er komt veel tekst in beeld, bijvoorbeeld rond 0:45 meerdere bullet points. Er is geen audiodescriptie of media-alternatief beschikbaar voor deze informatie, waardoor blinde bezoekers het niet tot zich kunnen nemen. Zorg dat de video toegankelijk is voor dergelijke bezoekers.

Bevinding 7: Op pagina https://jenvbredewerkagenda.nl/ staat een YouTube video met de titel ‘Promovideo Podcast De Uitvoering’. Aan het einde van deze video rond 00:45 worden de logo’s van Spotify en Apple Podcasts getoond. Als je dat niet kan zien mis je dat deze podcast te beluisteren is op Spotify en Apple Podcasts. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://jenvbredewerkagenda.nl/page/view/f0ca1173-7f00-47e4-b63d-b8db76a47c85/video staat de YouTube video 'JenV-brede Werkagenda 2023 in beeld'. De video heeft geen gesproken woord, slechts achtergrondmuziek. Er komt veel tekst in beeld, bijvoorbeeld rond 0:45 meerdere bulletpoints. Er is geen audiodescriptie beschikbaar voor deze informatie, waardoor blinde bezoekers het niet tot zich kunnen nemen. Zorg dat de video toegankelijk is voor dergelijke bezoekers.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://jenvbredewerkagenda.nl/page/view/568f3850-e684-456e-b70e-af11b0b496b1/welke-projecten-ondersteunen-we wordt gebruik gemaakt van het strong element, bijvoorbeeld 'Projecten financiering JenV-brede werkagenda - toegekend'. Dit element dient om nadruk te leggen op enkele woorden, niet ter opmaak. Maak hiervoor gebruik van de stylingopties die CSS biedt.

Bevinding 10: Op pagina https://jenvbredewerkagenda.nl/page/view/568f3850-e684-456e-b70e-af11b0b496b1/welke-projecten-ondersteunen-we wordt gebruik gemaakt van het em (emphasis) element, bijvoorbeeld 'Aanpak discriminatie bij taakuitoefening'. Dit element dient ter intonatie van enkele woorden, en is niet voor opmaak geschikt. Maak hiervoor gebruik van de stylingopties die CSS biedt.

Bevinding 11: Op pagina https://jenvbredewerkagenda.nl/page/view/568f3850-e684-456e-b70e-af11b0b496b1/welke-projecten-ondersteunen-we staan diverse tabellen die correct zijn opgemaakt met corresponderende TH (table head) cellen en TD (table data) cellen. Sommige tabellen echter niet. In de tabel met de visuele kop 'Gegevensdeling' zouden bijvoorbeeld de cellen in de linkerkolom opgemaakt moeten worden als TH, zodat schermleessoftware het verband met de corresponderende data in de rechterkolom kan begrijpen en aan haar gebruiker kan overdragen.

Bevinding 12: De PDF op pagina https://jenvbredewerkagenda.nl/file/download/15b4a168-0f43-4ef3-b576-43e3a190b754/stand-van-de-uitvoering-2022_justis.pdf bevat op de tweede bladzijde visueel de hoofdthema's 'toegankelijkheid' en 'de waarde van screenen'. Deze teksten zijn correct opgemaakt middels toegankelijkheidstags, komen de teksten pas na de drie erop volgende alinea's voor. Zorg dat toegankelijkheidstags in de juiste leesvolgorde staan, zodat tekst wordt voorgelezen zoals men het ook visueel kan zien.

Bevinding 13: De PDF op pagina https://jenvbredewerkagenda.nl/file/download/15b4a168-0f43-4ef3-b576-43e3a190b754/stand-van-de-uitvoering-2022_justis.pdf bevat op de vijfde bladzijde een grafiek met de titel 'Waar wordt het Klant Contact Centrum (KCC) van Justis over gebeld'. De tekst '150.000' is in een koptag gezet, terwijl dit visueel geen kop betreft. Voor gebruikers van schermleessoftware die de koppenstructuur opvragen om door pagina's te navigeren, kan dit verwarrend zijn. Plaats dergelijke tekst in een p (paragraph) tag.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 14: De PDF op pagina https://jenvbredewerkagenda.nl/file/download/15b4a168-0f43-4ef3-b576-43e3a190b754/stand-van-de-uitvoering-2022_justis.pdf bevat op de vijfde bladzijde een grafiek met de titel 'Waar wordt het Klant Contact Centrum (KCC) van Justis over gebeld'. Er wordt louter kleur gebruikt om de legendaitems te onderscheiden, wat problemen kan opleveren voor kleurenblinden. Zorg voor een goed toegankelijke grafiek, bijvoorbeeld door de percentages in de legenda er ook in voor te laten komen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://jenvbredewerkagenda.nl/ staat de linktekst 'Lees meer over het programma'. De oranje tekstkleur (HEX #E17000) heeft met de witte achtergrond een contrast van 3,2:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan. Dit probleem doet zich meermalig voor, bij koppen en links op de website, bijvoorbeeld op https://jenvbredewerkagenda.nl/page/view/f0d8ad07-f97b-4817-b2bb-0dd636362dec/contact. Een soortgelijk probleem zien we ook terug op pagina https://jenvbredewerkagenda.nl/page/view/f0ca1173-7f00-47e4-b63d-b8db76a47c85/video bij de oranje (HEX #E17000) tekst ‘Video’ in het blok aan de linkerkant van de pagina. Dit komt voor op meerdere pagina’s, bijvoorbeeld https://jenvbredewerkagenda.nl/page/view/784c592f-2274-4d00-9084-d740a3222c9d/de-werkagenda-in-beeld en https://jenvbredewerkagenda.nl/page/view/568f3850-e684-456e-b70e-af11b0b496b1/welke-projecten-ondersteunen-we.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://jenvbredewerkagenda.nl/page/view/7ed15c67-1c69-4030-ba45-79eee65d831a/wat-bieden-we staan een negental cards. Bijgaand zijn er afbeeldingen van tekst aanwezig, bijvoorbeeld 'Initiëren/versnellen'. De afbeeldingen hebben geen toegankelijk alternatief, waardoor de tekstuele informatie niet beschikbaar is voor bijvoorbeeld blinde gebruikers van van hulpsoftware. Zie ook SC 1.1.1.

Bevinding 17: Op pagina https://jenvbredewerkagenda.nl/ staat een afbeelding van tekst met de tekst “Beluister de podcast – Achter de schermen bij Justitie en Veiligheid De Uitvoering”. Men kan deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina.

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://jenvbredewerkagenda.nl/ komen onderaan de pagina links voor met meerdere keren dezelfde linktekst 'THEMA'. Zorg dat links naar verschillende doelen unieke linkteksten hebben, door bijvoorbeeld de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://jenvbredewerkagenda.nl/ staat een link naar een YouTube video. Visueel kan men de tekst 'Promovideo podcast De Uitvoering' lezen. Er staat echter slechts een toegankelijke tekst op de button, te weten 'Open cookie van derden instellingen, alvorens video af te spelen'. Blinde gebruikers van hulpsoftware weten niet wat ze openen. Zorg dat de knop een toegankelijke tekst krijgt die de functie van de knop beschrijft. Dit probleem doet zich bij meerdere video's op de website voor, bijvoorbeeld op https://jenvbredewerkagenda.nl/page/view/f0ca1173-7f00-47e4-b63d-b8db76a47c85/video. Zie tevens SC 1.1.1.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2024-12-03 19:31:01 v2.4-011