Issues:
Audit digitale toegankelijkheid website argonaut.nl
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | Argonaut |
|---|---|
| Datum | 8 januari 2026 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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: In de header, wanneer de zoekbalk geopend is, ontbreekt bij de knop 'X' om de zoekbalk te sluiten een tekstalternatief. Wanneer een knop alleen uit een afbeelding bestaat, moet de alternatieve tekst van de afbeelding de functie van de knop beschrijven. Voeg de beschrijving toe via een aria-label of een tekst die visueel verborgen is, maar toegankelijk voor de schermlezer.
Tijdens de hertest is vastgesteld dat het icoon om de zoekbalk te sluiten een tekstalternatief heeft gekregen. De toegankelijke naam van de knop is echter geworden "Open search". Deze naam verandert niet, ongeacht of de zoekbalk geopend of gesloten is, waardoor de functie van de knop niet correct wordt aangegeven.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 2: In de cookiebanner zijn de volgende teksten niet gemarkeerd als koppen: "Marketing", "Voorkeuren", "Noodzakelijk" en andere. Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er wel uitziet als kop, maar niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren, maar dat kan alleen als de kop ook echt in de code staat. Als koppen alleen visueel als kop zijn vormgegeven (bijvoorbeeld vetgedrukt), ontstaat bovendien nog een ander probleem: de structuur van de informatie in de code wijkt dan af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast.
Hetzelfde probleem doet zich voor in de footer bij de tekst "Parkeren", "Argonaut Amsterdam" en andere; op pagina https://argonaut.nl/ bij de tekst "Cliënten", "Gemeenten", "Centrale overheid" en andere teksten; op pagina https://argonaut.nl/themas/ voor de tekst "Zorg", "Inburgering", "Meedoen in de samenleving" en op andere pagina's
Op pagina https://argonaut.nl/contact/ zijn de volgende teksten onjuist gemarkeerd met een strong-element in plaats van HTML-koppen: "Bezoekadres", "Parkeren", "Postadres" en andere. Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een HTML-koppem, zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel.
Op pagina https://argonaut.nl/artsen-regio-groningen-friesland-drenthe/ wordt onder de kop ‘Artsen (Regio Groningen/Friesland/Drenthe)’ het strong-element ten onrechte gebruikt voor opmaakdoeleinden. Hele zinnen worden omgeven door het strong-element om ze vetgedrukt te maken. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS.
Op pagina https://argonaut.nl/werken-bij/collegas-aan-het-woord/adviserend-arts-leonie-giesen/ is de tekst "In mijn professionele rol stel ik op basis van de feiten een objectief advies op binnen de geldende kaders." geen kop, maar is deze ten onrechte gemarkeerd met een h2-element om de lettergrootte te vergroten. Het kop-element (h2) is niet betekenisvol gebruikt, maar alleen om een visueel effect te bereiken. De tekst die als kop is gemarkeerd, is geen echte kop. Er staat namelijk geen inhoud onder. Maar door het h2-element krijgt de tekst wel deze betekenis. Koppen zijn bedoeld om structuur te geven aan de informatie op een pagina. Mensen die schermlezers gebruiken, vertrouwen op de koppen om door de pagina te navigeren en de opbouw te begrijpen. Gebruik koppen daarom niet alleen om een visueel effect te bereiken, zoals een grotere, schuin- of vetgedrukte tekst. Zorg dat de tekst die je in een kop-element zet ook echt de functie van kop of tussenkop heeft. Verwijder het h2-element en gebruik een ander element, zoals een p-element. De gewenste stijl kun je met CSS toevoegen.
Bevinding 3: In het PDF-document op https://argonaut.nl/wp-content/uploads/2025/02/Klachtenpublicatie-2024.pdf op pagina 1 is de tabel een gegevenstabel. De juiste opmaak ontbreekt. Bij een datatabel moeten speciale tags toegevoegd worden voor de tabelkoppen. Dan begrijpen schermlezers de relatie tussen de kop en onderliggende datacellen. Markeer de cellen in de koprij van de tabel met TH-tags en de datacellen met TD-tags.
Bevinding 4: Het PDF-document op https://argonaut.nl/wp-content/uploads/2025/02/Klachtenpublicatie-2024.pdf is gedeeltelijk getagd. De kop "Klachtenpublicatie 2024" en de paragraaf daaronder zijn niet getagd. Dit deel van het document kunnen wij hierdoor niet onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen. Bijvoorbeeld met de tekstlabels voor de formuliervelden, maar ook de relaties van de formuliervelden met de kolomkoppen erboven.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 5: Het pdf-document https://argonaut.nl/wp-content/uploads/2025/02/Klachtenpublicatie-2024.pdf heeft geen titel ingesteld in de bestandseigenschappen.
Zelfs als er een titel op de eerste pagina staat, moet ook in de pdf-instellingen een documenttitel ingesteld worden. Als een pdf geopend wordt in een pdf-lezer (zoals Adobe Acrobat of een browser), staat de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als een documenttitel in de pdf-metadata is ingesteld, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan aangepast worden in de bestandseigenschappen van het bronbestand of van het pdf-document.
Hetzelfde probleem doet zich voor bij het pdf-document op https://argonaut.nl/wp-content/uploads/2024/03/Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf.
2.4.3 Focus volgorde (Niveau A)
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevinding 6: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiebanner. Deze banner krijgt echter niet als eerste de toetsenbordfocus, terwijl dat wel zou moeten. De banner bedekt de inhoud van de pagina en als de toetsenbordfocus niet eerst daarheen gaat, kunnen bezoekers die alleen met het toetsenbord navigeren het bericht niet sluiten. Om deze banner te sluiten, moet de bezoeker met de tab-toets helemaal naar de onderkant van de pagina gaan. Zorg dat de focus als eerste naar de cookiebanner gaat.
Na het openen van de cookiebanner komt de toetsenbordfocus op onzichtbare interactieve elementen terecht vóór de link "Privacyverklaring". De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen (links, knoppen, formuliervelden). Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 7: In de cookiebanner staan onder de kop 'Deze website maakt gebruik van cookies' twee verborgen links die geen inhoud hebben en daarom geen duidelijk linkdoel hebben. Om dit op te lossen moet de link content krijgen. Dit kan bijvoorbeeld door een tekst toe te voegen in het a-element of door een aria-label toe te voegen. Zorg dat alle links een duidelijk linkdoel hebben.
2.5 Input modaliteiten
2.5.3 Label in naam (Niveau A)
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Onvoldoende
Bevinding 8: Op pagina https://argonaut.nl/ fungeren afbeeldingen onder de kop "Onze partners" als links, maar de tekstalternatieven ontbreken, waardoor de links ontoegankelijk zijn. Deze afbeeldingen zijn dus interactief. Er is geen tekstalternatief. Daardoor kan de zichtbare tekst niet gebruikt worden om deze links te bedienen met spraakbedieningssoftware. Om deze links toegankelijk te maken, moeten de afbeeldingen een tekstalternatief krijgen dat de visueel zichtbare tekst bevat.
Hetzelfde probleem doet zich voor in de footer bij het logo van "House of Cohedron" en mogelijk ook op andere plaatsen. Tijdens de hertest is vastgesteld dat de links toegankelijke namen hebben, maar dat niet alle zichtbare tekst is opgenomen in de naam. Zo is de zichtbare tekst op het logo "NSPOH we teach health", maar de toegankelijke naam van de link is "Link naar website NSPOH. NSPOH is een opleidingsinstituut voor postacademisch en post-hbo onderwijs binnen sociale geneeskunde. Bezoek https://www.nspoh.nl/", waardoor de tekst "we teach health" niet is opgenomen in de naam en niet kan worden gebruikt voor spraakactivatie van de link.
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 9: In de header van de website hebben verschillende links van het hoofdmenu een submenu, bijvoorbeeld de link "Doelgroepen". Een blinde bezoeker krijgt geen informatie over of het submenu open of gesloten is. Als er een link is die een submenu kan tonen of verbergen, dan moet hulpsoftware de staat van dat submenu (zichtbaar of verborgen) kunnen bepalen. Daarvoor kan het aria-expanded-attribuut gebruikt worden.
Hetzelfde probleem doet zich voor bij het menu op een klein scherm. Tijdens de hercontrole is gebleken dat het menu op de desktop weergave is gefixt, maar in het mobiele menu nog steeds dezelfde probleem te zien is.
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
- Home:
https://argonaut.nl/ - Contact:
https://argonaut.nl/contact/ - Zoekresultaten:
https://argonaut.nl/?s=argonaut&submit=Zoek - Doelgroepen:
https://argonaut.nl/doelgroepen/ - Gehandicaptenparkeerkaart:
https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ - Inburgering:
https://argonaut.nl/themas/inburgering/ - De drie pijlers:
https://argonaut.nl/themas/ - Vacatures:
https://argonaut.nl/werken-bij/vacatures/ - Arts:
https://argonaut.nl/artsen-regio-groningen-friesland-drenthe/ - Adviserend Arts Leonie Giesen:
https://argonaut.nl/werken-bij/collegas-aan-het-woord/adviserend-arts-leonie-giesen/ - Over ons:
https://argonaut.nl/over-ons/ - Klachten publicaties:
https://argonaut.nl/klachten-publicaties/ - Klachtenpublicatie-2024.pdf:
https://argonaut.nl/wp-content/uploads/2025/02/Klachtenpublicatie-2024.pdf - Handreiking geluid- en beeldopnames:
https://argonaut.nl/doelgroepen/clienten/handreiking-geluid-en-beeldopnames/ - Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf:
https://argonaut.nl/wp-content/uploads/2024/03/Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.