Rapport:
Audit digitale toegankelijkheid website argonaut.nl

Uitkomst: Onvoldoende

Bevindingen: In het hoofdmenu hebben sommige links pijltje om submenu's aan te geven, maar deze pictogrammen hebben geen alternatieve tekst. Het pijltje is een afbeelding die informatie overdraagt ('er is een submenu'). Deze informatie moet ook beschikbaar zijn voor bezoekers die de afbeelding niet kunnen zien. Dat is op dit moment niet zo omdat alternatieve tekst ontbreekt. Dit kan opgelost worden door een alternatieve tekst toe te voegen, of door gebruik te maken van het aria-expanded-attribuut om deze informatie op een niet-visuele manier over te brengen.

Op een klein scherm verschijnt een menuknop, het 'hamburger'-pictogram met drie horizontale lijnen. Dit pictogram is een informatieve afbeelding die als pseudo-element is toegevoegd en er is geen tekstalternatief voorzien. Dit pictogram functioneert als een knop, wat tot gevolg heeft dat deze knop geen toegankelijke inhoud heeft, waardoor de functie ervan onduidelijk is. Dit is ook in strijd met WCAG-succescriterium 4.1.2, aangezien de knop geen toegankelijke naam heeft. Voeg de beschrijving toe met behulp van een aria-label, of tekst die visueel verborgen is maar toegankelijk is voor de schermlezer.

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.
Een soortgelijk probleem doet zich voor in het dialoogvenster 'Toegankelijkheid': de knop 'Sluiten' heeft geen alternatieve tekst. Dit kan vaker voorkomen. Zie ook succescriterium 4.1.2.

Op pagina https://argonaut.nl/ onder de kop 'Brightplan, ons cliëntvolgsysteem' staat een informatieve afbeelding met een leeg alt-attribuut. Afbeeldingen die informatie overdragen moeten een tekstalternatief hebben. De alternatieve tekst mag dus niet leeg zijn. Hierdoor kan een schermlezer de informatie uit de afbeelding overbrengen aan een blinde bezoeker. Voeg een beschrijvende alternatieve tekst toe aan het alt-attribuut.
Hetzelfde probleem doet zich voor op pagina https://argonaut.nl/over-ons/ voor de afbeelding onder de kop "Onze Purpose Boom"; op pagina https://argonaut.nl/doelgroepen/clienten/handreiking-geluid-en-beeldopnames/ voor de afbeelding aan het einde van het artikel.

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 heeft de link geen inhoud (zie ook succescriteria 2.4.4 en 4.1.2). Om deze links toegankelijk te maken, moeten de afbeeldingen een tekstalternatief krijgen dat het linkdoel beschrijft. Zo weten bezoekers die schermlezers gebruiken waar de links naartoe leiden.
Hetzelfde probleem doet zich voor in de voettekst bij het LinkedIn-logo en het logo van "House of Cohedron"; op https://argonaut.nl/?s=argonaut&submit=Zoek voor de pictogrammen met links naar de volgende en laatste pagina.

Op pagina https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ onder de kop "Medische gegevens opsturen” zijn secties met verborgen inhoud aanwezig. Het pluspictogram dat de aanwezigheid van de verborgen inhoud aangeeft, mist een tekstalternatief. Daardoor weten schermlezers niet dat hier verborgen content aanwezig is. Deze informatie is niet aanwezig in de vorm van een aria-expanded-attribuut of een verborgen tekst.

Op pagina https://argonaut.nl/doelgroepen/clienten/handreiking-geluid-en-beeldopnames/ staat aan het einde van het artikel een informatieve afbeelding met veel tekst, die geen alt-attribuut heeft. Complexe afbeeldingen zoals infographics en schema’s bevatten veel informatie die niet binnen de 150 karakters van de alternatieve tekst past. Deze informatie kan toegankelijk gemaakt worden door twee tekstalternatieven te bieden: een korte en een lange beschrijving. De korte beschrijving, meestal de alternatieve tekst, moet de locatie van de lange beschrijving aangeven. De lange beschrijving kan als tekst op de pagina zelf geplaatst worden, maar deze mag ook op een andere pagina of in een downloadbaar bestand staan.

Het pdf-document op https://argonaut.nl/wp-content/uploads/2024/03/Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf bevat een logo zonder tekstalternatief (alt-tekst). Afbeeldingen die met de Figure-tag zijn geplaatst, moeten altijd een beschrijving (alt-tekst) hebben. Schermlezers lezen de alt-tekst voor, zodat blinde bezoekers ook alle informatie tot zich kunnen nemen. Omdat de alt-tekst nu ontbreekt, lezen schermlezers alleen “afbeelding” voor. Blinde bezoekers kunnen hierdoor het gevoel krijgen dat ze inhoud missen. Voeg een tekstalternatief toe aan deze informatieve afbeelding die omschrijft wat er te zien is. Bijvoorbeeld: "Logo Argonaut".

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: 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/?s=argonaut&submit=Zoek staat paginering onder de zoekresultaten waarin de huidige paginanummer alleen visueel te onderscheiden is van de rest. Deze informatie is afwezig in de HTML-code. Hierdoor kan een schermlezer deze informatie niet doorgeven aan de bezoeker. Dit kan opgelost worden door een verborgen tekst aan de link toe te voegen, of door het aria-current-attribuut te gebruiken.
Hetzelfde probleem doet zich voor bij de paginering op https://argonaut.nl/werken-bij/vacatures/.

Op pagina https://argonaut.nl/?s=argonaut&submit=Zoek zijn de pagineringlinks onder de zoekresultaten visueel gegroepeerd, maar deze groepering is niet aanwezig in de HTML-structuur. Als het voor een ziende bezoeker duidelijk is dat een groep links, zoals de paginering, bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn. Neem de elementen bijvoorbeeld op in een ul- of ol-element.
Hetzelfde probleem doet zich voor bij de paginering op https://argonaut.nl/werken-bij/vacatures/.

Op pagina https://argonaut.nl/doelgroepen/ wordt onder de kop "Samen komen we verder" 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.
Hetzelfde probleem doet zich voor op de pagina https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ onder de kop ‘Gehandicaptenparkeerkaart’ en op de pagina https://argonaut.nl/artsen-regio-groningen-friesland-drenthe/ onder de kop ‘Artsen (Regio Groningen/Friesland/Drenthe)’.

Op pagina https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ is onder de kop "Medische gegevens opsturen”, een sectie met verborgen inhoud aanwezig, Elementen die verborgen inhoud openen en sluiten zijn niet gemarkeerd als koppen. De teksten waarmee je delen van een accordeon kunt inklappen en uitklappen, doen dienst als koppen voor die delen. Daarom moeten deze teksten ook de rol van kop hebben. Het gaat verkeerd als deze teksten niet in de code als kop zijn gemarkeerd met een HTML-kop zoals h2 of h3. Markeer deze teksten als kop of zorg dat de bestaande rol van kop niet wordt overschreven.

Op pagina https://argonaut.nl/artsen-regio-groningen-friesland-drenthe/, onder de kop "Enthousiast geworden over de vacature?", wordt het em-element ten onrechte gebruikt voor stylingdoeleinden. Het em-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 (cursieve 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.

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.

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.

In het pdf-document op https://argonaut.nl/wp-content/uploads/2024/03/ Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf staan verschillende kopjes die niet als kopjes zijn gemarkeerd. Zie bijvoorbeeld 'Medisch advies ontheffing Naturalisatietoets', 'Handtekening', 'Opsturen' en meer. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de P-tag door een H1 of H2-tag, zodat de tag-structuur gelijk is aan de visuele structuur.

In het pdf-document op https://argonaut.nl/wp-content/uploads/2024/03/ Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf worden verschillende gegevenstabellen gebruikt om bepaalde tekst een kolomindeling te geven. In deze situatie mag geen gegevenstabel worden gebruikt. Er zijn tags gebruikt die alleen bedoeld zijn voor een datatabel, namelijk th-tags. Deze mogen niet aanwezig zijn in een lay-outtabel. Dit kan verwarrend zijn voor blinde bezoekers, omdat deze tags het idee geven dat er een relatie is tussen de informatie in de verschillende cellen van de tabel, terwijl dit niet zo is.

In het pdf-document op https://argonaut.nl/wp-content/uploads/2024/03/ Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf staat onder 'Graag de volgende zaken meesturen met het aanvraagformulier' een opsommingslijst met twee onderdelen. Dit is niet als een lijst (L-, LI- en LBody-tags) opgemaakt. Daarnaast is de tekst 'Kopie geldige verblijfsvergunning' in de tags onderdeel geworden van de zin erboven en dat klopt niet. Een vergelijkbaar probleem komt voor bij de selectievakjes onder 'Voorwaarden...' en 'Hoe wilt u betalen...'.

Uitkomst: Voldoende

Bevindingen: Advies: in het pdf-document op https://argonaut.nl/wp-content/uploads/2024/03/ Aanvraagformulier-medisch-advies-ontheffing-naturalisatietoets-Argonaut-Advies-V01-2022.pdf staat de content vanaf 'Handtekening' in de tags vóór 'Hoe wilt u betalen...', 'Opsturen' en 'Let op...'. Het is echter gebruikelijker dat de handtekening helemaal aan het eind van een document staat. Mensen die hulpsoftware gebruiken (bijvoorbeeld voorleessoftware) kunnen daardoor missen dat er eigenlijk nog content onder staat. Dit wordt nu niet afgekeurd, maar dit aanpassen kan wel de gebruiksvriendelijkheid verbeteren.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://argonaut.nl/contact/ ontbreekt bij een formulier met invoervelden voor persoonlijke gegevens (bijvoorbeeld naam, e-mailadres, telefoonnummer) het autocomplete-attribuut. Invoervelden voor persoonlijke informatie zoals naam, organisatie, e-mailadres en telefoonnummer moeten het autocomplete-attribuut hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie in moet worden gevuld. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.
Hetzelfde probleem doet zich voor bij het formulier op https://argonaut.nl/doelgroepen/, https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/, https://argonaut.nl/themas/inburgering/ en op andere pagina's.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De website beschikt over een knop om het contrast van de site te verbeteren. Deze knop is momenteel echter niet toegankelijk. Daarom wordt de website geëvalueerd zonder gebruik te maken van de modus met hoog contrast.

In de header van de website staat een knop 'Contact' met witte tekst op een oranje achtergrond (HEX #FA5A00). De kleurcontrastverhouding is te laag: 3,2:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.
Hetzelfde probleem doet zich voor op de pagina https://argonaut.nl/ voor de knop "Lees meer" onder "Wie zijn wij"; op de pagina https://argonaut.nl/contact/ voor de knop "Deel uw ervaring"; op de pagina https://argonaut.nl/themas/inburgering/ voor de knop "Aanvraagformulier" en op andere pagina's.

Op pagina https://argonaut.nl/ staat in de footer groene tekst (HEX #8CC8BE) op een groene achtergrond (HEX #005B60). De kleurcontrastverhouding is te laag: 4,2:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

Op pagina https://argonaut.nl/?s=argonaut&submit=Zoek bevindt zich een zoekbalk. Deze heeft onvoldoende kleurcontrast voor de placeholder tekst met een zoekopdrachtwoord. De lichtblauwe placeholder tekst (HEX #7FACAF) tegen de witte achtergrond heeft een contrastverhouding van 2,5:1, wat lager is dan de vereiste 4,5:1 voor standaardtekst. Het moet minimaal 4,5:1 zijn.

Vergelijkbare problemen kunnen ook op andere plaatsen voorkomen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer de pagina https://argonaut.nl/artsen-regio-groningen-friesland-drenthe/ wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en ingezoomd tot 400%, gaat de volgende tekst gedeeltelijk verloren: “Kunst (Regio Groningen/Friesland/Drenthe)”. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Wanneer de pagina https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ op een klein scherm wordt bekeken, verschijnt er een schuifbalk onder het gedeelte met stappen. Horizontaal scrollen is niet toegestaan, ook niet als de viewport is ingesteld of ingezoomd op 320 CSS-pixels breed (voor verticale inhoud) of 256 CSS-pixels hoog (voor horizontale inhoud). Zorg ervoor dat de tekst binnen het scherm past. Alleen als scrollen in beide richtingen echt nodig is voor de betekenis of het gebruik van de inhoud mag het wel. Uitzonderingen zijn tabellen, betekenisvolle afbeeldingen en kaarten. Deze moeten leesbaar blijven, dus binnen deze elementen mag je wel scrollen.
Hetzelfde probleem doet zich voor op pagina https://argonaut.nl/werken-bij/vacatures/ onder de kop "Ons sollicitatieproces".

Op pagina https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ is het woord 'Gehandicaptenparkeerkaart' te breed en wordt het niet afgebroken, waardoor het buiten de rechterrand van het scherm valt. Bezoekers moeten daarom horizontaal scrollen om het volledige woord te kunnen lezen. Als een lang woord niet binnen beeld past bij een scherm van 320 pixels, moet het worden afgebroken. Er mag geen horizontale scrollbar komen. Los dit bijvoorbeeld op met de CSS-eigenschap word-break.

Uitkomst: Onvoldoende

Bevindingen: De website beschikt over een knop om het contrast van de site te verbeteren. Deze knop is echter niet toegankelijk. Daarom wordt de website geëvalueerd zonder gebruik te maken van de modus met hoog contrast.

Op pagina https://argonaut.nl/contact/, onder het kopje "Wat kunnen we voor u betekenen?", staat een formulier. De invoervelden in dit formulier hebben een contrastverhouding tussen de groene rand (HEX #B6CFD2) en de achtergrond van de pagina van 1,6:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.
Hetzelfde probleem doet zich voor bij het formulier op https://argonaut.nl/doelgroepen/, https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/, https://argonaut.nl/themas/inburgering/ en op andere pagina's.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de header van de website zijn de submenu's in het menu niet toegankelijk via het toetsenbord. Zorg dat submenu’s met het toetsenbord kunnen worden geopend en gebruikt, en dat de informatie in deze submenu’s toegankelijk is voor alle bezoekers. De pagina’s die de hoofdnavigatie-items openen, bevatten namelijk niet alle informatie die in de submenu’s staat.
Hetzelfde probleem doet zich voor bij de zoekbalk. Deze kan worden geopend door op de zoekknop in de koptekst te klikken, maar dit kan niet met alleen het toetsenbord worden gedaan.

In de header van de website is de knop 'Sluiten' niet toegankelijk via het toetsenbord wanneer de zoekbalk is geopend. Zorg dat de knop zowel met de spatiebalk als de Enter-toets bediend kan worden. Hetzelfde probleem doet zich voor bij de knop "Toegankelijkheid" in de koptekst, bij alle interactieve elementen zoals schakelaars en knoppen in het dialoogvenster 'Toegankelijkheid'. Zie ook succescriterium 4.1.2.

Op een klein scherm verschijnt een zoekknop en een menuknop, het 'hamburger'-pictogram met drie horizontale lijnen. Deze zijn beide niet met alleen het toetsenbord te bedienen. Dit komt waarschijnlijk omdat ze geen rol hebben, zie ook succescriterium 4.1.2.

Op pagina https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ zijn onder de kop "Medische gegevens opsturen” accordeon-componenten aanwezig, maar deze zijn niet toegankelijk via het toetsenbord. Sommige bezoekers gebruiken alleen een toetsenbord om te navigeren en geen muis. Zij moeten alle klikbare onderdelen van de website gewoon kunnen gebruiken. Daaronder vallen bijvoorbeeld links, knoppen, formulieren, keuzelijsten, tabbladen, sliders en accordeons. Zorg dat alles wat aanklikbaar is, ook werkt met het toetsenbord. Zie ook succescriterium 4.1.2.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://argonaut.nl/ wordt op een klein scherm een animatie getoond onder de kop "Onze partners" die automatisch wordt afgespeeld en niet kan worden gepauzeerd of gestopt. Het kan storend zijn voor mensen met een cognitieve beperking als een video, GIF of animatie op een website automatisch gaat spelen. De bewegende inhoud zorgt voortdurend voor afleiding terwijl ze de tekst op de pagina proberen te lezen. Daarom moet er een manier zijn voor bezoekers om dit soort multimedia te stoppen, pauzeren of verbergen. Dit geldt voor alle bewegende, knipperende, scrollende of automatisch actualiserende content die tegelijk met andere informatie wordt getoond, automatisch start en langer dan 5 seconden speelt.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: De pagina's van de website hebben geen skiplink. Er moet een manier zijn om delen van een pagina over te slaan, zoals het navigatiemenu en andere elementen die op meerdere pagina’s terugkomen. Hiervoor wordt doorgaans een skiplink gebruikt. Daarmee kunnen bezoekers vaste blokken met herhalende inhoud overslaan. Een skiplink moet de eerste link op de pagina zijn. Deze link mag verborgen zijn, maar moet zichtbaar worden zodra hij focus krijgt. Voeg een skiplink toe waarmee bezoekers herhalende delen van de pagina over kunnen slaan.

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: 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.

In de header opent de knop met de tekst 'Toegankelijkheid' een modaal dialoogvenster. De toetsenbordfocus wordt echter niet automatisch in het dialoogvenster geplaatst wanneer dit wordt geopend. Zorg dat de focusvolgorde logisch blijft, door deze naar de nieuwe inhoud te verplaatsen.

In de header heeft een sectie met een verborgen zoekbalk een probleem met de focusvolgorde. Het invoerveld en de verzendknop in de ingeklapte zoekbalk krijgen nog steeds de toetsenbordfocus, ook al zijn ze niet zichtbaar. Dit is verwarrend voor bezoekers die met het toetsenbord navigeren en daarbij naar het scherm kijken. Zorg dat elementen die niet zichtbaar zijn geen toetsenbordfocus krijgen.

Uitkomst: Onvoldoende

Bevindingen: 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.

In de footer van de website staat een LinkedIn-logo dat als link fungeert, maar het bevat alleen een visueel pictogram in een i-element zonder toegankelijk label, waardoor het doel ervan onduidelijk is voor gebruikers van schermlezers. Dit kan worden opgelost door een aria-label, visueel verborgen beschrijvende tekst of een andere toegankelijke naam aan de pictogramlink toe te voegen. Er zijn ook andere oplossingen mogelijk.
Hetzelfde probleem doet zich voor bij de pictogrammen met links naar de volgende en vorige pagina op https://argonaut.nl/?s=argonaut&submit=Zoek; op pagina https://argonaut.nl/artsen-regio-groningen-friesland-drenthe/ voor het mailpictogram onder de kop "Kunst (Regio Groningen/Friesland/Drenthe)".

Op pagina https://argonaut.nl/ fungeren afbeeldingen onder "Onze partners" als links, maar het alt-attribuut is leeg (alt=""), waardoor de afbeelding niet zichtbaar is voor schermlezers. Daardoor heeft deze link geen inhoud en is het onduidelijk naar welke bestemming de link verwijst. Dit probleem is gerelateerd aan succescriterium 4.1.2, want de link heeft hierdoor ook geen toegankelijke naam. Dit kan worden opgelost door een alt-tekst aan de afbeelding toe te voegen. Andere oplossingen zijn mogelijk.
Hetzelfde probleem doet zich voor in de voettekst bij het logo 'House of Cohedron'.

Op pagina https://argonaut.nl/?s=argonaut&submit=Zoek ontbreekt voldoende context bij de links in de paginering. Terwijl ziende gebruikers begrijpen dat "1", "2", "3", enz. paginanummers zijn, is dit niet duidelijk voor gebruikers met een slecht gezichtsvermogen of gebruikers van schermlezers. Voor ziende bezoekers is het duidelijk dat dit paginanummers zijn, maar voor slechtziende bezoekers en bezoekers die een schermlezer gebruiken, is het niet altijd duidelijk dat dit links naar volgende pagina’s zijn. Dit kan verbeterd worden door de linkteksten aan te vullen met het (visueel verborgen) woord ‘pagina’.
Hetzelfde probleem doet zich voor bij de paginering op https://argonaut.nl/werken-bij/vacatures/.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van deze website is de standaardtoetsenbordfocusstijl verwijderd van links, knoppen en invoervelden. Er zijn geen aangepaste focusindicatoren als alternatief aangeboden. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen. Haal outline:none weg of voeg een eigen toegankelijke focusindicator toe. Een eigen focusindicator moet onder andere in alle situaties voldoende contrast hebben.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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 voettekst bij het logo van "House of Cohedron" en mogelijk ook op andere plaatsen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://argonaut.nl/contact/ geeft het formulier de foutmelding "Dit veld is vereist." weer. Dit is een instructie, geen foutmelding. Een goede foutmelding maakt duidelijk dat er een fout is gemaakt, en geeft aan waar de fout zit. Vaak staat er een ontkenning in. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld".
Hetzelfde probleem doet zich voor bij het formulier op https://argonaut.nl/doelgroepen/, https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/, https://argonaut.nl/themas/inburgering/ en op andere pagina's.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de header staat de knop 'Toegankelijkheid'. Deze knop heeft geen rol, waardoor gebruikers van hulpsoftware niet weten wat dit is. Daarnaast zorgt dit ervoor dat het niet met het toetsenbord te bedienen is (zie succescriterium 2.1.1). Maak hier een button-element van.
Let op: alleen het toevoegen van role="button" zorgt nog niet voor toetsenbordtoegankelijkheid.

In de header van de website opent een knop met de tekst 'Toegankelijkheid' een dialoogvenster. Dit dialoogvenster mist zowel een juiste ARIA-rol als een toegankelijke naam. Schermlezers kunnen hierdoor niet doorgeven dat het om een dialoogvenster gaat, en wat de inhoud ervan is. Dit kan opgelost worden door twee attributen toe te voegen aan het dialoogvenster: een aria-label met een duidelijke beschrijving van de inhoud (aria-label="Beschrijving van de inhoud") en role="dialog".
In dit dialoogvenster staan twee interactieve elementen die ook niet door de schermlezer worden voorgelezen.

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.

In de header van de website is het zoekelement een knop, maar deze heeft niet de juiste toegankelijke rol. Hierdoor kunnen schermlezers niet doorgeven dat het om een knop gaat. Blinde bezoekers weten dus niet dat op dit element geklikt kan worden. Het gevolg is dat alle content die met deze knop kan worden geopend, ook niet toegankelijk is. Zorg dat de knop de juiste toegankelijke rol heeft.
Hetzelfde probleem doet zich voor bij de knop voor het sluiten van de zoekopdracht, met de knop "Toegankelijkheid" in de koptekst; met knoppen voor het dialoogvenster "Toegankelijkheid" zoals sluiten, "Annuleren", "Opslaan".

Op een klein scherm missen de zoekknop en de menuknop bovenaan de juiste toegankelijke rol. Hierdoor kunnen ondersteunende technologieën deze knoppen niet herkennen als knop. De juiste rol zou “button” (knop) moeten zijn, omdat er een actie mee wordt uitgevoerd: het openen of sluiten van de zoekfunctie of het menu. Als de knoppen niet de juiste rol hebben, kan een schermlezer of ander hulpmiddel de knoppen niet goed herkennen, waardoor deze moeilijker te gebruiken zijn voor mensen die deze hulptechnologie gebruiken. Zorg er daarom voor dat de knoppen de juiste rol krijgen, door het button-element ervoor te gebruiken.
Let op: alleen het toevoegen van role="button" zorgt nog niet voor toetsenbordtoegankelijkheid.

Op een klein scherm verschijnt een menuknop, het 'hamburger'-pictogram met drie horizontale lijnen. Dit pictogram functioneert als een knop, maar heeft geen toegankelijke naam. Voeg de beschrijving toe met behulp van een aria-label of tekst die visueel verborgen is maar toegankelijk is voor de schermlezer. Zie ook succescriterium 1.1.1.

In de header, wanneer de zoekbalk geopend is, ontbreekt bij de knop 'X' om de zoekbalk te sluiten een naam. Voeg de beschrijving toe via een aria-label of een tekst die visueel verborgen is, maar toegankelijk voor de schermlezer.
Een soortgelijk probleem doet zich voor in het dialoogvenster 'Toegankelijkheid': de knop 'Sluiten' heeft geen naam. Dit kan vaker voorkomen. Zie ook succescriterium 1.1.1.

Op pagina https://argonaut.nl/ fungeren de afbeeldingen onder de kop "Onze partners" als links, maar hebben ze geen toegankelijke namen. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de links. Geef deze links een toegankelijke naam die het doel van de links beschrijft.
Hetzelfde probleem doet zich voor in de voettekst bij het LinkedIn-logo en het logo van "House of Cohedron" en mogelijk op andere plaatsen.

Op pagina https://argonaut.nl/doelgroepen/clienten/gehandicaptenparkeerkaart/ zijn onder de kop “Medische gegevens opsturen” accordeon-componenten aanwezig. Knoppen in deze componenten, zoals ”Medische gegevens opsturen“ en ”Bent u verhinderd?", hebben niet de juiste toegankelijke rol. Elk HTML-element heeft standaard een rol. Dit betekent dat het element bepaalde eigenschappen en functies heeft om informatie aan de bezoeker te geven of om informatie van de bezoeker te ontvangen. De rol bepaalt dus wat het element doet. Schermlezers en andere hulpmiddelen moeten de correcte rol van elk element op een webpagina kennen. Zo kunnen ze op een slimme manier met het element omgaan en aan de bezoeker uitleggen wat het element doet. Zorg dat de knop de juiste toegankelijke rol heeft. Zie https://www.w3.org/WAI/ARIA/apg/patterns/accordion/ voor meer informatie.

Uitkomst: Niet aanwezig