Toegankelijkheidsproblemen dictu.nl 2025-02-06
Over dit onderzoek
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Opdrachtgever en systeem
dictu.nl
Steekproef
https://www.dictu.nl/
https://www.dictu.nl/actueel
https://www.dictu.nl/dictu-web-app-services-bedient-nu-de-hele-rijksoverheid
https://www.dictu.nl/een-kijkje-de-wereld-van-ethisch-hacken
https://www.dictu.nl/dictu
https://www.dictu.nl/organisatiestructuur
https://www.dictu.nl/werken-bij
https://www.dictu.nl/architectuur
https://www.dictu.nl/student
https://www.dictu.nl/interview-dana-van-der-toorn
https://www.dictu.nl/vacatures
https://www.dictu.nl/vacatures/technisch-beheerder-blueriq-beheer-0
https://www.dictu.nl/diensten
https://www.dictu.nl/diensten/app-services
https://www.dictu.nl/entry
Omvang van de analyse en beperkingen
Alle pagina's op dictu.nl.
Opdrachtgever
Dienst ICT Uitvoering
Onderzoeker
Vincent van Brakel
Gebruikte tools en browsers
Google Chrome (132), Firefox (135), Microsoft Edge (132), Stylus Chrome extensie, Resize Window Chrome extensie, Axe DevTools, Color contrast Analyzer
Managementsamenvatting
De website is over het algemeen goed te gebruiken door gebruikers van assisterende software.
Een van de grootst gevonden fouten is gerelateerd aan de niet-zichtbare focus die sommige elementen krijgen wanneer ze geselecteerd worden.
De andere gevonden punten zijn vooral verbeterpunten die de gebruiksvriendelijkheid van de website ten goede komen.
Sorteren
Inhoudsopgave
Prioriteit: Kritisch
Deze bevindingen hebben een grote impact op de gebruiksvriendelijkheid en toegankelijk van de website/ app. Sommige gebruikers worden buitengesloten als de bevindingen niet worden opgelost.
Drop down menu's niet beschikbaar met toetsenbord
ID:
Ally-6601
Prioriteit:
Kritisch
Status:
Open
Omschrijving en voorgestelde oplossing:
De drop down menu's die in de headernavigatie met de muis geopend kunnen worden, zijn niet toegankelijk via het toetsenbord. Wanneer een van de onderdelen via het toetsenbord geopend wordt, opent de pagina in plaats van het menu. Hierdoor kunnen toetsenbordgebruikers niet deze quick links benaderen. Zorg dat dit voor alle bezoekers toegankelijk is.
Knoppen homepage zonder zichtbare focus
ID:
Ally-6604
Prioriteit:
Kritisch
Status:
Open
Omschrijving en voorgestelde oplossing:
De knoppen 'Lees over dit nieuws' en 'werken bij ons', 'over DICTU' en 'Onze diensten' op pagina https://www.dictu.nl/ krijgen geen zichtbare focus wanneer deze geselecteerd worden via het toetsenbord. Hierdoor kan het onduidelijk zijn voor bezoekers welk gedeelte van de website zij momenteel selecteren.
Pagination onderaan pagina https://www.dictu.nl/actueel
ID:
Ally-6607
Prioriteit:
Kritisch
Status:
Open
Omschrijving en voorgestelde oplossing:
De pagination opties onderaan pagina https://www.dictu.nl/actueel krijgen geen zichtbare focus wanneer deze geselecteerd worden. Dit gaat ook fout op andere pagina's waar pagination staat, zoals op pagina https://www.dictu.nl/vacatures.
Opties voor filteren vacatures
ID:
Ally-6609
Prioriteit:
Kritisch
Status:
Open
Omschrijving en voorgestelde oplossing:
De twee filters voor het filteren van vacatures op pagina https://www.dictu.nl/werken-bij zijn programmatisch niet gekoppeld aan het visuele label. Hierdoor worden alleen de antwoorden opgelezen door schermlezers, niet het visuele label 'bekijk vacatures voor:'.
Prioriteit: Hoog
Deze bevdindingen hebben significante impact op de gebruiksvriendelijkheid van de website/ app.
Uitklapbare onderdelen headernavigatie
ID:
Ally-6602
Prioriteit:
Hoog
Status:
Open
Omschrijving en voorgestelde oplossing:
De drop down menu's van de headernavigatie kunnen met hover van de muis geopend worden. De uitgeklapte menu's overlappen de paginacontent.
Hierdoor moeten ze voldoen aan bepaalde eisen. Een daarvan is dat ze gesloten moeten kunnen worden via de escape-toets. Dit is momenteel niet mogelijk.
Drop down onderdelen headernavigatie
ID:
Ally-6603
Prioriteit:
Hoog
Status:
Open
Omschrijving en voorgestelde oplossing:
De drop down onderdelen van de headernavigatie kunnen geopend en gesloten worden. Omdat het attribuut niet via native HTML of het ARIA-expanded attribuut is gespecificeerd als geopend of gesloten, is de status van deze uitklapbare content mogelijk onduidelijk. Pas het ARIA-expanded attribuut correct toe.
Hamburgermenu kleinere schermen
ID:
Ally-6605
Prioriteit:
Hoog
Status:
Open
Omschrijving en voorgestelde oplossing:
Het hamburgermenu dat op kleinere schermen wordt getoond, is niet voorzien van het ARIA-expanded attribuut.
Prioriteit: Gemiddeld
Deze bevindingen maken het voor een specifieke groep gebruikers lastiger de website/ app te gebruiken.
Contrastverhouding skip mechanisme
ID:
Ally-6600
Prioriteit:
Gemiddeld
Status:
Open
Omschrijving en voorgestelde oplossing:
De witte tekst van het skipmechanisme dat voor gebruikers van toetsenbordnavigatie wordt weergeven, contrasteert niet voldoende met de gele achtergrondkleur (1,8:1). Zorg voor een contrastverhouding van minstens 3,0:1. Daarnaast is de tekst niet zichtbaar wanneer de knop focus krijgt, zie de tweede screenshot voor een voorbeeld.
Randen select veld zoekfunctie
ID:
Ally-6606
Prioriteit:
Gemiddeld
Status:
Open
Omschrijving en voorgestelde oplossing:
De randen van het select veld op pagina https://www.dictu.nl/actueel contrasteren niet voldoende met de achtergrond (1,6:1). Voorzie deze randen van een contrastverhouding van minstens 3,0:1.
Dit gaat ook fout op andere plekken waar een vergelijkbare zoekfunctie is, zoals bij de zoekbalk op pagina https://www.dictu.nl/vacatures/.
Lijst organisatiestructuur
ID:
Ally-6608
Prioriteit:
Gemiddeld
Status:
Open
Omschrijving en voorgestelde oplossing:
De HTML-lijst met de organisatiestructuur op pagina https://www.dictu.nl/organisatiestructuur is foutief opgemaakt in de code. Momenteel zijn de sub-onderdelen onder 'directie operatie' opgemaakt met het symbool van een bolletje, zie:
o Divisie Generieke Diensten.
Hierdoor is de semantiek van een lijst binnen een lijst niet duidelijk voor assisterende software. Vervang de lijst door bijvoorbeeld onderstaande lijst om deze semantiek voor meer bezoekers duidelijk te maken.
<ul>
<li>Directie Bedrijfsvoering</li>
<li>Directie Operatie
<ul>
<li>Divisie Generieke Diensten</li>
<li>Divisie Specifieke Toepassingen</li>
<li>Divisie Infrastructuur</li>
<li>Divisie KODA</li>
<li>Divisie Klantrelaties</li>
</ul>
</li>
<li>Directie Strategie & Cyber Security</li>
</ul>
Witregels via break-elementen
ID:
Ally-6613
Prioriteit:
Gemiddeld
Status:
Open
Omschrijving en voorgestelde oplossing:
Op pagina https://www.dictu.nl/vacatures/technisch-beheerder-blueriq-beheer-0 wordt bij het tussenkopje 'Bijzonderheden' een witregel opgemaakt via break-elementen. Deze worden door schermlezers als 'leeg' opgelezen. Voorzie deze styling door meerdere paragraaf elementen te gebruiken.
Prioriteit: Laag
Deze bevindingen moeten opgelost worden om het risico op toegankelijkheidsproblemen te minimaliseren.
Alternatieve tekst iconen
ID:
Ally-6610
Prioriteit:
Laag
Status:
Open
Omschrijving en voorgestelde oplossing:
De iconen onder de kop 'Kies jouw vakgebied' op pagina https://www.dictu.nl/werken-bij zijn voorzien van beschrijvende alternatieve teksten die overeenkomen met de tekst naast het icoon. HIerdoor wordt zowel de alternatieve tekst als de titel opgelezen, ook al zijn deze teksten hetzelfde. Voorzie de iconen van een lege alternatieve tekst zodat assisterende software deze overslaat.
Decoratieve afbeeldingen met alternatieve tekst
ID:
Ally-6611
Prioriteit:
Laag
Status:
Open
Omschrijving en voorgestelde oplossing:
Afbeeldingen die decoratief zijn, zoals onderstaande afbeelding van een slot op pagina https://www.dictu.nl/architectuur, zijn voorzien van een alternatieve tekst. In dit geval is dat 'slot'. Deze alternatieve tekst voegt niets toe voor gebruikers van assisterende software. Gebruik daarom een lege alternatieve tekst.