Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Rijksinspectie Digitale Infrastructuur

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Rijksinspectie Digitale Infrastructuur
Datum 8 juli 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op rdi.nl
  • Alle PDF's op rdi.nl
Buiten de scope van het onderzoek valt:
  • Inlogomgeving op mijn.rdi.nl
  • 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: 27

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://www.rdi.nl/ komt de slogan 'Voor een veilig verbonden Nederland' voor in de achtergrondafbeelding. Dit kent geen alternatieve tekst, waardoor er informatie verloren gaat aan gebruikers van schermleessoftware. Zie tevens SC 1.4.5.

Bevinding 2: Op pagina https://www.rdi.nl/onderwerpen/onderzoek-en-ontwikkelingen/trendradar staat een zeer grote SVG afbeelding in de vorm van een roosgrafiek. De afbeelding heeft geen alternatieve tekst. Zorg ervoor dat blinde gebruikers van schermleessoftware kunnen begrijpen wat de bedoeling is van de grafiek, en de aanwezige data.

Bevinding 3: De PDF op pagina https://www.rdi.nl/binaries/rdi/documenten/formulieren/2019/09/04/wijzigen-frequentieruimte-laagvermogen-middengolf/Formulier+wijzigen+vergunning+frequentieruimte+laagvermogen+middengolf+versie+15+maart+2023.pdf bevat het logo van de Rijksinspectie Digitale Infrastructuur. De afbeelding is voorzien van de alternatieve tekst 'RBH_logo_blauw' wat het niet omschrijft. Zorg dat het logo van een goed omschrijvende alt tekst is voorzien.

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 4: Op pagina https://www.rdi.nl/over-ons staat onder de kop 'Een breed werkveld' een video. Er komt in de video tekst in beeld, echter is geen audiodescriptie aanwezig. Gezien het een video zonder gesproken woord betreft, is het voor blinde bezoekers niet duidelijk wat de inhoud ervan is. Zorg voor een audiodescriptie, of media-alternatief onder de video. Een goed voorbeeld van dit laatstgenoemde is te vinden op pagina https://www.rdi.nl/chefporto in het uitklapmenu onder de video.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://www.rdi.nl/over-ons staat onder de kop 'Een breed werkveld' een video. Er komt in de video tekst in beeld, echter is geen audiodescriptie aanwezig. Gezien het een video zonder gesproken woord betreft, is het voor blinde bezoekers niet duidelijk wat de inhoud ervan is. Zorg voor een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://www.rdi.nl/contact worden in het uitklapmenu 'veelgestelde vragen' koppen opgemaakt middels het strong element, bijvoorbeeld '1) Ik wil een radioroepnaam, ATIS-code en (indien van toepassing) MMSI-nummer overnemen. Hoe moet ik dit regelen?' Dit element heeft semantische waarde en dient om nadruk te leggen op specifieke woorden of zinnen in een tekst. Het is niet toegestaan om alle tekst in een kop met strong op te maken. Maak voor styling gebruik van de opties die CSS biedt.

Bevinding 7: Op pagina https://www.rdi.nl/contact staat bovenaan in het uitklapmenu 'veelgestelde vragen (FAQ)' visueel een lijstje met drie punten die nu alleen is opgemaakt met streepjes. Het is nodig om hier een lijst van te maken met HTML. Hulpsoftware ziet nu alleen leestekens en geeft in dit geval geen informatie over de lijstomvang. Maak het op als ongeordende lijst (ul) met drie lijstitems (li).

Bevinding 8: Op pagina https://www.rdi.nl/contact staat bovenaan in het uitklapmenu 'veelgestelde vragen' vijf genummerde vetgedrukte teksten. Ieder van de vetgedrukte teksten heeft een eigen niet vetgedrukte tekst. Hierdoor werken deze teksten als kop én als lijst. Het gebruik van de teksten "1)" tot en met "5)" in combinatie met strong- met br-elementen voldoet niet. Om dit probleem op te lossen is het een optie om een geordende lijst (ol) te gebruiken en dan in ieder van de vijf bijbehorende li-elementen een kop én een tekst te plaatsen.

Bevinding 9: Bij de paginastructuur op de website de keuze is gemaakt een broodkruimelpad te plaatsen met eronder een onzichtbare h1 kop ten behoeve van hulpsoftware. Op enkele pagina's, bijvoorbeeld https://www.rdi.nl/404 zijn er twee h1 koppen 'Niet gevonden' die elkaar opvolgen. Het volledige broodkruimelpad is hier niet aanwezig. Koppen zonder content zijn niet toegestaan onder dit criterium. Verwijder op dergelijke pagina's de onzichtbare kop.

Bevinding 10: De PDF op pagina https://www.rdi.nl/binaries/rdi/documenten/publicaties/2024/05/08/overzicht-graafschades-2023/Overzicht+graafschades+2023.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en tekstalternatieven bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 11: De PDF op pagina https://www.rdi.nl/binaries/rdi/documenten/formulieren/2019/09/04/wijzigen-frequentieruimte-laagvermogen-middengolf/Formulier+wijzigen+vergunning+frequentieruimte+laagvermogen+middengolf+versie+15+maart+2023.pdf is van toegankelijkheidstags voorzien, echter zijn deze niet goed gestructureerd. De content lijkt overwegend in een enkele tabel geplaatst te zijn met meerdere kolommen. Het merendeel van de cellen (TD) is leeg, en veel content is binnen een enkele cel samengevoegd. Zorg dat de content op juiste wijze in de toegankelijkheidstags is geplaatst, met de visuele volgorde overeenkomstig. Zorg tevens dat de invoervelden in de tags staan, gezien dit een interactief formulier betreft. Het toegankelijk maken van een PDF-formulier is niet eenvoudig, het is een optie om deze PDF te vervangen door een formulier in HTML.

Bevinding 12: De PDF op pagina https://www.rdi.nl/binaries/rdi/documenten/formulieren/2019/09/04/wijzigen-frequentieruimte-laagvermogen-middengolf/Formulier+wijzigen+vergunning+frequentieruimte+laagvermogen+middengolf+versie+15+maart+2023.pdf bevat onder 'Over dit formulier' een visuele lijst met vier items. De PDF bevat tevens in de toegankelijkheidstags een lijst (L) met vier lijstitems (LI). Alle items zijn echter ondergebracht in de laatste LI. Zorg dat de lijst correct is opgemaakt.

Bevinding 13: Advies: Op sommige pagina's is de koppenstructuur niet correct opgebouwd. Dit valt buiten de eisen van dit criterium, echter kan dit wel verwarrend zijn voor bezoekers die de koppen gebruiken om door zo'n pagina te navigeren. Het springen van kop naar kop is een veelgebruikte manier voor gebruikers van hulpsoftware om (snel) te navigeren. Op pagina https://www.rdi.nl/chefporto als voorbeeld, begint de structuur bij een kop op niveau 2, corresponderend aan de tekst 'Wie geeft de portofoon de aandacht die hij verdient? Meld je aan als Chef Porto!'. De kop op niveau 1 is onzichtbaar en doet zich pas voor boven de platte tekst 'Wie is in jouw organisatie verantwoordelijk voor de portofoons?'. Advies is om rekening te houden met deze navigatiemethode bij het toekennen van een kopniveau.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://www.rdi.nl/onderwerpen/inloggen-mijn-rdi/documenten/formulieren/2022/06/02/contactformulier staat een formulier waar de bezoeker onder andere het eigen e-mailadres kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/Translations/WCAG21-nl/#input-purposes.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.rdi.nl/onderwerpen/onderzoek-en-ontwikkelingen/trendradar worden gekleurde cirkels gebruikt om thema's te differentiëren en de impact wordt gemeten naar grootte van de cirkels. Er is tevens tekst toegevoegd, echter is het voor kleurenblinden niet mogelijk om het verband tussen een cirkel en het thema te leggen. Een mogelijke oplossing zou zijn om een uitgebreide legenda op de pagina te plaatsen waarin alle items per thema en impact opgesomd staan. Op die manier is de legenda een alternatief voor de informatie in de afbeelding. Zie tevens SC 1.4.11

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 16: In de PDF op pagina https://www.rdi.nl/binaries/rdi/documenten/publicaties/2024/05/08/overzicht-graafschades-2023/Overzicht+graafschades+2023.pdf is rode tekst (HEX #E41F13) aanwezig op een blauwe achtergrond. De intensiteit van de blauwe kleur verschilt op delen van de pagina, maar de contrastratio is vaak onvoldoende. Op pagina 1 heeft de rode tekst '50.000' (onder 'Graafbewegingen en graafschades') 1,9:1 contrast met de blauwe achtergrond (HEX #2CB3E9). Dit behoort minimaal 4,5:1 te zijn om aan dit criterium te voldoen.

Bevinding 17: In de PDF op pagina https://www.rdi.nl/binaries/rdi/documenten/publicaties/2024/05/08/overzicht-graafschades-2023/Overzicht+graafschades+2023.pdf is witte tekst aanwezig op een blauwe achtergrond. De intensiteit van de blauwe kleur verschilt op delen van de pagina, maar de contrastratio is vaak onvoldoende. Op pagina 1 heeft de witte tekst 'Oriëntatieverzoek' (onder het vergrootglas) 2,3:1 contrast met de blauwe achtergrond (HEX #3BB6EA). Dit behoort minimaal 4,5:1 te zijn om aan dit criterium te voldoen.

Bevinding 18: In de PDF op pagina https://www.rdi.nl/binaries/rdi/documenten/publicaties/2024/05/08/overzicht-graafschades-2023/Overzicht+graafschades+2023.pdf is witte tekst aanwezig op een blauwe achtergrond (HEX #719DD4). Dit betreft de gemeentenamen in de tabellen op pagina's 2-13. Er is hier sprake van 2,8:1 contrast waar dit minimaal 4,5:1 behoort te zijn om aan dit criterium te voldoen.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 19: Vanaf 110% bij een resolutie van 1280*1024px verdwijnt op pagina https://www.rdi.nl/ een gedeelte van de slogan 'Voor een veilig verbonden Nederland' achter het witte vlak 'Direct naar'. Zorg dat ten alle tijde informatie aanwezig blijft, bijvoorbeeld door het schalen van de achtergrondfoto. Zie tevens SC 1.4.10.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://www.rdi.nl/ komt de slogan 'Voor een veilig verbonden Nederland' voor in de achtergrondafbeelding. Dit kent geen alternatieve tekst, waardoor er informatie verloren gaat aan gebruikers van schermleessoftware. Zie tevens SC 1.1.1.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 21: Vanaf 110% bij een resolutie van 1280*1024px verdwijnt op pagina https://www.rdi.nl/ een gedeelte van de slogan 'Voor een veilig verbonden Nederland' achter het witte vlak 'Direct naar'. Zorg dat ten alle tijde informatie aanwezig blijft, bijvoorbeeld door het schalen van de achtergrondfoto. Zie tevens SC 1.4.4.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://www.rdi.nl/onderwerpen/onderzoek-en-ontwikkelingen/trendradar worden gekleurde cirkels gebruikt om thema's te differentiëren en de impact wordt gemeten naar grootte van de cirkels. De turquoise cirkels (HEX #76D2B6) hebben een contrast van 1,8:1 met de witte achtergrond, waar dit minimaal 3:1 behoort te zijn. Hierdoor kunnen kleurenblinden en slechtzienden het verband met de filters 'impact' en 'thema' niet leggen. Zie tevens SC 1.4.1

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Voldoende

Bevinding 23: Advies: Op pagina https://www.rdi.nl/documenten?pagina=3 is het niet mogelijk om de selectie “Periode” met het toetsenbord uit te zetten. De enige manier om op documenten te zoeken zonder periode is om de hele pagina te vernieuwen. Dit is ook een probleem voor muisgebruikers en wordt daarom ook niet afgekeurd op de eisen voor toegankelijkheid. Het advies is om een vijfde optie “Geen periode” aan deze serie keuzerondjes toe te voegen zodat iedereen terug kan naar het zoeken zonder periode zonder de pagina opnieuw te laden.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 24: Advies: Op pagina https://www.rdi.nl/actueel zijn de teksten van de nieuwsberichten op een dusdanige wijze in de links genest, dat de gehele visuele tekst wordt voorgelezen. Gebruikers van schermleessoftware die middels de tabtoets door de pagina navigeren krijgen hierdoor veel informatie te horen. Wij adviseren als oplossing om bijvoorbeeld alleen de koppen in de content blokken die nu als link zijn opgemaakt, op te maken als link. Eventueel kan het klikgebied van de link worden vergroot met Javascript.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 25: De pagina https://www.rdi.nl/radiocommunications-agency is Nederlands, met Engelstalige content. Op de tekst is op correcte wijze een taalwissel (lang="en") aangebracht zodat schermleessoftware de juiste taalinstelling hanteert. Dit is echter niet het geval in het broodkruimelpad. Pas tevens een taalwissel toe op de tekst 'Dutch Authority for Digital Infrastructure'.

Bevinding 26: Op pagina https://www.rdi.nl/contact is de tekst op de laatste uitvouwknop Engels, en bevat dit indien uitgevouwen tevens Engelse content. Zorg ervoor dat er op correcte wijze een taalwissel (lang="en") is aangebracht zodat schermleessoftware de juiste uitspraak/stem hanteert.

3.2 Voorspelbaar

3.2.3 Consistente navigatie (Niveau AA)

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende

Bevinding 27: Advies: Op de website wordt gebruik gemaakt van broodkruimelpaden. Op de sitemap staan pagina's onderverdeeld naar thema, bijvoorbeeld het thema 'Onderwerpen'. Het broodkruimelpad van https://www.rdi.nl/onderwerpen/benzinepompen is Home > Onderwerpen > Benzinepompen. Enkele pagina's zijn wel bij een thema ingedeeld, echter wijkt het broodkruimelpad op de betreffende pagina af. Bijvoorbeeld 'Over de Rijksinspectie Digitale Infrastructuur (RDI)' onder 'Onderwerpen'. Het broodkruimelpad is hier Home > Over de Rijksinspectie Digitale Infrastructuur. Advies is om consistent te zijn in het gebruik van het broodkruimelpad, zodat onder andere gebruikers van schermleessoftware de paginastructuur goed kunnen begrijpen.

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-10-26 06:21:50 v2.4-011