Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website AVL

(Alleen de bevindingen)

Scope van de evaluatie

Naam website AVL
Datum 13 januari 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op avl.nl.
  • Alle PDF's op avl.nl.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website, zoals bijvoorbeeld mijnavl.avl.nl.
  • 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: 119

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 alle webpagina's staat bovenin een header met daarin het logo "Antoni van Leeuwenhoek - Nederlands Kanker Instituut". Deze informatieve afbeelding heeft geen tekstalternatief. Geef het svg-element een naam via het title-element of een aria-label, bijvoorbeeld "Logo Antoni van Leeuwenhoek - Nederlands Kanker Instituut". Dit geldt ook voor het logo in de footer. Zie ook succescriterium 2.5.3.

Bevinding 2: Op alle webpagina's staat bovenin een header met daarin een knop voor het wisselen van de taal. In deze knop staat een afbeelding van een vlag. Deze afbeelding heeft geen tekstalternatief en dit is ook niet nodig omdat het om een decoratieve afbeelding gaat. Maar de afbeelding heeft wel een leeg alt-attribuut (alt="") nodig, zodat hulpsoftware weet dat de afbeelding genegeerd kan worden.

Bevinding 3: Op pagina https://www.avl.nl/voorbereiding-afspraak/wachttijden/ staat onder "Wachttijd tot operatie" een informatieve afbeelding van een schema. Deze afbeelding heeft geen tekstalternatief, waardoor deze informatie niet beschikbaar is voor bezoekers die het scherm niet kunnen zien. Dit schema lijkt een visuele weergave te zijn van de tekst op de pagina, maar niet alle tekst op de afbeelding komt terug in de tekst op de pagina, bijvoorbeeld "multidisciplinair". Zorg ervoor dat alle tekst in de afbeelding op de pagina staat en geef de afbeelding een kort tekstalternatief dat aangeeft dat dit een visuele weergave is van de tekst op de pagina.

Bevinding 4: Op pagina https://www.avl.nl/alles-over-kanker/overzicht-van-alle-behandelingen/beeldgestuurde-therapie/ staan in de tekst, onder "Behandeling" en onder "Toekomstverwachting", twee informatieve afbeeldingen zonder tekstalternatief. Hierdoor is deze informatie niet beschikbaar voor bezoekers die het scherm niet kunnen zien. Voeg een beschrijvende alternatieve tekst toe aan de afbeeldingen of schrijf de tekst uit op de pagina. De tekst in deze afbeeldingen is overigens ook onduidelijk voor mensen zonder visuele beperking.

Bevinding 5: Op pagina https://www.avl.nl/alles-over-kanker/overzicht-van-alle-behandelingen/beeldgestuurde-therapie/ staat bovenaan een grote achtergrondafbeelding met het tekstalternatief "MR Linac 02 beeldgestuurd". Dit is geen duidelijke beschrijving van wat op de afbeelding staat. Deze afbeelding is decoratief en heeft daarom geen alternatieve tekst nodig. Het is daarom beter om de alternatieve tekst leeg te maken (alt=""). De afbeelding moet wel een leeg alt-attribuut in het img-element hebben. Dit probleem komt vaker voor, bijvoorbeeld op https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/wachttijden/.

Bevinding 6: Op pagina's https://www.avl.nl/nieuwsberichten/ en https://www.avl.nl/zoeken/?search=kanker staan decoratieve afbeeldingen vóór de resultaten. Deze hebben niet altijd een goed tekstalternatief. Bijvoorbeeld "Liggende foto LI" en "DSC0902". Deze afbeeldingen zijn decoratief en hebben daarom geen alternatieve tekst nodig. Het is beter om de alternatieve tekst leeg te maken (alt=""). De afbeeldingen moeten wel een leeg alt-attribuut in het img-element hebben. Dit probleem komt vaker voor, bijvoorbeeld op pagina https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/ onder "Onderzoek & diagnose", "Behandeling darmkanker", "Lees meer over" en "Nieuws".

Bevinding 7: In de PDF op pagina https://www.avl.nl/media/6607/230118-klachten-folder-4p-versie2.pdf staat op pagina's 1 en 4 het logo van Antoni van Leeuwenhoek. Dit zijn informatieve afbeeldingen die nu niet getagd zijn en daardoor genegeerd worden (zie ook succescriterium 1.3.1). Er moet een tekstalternatief komen voor deze informatieve afbeeldingen. Bijvoorbeeld door de afbeeldingen toe te voegen aan de tags en deze een tekstalternatief te geven. De informatie over de afzender van dit document mag ook op een andere manier beschikbaar komen.

Bevinding 8: In de PDF op pagina https://www.avl.nl/media/6607/230118-klachten-folder-4p-versie2.pdf staat op pagina 1 een decoratieve afbeelding boven de titel. Deze afbeelding heeft geen beschrijving en is niet als artefact aangemerkt. Deze decoratieve afbeelding moet als artefact worden opgemaakt, zodat deze verborgen kan worden voor hulpsoftware.

Bevinding 9: Advies: De PDF op pagina https://www.avl.nl/media/3211/022818_adv_avl_infographic_darmkanker_rgb.pdf is niet voorzien van tags, zie succescriterium 1.3.1. Dit houdt onder andere in dat alle afbeeldingen worden genegeerd door hulpsoftware. Informatieve afbeeldingen, zoals het logo onderaan, hebben echter wel een tekstalternatief nodig, zodat deze informatie ook beschikbaar is voor gebruikers die dit niet kunnen zien. Dit kan nu echter niet onderzocht worden, omdat de tags ontbreken.

Bevinding 10: Advies: Op pagina's https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/, https://www.avl.nl/uw-bezoek-aan-het-avl/voorzieningen-en-diensten/, https://www.avl.nl/voorbereiding-afspraak/second-opinion/ en meer staan decoratieve afbeeldingen met een tekstalternatief. Bijvoorbeeld op eerstgenoemde pagina de afbeelding met tekstalternatief "Jolanda van Dieren in gesprek (maagkanker)" naast "Coloscopiecentrum". Deze tekstalternatieven zijn een goede weergave van wat op de afbeeldingen staat, maar het is beter om deze tekstalternatieven leeg te maken, zodat de afbeeldingen genegeerd kunnen worden door bijvoorbeeld schermvoorleessoftware. Zie echter ook succescriterium 1.3.2.

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 11: Op pagina's https://www.avl.nl/ en https://www.avl.nl/en/ wordt een video getoond naast "Wij zijn het Antoni van Leeuwenhoek" en "We are the Netherlands Cancer Institute". Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Bijvoorbeeld rond 0:04 wordt "…op moet staan om visite te lopen…" ondertiteld als "…opstaan om fysieke te lopen…". Rond 0:18 geeft de ondertiteling aan "…geef eens filmspecial blaadje vandaag van bezorgd…". Rond 0:27 wordt "handen" ondertiteld als "hangen" en zo zijn er meer problemen. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling. Als eigenaar van de video's kun je deze automatische ondertiteling aanpassen in YouTube Studio.

Bevinding 12: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ is ook een ondertiteling aanwezig. Deze is voor een heel groot deel goed, maar rond 0:25 en 0:35 ontbreekt het woord "ziekenhuis" in de ondertiteling.

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 13: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ komt in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld het logo rond 0:09 en 3:13 en de naam en rol van de spreker rond 0:14. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript of maak gebruik van een (extra) audiospoor om ook te voldoen aan succescriterium 1.2.5.

Bevinding 14: Dit probleem komt ook voor in de video op pagina https://www.avl.nl/voorbereiding-afspraak/second-opinion. Hier gaat het om het logo en de tekst "Een second opinion: hoe werkt dat?" aan het begin en het logo en de tekst aan het eind.

Bevinding 15: In de video op pagina's https://www.avl.nl/ en https://www.avl.nl/en/ is er slechts een klein probleem aan het eind van de video. Hier komt het logo in beeld. De voice-over spreekt een deel van dit logo uit, maar niet de zichtbare tekst "Nederlands kanker instituut". Voeg dit nog toe aan de voice-over.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ komt in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld het logo rond 0:09 en 3:13 en de naam en rol van de spreker rond 0:14. Een audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zie ook succescriterium 1.2.3.

Bevinding 17: Dit probleem komt ook voor in de video op pagina https://www.avl.nl/voorbereiding-afspraak/second-opinion. Hier gaat het om het logo en de tekst "Een second opinion: hoe werkt dat?" aan het begin en het logo en de tekst aan het eind.

Bevinding 18: In de video op pagina's https://www.avl.nl/ en https://www.avl.nl/en/ is er slechts een klein probleem aan het eind van de video. Hier komt het logo in beeld. De voice-over spreekt een deel van dit logo uit, maar niet de zichtbare tekst "Nederlands kanker instituut". Voeg dit nog toe aan de voice-over.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.avl.nl/nieuwsberichten/2024/antoni-van-leeuwenhoek-en-zilveren-kruis-zetten-samenwerking-voort-met-meerjarencontract-2025-2027/ staat onder de titel een stuk tekst in vet. Hier is het strong-element gebruikt om een heel stuk tekst nadruk te geven en dat is niet de bedoeling. De elementen strong en em zijn bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van een stylesheet (CSS) om een introtekst in een vet lettertype te tonen.

Bevinding 20: Op pagina https://www.avl.nl/404 is het strong-element meerdere keren onterecht gebruikt, bijvoorbeeld op de linkteksten en voor de tekst "404 – Page not found!". Verwijder strong op de linkteksten en wijzig de hiervoorgenoemde tekst naar een koptekst (<h2>).

Bevinding 21: Op pagina https://www.avl.nl/over-het-antoni-van-leeuwenhoek/klachtenprocedure/ wordt ook het strong-element meerdere keren onterecht gebruikt, bijvoorbeeld voor het postadres en de zin die begint met "Bent u een zorgverlener…".

Bevinding 22: Op pagina's https://www.avl.nl/nieuwsberichten/ en https://www.avl.nl/zoeken/?search=kanker wordt onterecht het strong-element gebruikt voor het aantal items en de paginanummers.

Bevinding 23: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ wordt onterecht het em-element gebruikt om de tekst "Veel patiënten nemen binnen het Antoni van Leeuwenhoek deel aan een klinische studie/ trial…" op te maken. Gebruik hiervoor styling in CSS.

Bevinding 24: Op pagina https://www.avl.nl/over-het-antoni-van-leeuwenhoek/klachtenprocedure/ staat de koptekst "Vragen en antwoorden". Deze kop bevat geen content, omdat deze direct wordt opgevolgd door de kop "Ik ben niet tevreden, wat kan ik doen?" van hetzelfde niveau (<h2>). Bezoekers die gebruikmaken van schermlezersoftware, kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etc.

Bevinding 25: Een vergelijkbaar probleem komt voor op pagina https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/. Hier gaat het om de kopteksten "Biopsie" tot en met "MRI-scan" onder "Onderzoek & diagnose". Dit allemaal geen kopteksten te zijn, want ze hebben geen content onder zich. Dit komt vaker voor, zowel op deze pagina als op andere pagina's. Zie bijvoorbeeld pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ onder "Behandelingen met medicatie (meest voorkomend)".

Bevinding 26: Op pagina https://www.avl.nl/uw-bezoek-aan-het-avl/voorzieningen-en-diensten/ staat onder "Voorzieningen en diensten" en onder "Digitale en elektronische voorzieningen" een opsommingslijst. Deze opsommingslijsten zijn niet als echte opsommingen (ul- en li-elementen) opgemaakt en dat is wel de bedoeling.
Vergelijkbaar problemen komen vaker voor, bijvoorbeeld op pagina https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/ in het uitklapbare onderdeel "Van welke factoren is de behandeling afhankelijk?".

Bevinding 27: Op pagina https://www.avl.nl/over-het-antoni-van-leeuwenhoek/klachtenprocedure/ staan in het uitklapbare onderdeel "Hoe wordt een klacht afgehandeld?" een opsomming onder "U heeft verschillende mogelijkheden om uw klacht te laten afhandelen:". Dit zijn echter drie opsommingslijsten met telkens één onderdeel en dat klopt niet. Dit moet in de code een opsommingslijst met drie onderdelen worden, omdat deze een relatie met elkaar hebben.

Bevinding 28: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ staat helemaal onderaan, onder "Start behandeling" een opsomming met twee onderdelen. Dit is niet opgemaakt als een opsommingslijst en dat is wel nodig. In dit geval is een genummerde opsomming (ol-element) het meest geschikt.

Bevinding 29: De PDF op pagina https://www.avl.nl/media/3211/022818_adv_avl_infographic_darmkanker_rgb.pdf is niet van tags voorzien (gecodeerd). 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-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 30: De PDF op pagina https://www.avl.nl/media/6607/230118-klachten-folder-4p-versie2.pdf is wel van tags voorzien, maar hier zijn de volgende problemen mee:

Bevinding 31: Advies: Op pagina's https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ kunnen meldingen verschijnen onder de invoervelden van het formulier, bijvoorbeeld "Vul a.u.b. uw naam in". Deze meldingen zijn niet gekoppeld aan de invoervelden, bijvoorbeeld met aria-describedby. Dit zou wel goed zijn, zodat ze kunnen worden voorgelezen als de gebruiker op het invoerveld staat. De meldingen staan direct onder het betreffende invoerveld en geven duidelijk aan om welk veld het gaat en daarom is dit niet afgekeurd.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 32: Op pagina https://www.avl.nl/uw-bezoek-aan-het-avl/voorzieningen-en-diensten/ staan meerdere blokken met aan de ene kant een koptekst en andere tekstuele content en aan de andere kant een afbeelding. Op plaatsen waar de afbeelding vóór de koptekst komt, ontstaat er een probleem met de volgorde. Als de blokken achter elkaar worden voorgelezen, is het niet duidelijk bij welke kop de afbeelding hoort. Dan lijkt bijvoorbeeld de afbeelding met het tekstalternatief "Vermaat, restaurant" bij de kop "Voorzieningen en diensten" te horen etc. Zet de koppen vooraan in de HTML-code en zet hierachter de afbeelding. Visueel mag deze indeling wel aangehouden worden. Zie ook succescriterium 1.1.1.

Bevinding 33: Bovenstaand probleem komt vaker voor, bijvoorbeeld op pagina's https://www.avl.nl/voorbereiding-afspraak/second-opinion/, https://www.avl.nl/nieuwsberichten/ en https://www.avl.nl/zoeken/?search=kanker.

Bevinding 34: Vergelijkbare problemen komen ook voor, bijvoorbeeld op pagina https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/. Hier gaat het onder andere om de tekst "4 dagen" die vóór de koptekst "Sneldiagnostiek" staat. Zie ook op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ de tekst "8.4" vóór de koptekst "Patiëntenwaardering".

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat onder "Veelgestelde vragen bij een second opinion" de tekst "Hieronder vindt u de veelgestelde vragen en antwoorden bij een second opinion, of tweede mening. Is uw vraag niet beantwoord? Onze Chatbot Anne helpt u graag.". Deze instructie is afhankelijk van de visuele weergave en kan daarom gemist worden door blinde en slechtziende gebruikers. Het probleem is dat wordt verwezen naar "hieronder", terwijl de veelgestelde vragen er niet direct onder staan. Daarnaast is het een probleem dat visueel wel duidelijk is dat eerst een chatbot volgt, maar dat voor sommige bezoekers eerst alleen de vraag "Hoe kunnen we u helpen?" en het invoerveld "Stel hier uw vraag…" weergegeven wordt. Dit kan op verschillende manieren worden opgelost, bijvoorbeeld door de chatfunctie te verplaatsen. Zie ook succescriterium 3.2.6.

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 36: Op pagina's https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat een formulier waar de bezoeker onder andere zijn eigen naam, telefoonnummer en e-mailadres kan invullen. Het doel van deze 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 de naam autocomplete="name" en voor het 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 37: Als de website voor het eerst wordt bezocht, staat linksonder een cookiebanner ("Deze website maakt gebruik van cookies"). Hierin staat de grijze tekst "Functioneel [2]" (HEX #767676) met een te lage contrastratio van 4,1:1 op de roze achtergrond (HEX #FBF2F4). Dit moet minimaal 4,5:1 zijn.

Bevinding 38: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200% en het hoofdmenu wordt geopend, kan in dit menu naar een dieper niveau worden genavigeerd. Bijvoorbeeld bij "Alles over kanker". Boven de onderdelen in dit diepere niveau staat de witte tekst "Terug" op een roze achtergrond (HEX #EBCCD7). De contrastratio is hier 1,5:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 39: Op alle webpagina's staat bovenaan een header met onder andere een knop voor het wisselen van de taal. De niet-actieve taal heeft een lichtere kleur dan de actieve. De rode tekst van de inactieve taal (HEX #C26686) heeft een te lage contrastratio van 2,3:1 op de witte achtergrond. Dit moet minimaal 4,5:1 zijn.

Bevinding 40: Op pagina https://www.avl.nl/zoeken/?search=kanker is het zoekwoord in de titel lichter gekleurd. Deze rode tekst (HEX #C26686) heeft een te lage contrastratio van 2,3:1 op de witte achtergrond. Dit moet minimaal 4,5:1 zijn.

Bevinding 41: Op pagina https://www.avl.nl/nieuwsberichten/ staat bij sommige nieuwsberichten een categorie, bijvoorbeeld "organisatie" of "fundamenteel onderzoek". Deze grijze tekst (HEX #C3C3C3) heeft een te lage contrastratio op de witte achtergrond. De contrastratio is hier 1,8:1 waar dat minimaal 4,5:1 moet zijn. Dit komt vaker voor, bijvoorbeeld op pagina's https://www.avl.nl/zoeken/?search=kanker en https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/.

Bevinding 42: In de PDF op pagina https://www.avl.nl/media/3211/022818_adv_avl_infographic_darmkanker_rgb.pdf staan meerdere teksten met een te lage contrastratio. Hier volgen enkele voorbeelden:

Bevinding 43: Op pagina 2 in de PDF op pagina https://www.avl.nl/media/6607/230118-klachten-folder-4p-versie2.pdf staat boven "Bespreek het eerst op de afdeling" grijze tekst (HEX #808285) op een witte achtergrond. De contrastratio is hier 3,9:1 waar dit minimaal 4,5:1 moet zijn.
Op pagina 4 staat rechtsonder de grijze tekst "Februari 2022" (HEX #AFB1B4) met een te lage contrastratio van 2,1:1 op de witte achtergrond.

Bevinding 44: Advies: In de afbeelding op pagina https://www.avl.nl/voorbereiding-afspraak/wachttijden/ staat de witte tekst "Getoonde wachttijd" op een lichtblauwe achtergrond (HEX #5081BC). De contrastratio is hier 4,0:1. Het is echter niet goed te bepalen of dit grote tekst is of normale tekst. Als het grote tekst is, voldoet de contrastratio, maar voor normale tekst moet dit minimaal 4,5:1 zijn. Deze tekst staat overigens ook als 'normale' tekst op de pagina met voldoende contrast en daarom is dit niet afgekeurd. Het zou wel beter zijn om de tekst in de afbeelding een hoger contrast te geven.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 45: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, zijn de onderdelen "Verwijzers", "MijnAVL" en "Doneer" in de header niet meer beschikbaar. Deze bevinden zich ook niet op een andere locatie. Dit geldt ook voor de Engelstalige pagina's.

Bevinding 46: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, staan de cookiebanner en de chatknop bovenop de content in de footer. Daardoor zijn de onderdelen in de footer niet of niet goed te bedienen, bijvoorbeeld de link "Disclaimer".
Dit geldt op pagina https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ ook voor de banner van reCaptha rechtsonder in het scherm.

Bevinding 47: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, is het op alle webpagina's niet mogelijk om de meeste teksten tot 200% te vergroten. Deze teksten worden relatief gezien zelfs kleiner. Bijvoorbeeld "Het AVL is een…" op de startpagina https://www.avl.nl/. Dit komt dus vaker voor, ook op andere pagina's en in de cookiebanner.

Bevinding 48: Wanneer pagina https://www.avl.nl/ bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, zijn de teksten onder "Nieuws" niet altijd goed leesbaar. Zo valt "Volkskrant" deels weg onder het icoon en valt "prostaatoncologie" deels achter het blok van het volgende nieuwsbericht.

Bevinding 49: Een vergelijkbaar probleem komt voor op pagina https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/. Hier gaat het om de blokken met behandelingen: "Chemotherapie bij darmkanker", "Chirurgie bij dikkedarmkanker" en "Radiotherapie bij darmkanker" etc.
Dit probleem komt vaker voor, bijvoorbeeld op https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ en https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-voor-kwaliteit-van-leven-ondersteunende-zorg/fysiotherapie/.

Bevinding 50: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ zijn de laatste twee onderdelen met cijfers onder "Patiëntenwaardering" niet meer beschikbaar.

Bevinding 51: Advies: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, worden de in de footer de bezoekstijden verticaal weergegeven. Deze content is nog steeds beschikbaar en daarom wordt dit niet afgekeurd. Dit leidt echter wel tot een vervelende leeservaring en kan beter aangepast worden.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 52: Op pagina https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/ staat naast "Dikkedarmkanker in cijfers" een afbeelding. Dit is een afbeelding met tekst erin, namelijk "Wat is darmkanker?". Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats de tekst indien mogelijk als platte tekst, voeg een toegankelijk alternatief toe of wijzig deze afbeelding.
Let op: het toevoegen van een alternatieve tekst zoals beschreven in succescriterium 1.1.1 is niet voldoende om te voldoen aan dit succescriterium.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 53: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 400%, zijn de onderdelen "Verwijzers" en "Doneer" in de header niet meer beschikbaar. Deze bevinden zich ook niet op een andere locatie. Dit geldt ook voor de Engelstalige pagina's.

Bevinding 54: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 400%, zijn de berichten in het chatvenster niet meer beschikbaar. Nu is alleen "Vraag het aan Anne" en "Stel hier uw vraag…" zichtbaar.

Bevinding 55: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 400%, staan de cookiebanner en de chatknop bovenop de content in de footer. Daardoor is op pagina https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ de banner van reCaptha rechtsonder in het scherm niet meer beschikbaar.

Bevinding 56: Op de meeste pagina's staat boven de unieke content een broodkruimelpad, bijvoorbeeld op https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/, https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-voor-kwaliteit-van-leven-ondersteunende-zorg/fysiotherapie/. Dit broodkruimelpad is niet niet meer aanwezig wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 400%.

Bevinding 57: Wanneer pagina https://www.avl.nl/ bij een schermbreedte van 1280 pixels ingezoomd wordt tot 400%, valt onder "AVL Foundation" de tekst "Meer onderzoek minder kanker" deels weg achter de knop "ik wil hieraan bijdragen". Dit komt ook voor op pagina https://www.avl.nl/en/.
Ook op andere pagina's komt dit voor, bijvoorbeeld op https://www.avl.nl/alles-over-kanker/kankersoorten/darmkanker/.

Bevinding 58: Op pagina https://www.avl.nl/alles-over-kanker/kankersoorten/ vallen lange woorden in het overzicht deels buiten beeld. Bijvoorbeeld "Baarmoederhalskanker" en "Speekselklierkanker/speekselkliertumor". Zorg ervoor dat lange woorden afgebroken worden en doorgaan op de volgende regel. Let op: horizontaal scrollen is niet toegestaan als oplossing.

Bevinding 59: Op pagina https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-voor-kwaliteit-van-leven-ondersteunende-zorg/fysiotherapie/ zijn sommige functietitels niet volledig zichtbaar, omdat deze achter het icoon vallen. Bijvoorbeeld bij "Bekkenfysiotherapeut, MSc.".

Bevinding 60: Op pagina https://www.avl.nl/nieuwsberichten/ valt in sommige gevallen de categorie deels weg onder de datum van een nieuwsbericht. Bijvoorbeeld "fundamenteel onderzoek" bij "Slapende kankercellen…". Dit komt ook voor op pagina https://www.avl.nl/zoeken/?search=kanker.

Bevinding 61: Op pagina https://www.avl.nl/nieuwsberichten/ staat onder de nieuwsberichten een paginanavigatie. Als wordt ingezoomd tot 400% is het niet meer mogelijk om direct naar een andere pagina te navigeren. Maak dit mogelijk door bijvoorbeeld deze andere pagina's ook beschikbaar te maken op een vergelijkbare manier als wanneer niet is ingezoomd of door een invoerveld toe te voegen waarmee naar een bepaalde pagina genavigeerd kan worden. Dit komt ook voor op pagina https://www.avl.nl/zoeken/?search=kanker.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 62: Op alle webpagina's staat bovenin een header met onder andere een link voor het openen van het menu. Als dit menu is geopend, verschijnen de onderdelen van het eerste niveau met daarachter een icoon van een pijl. Deze iconen zijn informatief, omdat ze aangeven dat er een dieper niveau aanwezig is. Deze witte iconen hebben een te lage contrastratio van 1,5:1 op de lichtroze achtergrond (HEX #EBCCD7). Dit moet minimaal 3,0:1 zijn.

Bevinding 63: Op pagina https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staan meerdere invoervelden. De grijze randen van deze invoervelden (HEX #E7E7E7) hebben een te laag contrast van 1,1:1 met de roze achtergrond (HEX #F8F5F5) en 1,2:1 met de witte binnenkant. Dit moet minimaal 3,0:1 zijn. Slechtziende en kleurenblinde gebruikers kunnen daardoor missen waar ze iets kunnen invullen. Dit probleem komt ook voor op pagina's https://www.avl.nl/ en https://www.avl.nl/en/ bij het invoerveld "Stel hier uw vraag…" of "Fill in your search words".

Bevinding 64: Op pagina https://www.avl.nl/nieuwsberichten/ staat onder "Toon alleen nieuws…" een schakelaar. Als deze witte schakelaar uit is, heeft deze een te laag contrast van 1,6:1 op de lichtgrijze achtergrond (HEX #CCCCCC). Dit moet minimaal 3,0:1 zijn.

Bevinding 65: Op pagina's https://www.avl.nl/nieuwsberichten/ en https://www.avl.nl/zoeken/?search=kanker staat onder de resultaten een paginanavigatie. De actieve grijze knop voor het navigeren naar de volgende (of vorige) pagina (HEX #C3C3C3) heeft een te lage contrastratio van 1,6:1 op de lichtroze achtergrond (HEX #F8F5F5). Dit moet minimaal 3,0:1 zijn.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 66: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ staan onder "Patiëntenwaardering" en "Bekwaamheid" meerdere onderdelen die extra content kunnen tonen als er met de muisaanwijzer overheen wordt gegaan (zogenaamde 'tooltips'). Deze content valt in sommige gevallen ook over de inhoud van de pagina. De bezoeker kan deze content niet weghalen zonder de muis te bewegen. Een bezoeker moet dit bijvoorbeeld met de Escape-toets kunnen doen. Zie ook succescriterium 2.1.1 en 4.1.2 voor een mogelijke oplossing.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 67: Op meerdere pagina's - waaronder https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-voor-kwaliteit-van-leven-ondersteunende-zorg/fysiotherapie/, https://www.avl.nl/voorbereiding-afspraak/second-opinion/ en https://www.avl.nl/over-het-antoni-van-leeuwenhoek/klachtenprocedure/ staan onderdelen die in- en uitgeklapt kunnen worden. Bijvoorbeeld "Contact" en "Afspraak" op de eerstgenoemde pagina. Deze onderdelen zijn niet met alleen het toetsenbord te bedienen. Zie ook succescriterium 4.1.2.

Bevinding 68: Op pagina's https://www.avl.nl/ en https://www.avl.nl/en/ staat onderaan een plattegrond en virtuele tour. Dit is niet met het toetsenbord te bereiken en te bedienen.

Bevinding 69: Op pagina https://www.avl.nl/nieuwsberichten/ staan boven de zoekresultaten de knop "Verfijn je resultaten" en een schakelaar onder "Toon alleen nieuws…". Beide interactieve elementen zijn niet met het toetsenbord te benaderen. Voor de schakelaar is de oorzaak waarschijnlijk dat deze verborgen is voor hulpsoftware via display:none. Zie ook succescriterium 4.1.2.
NB: de knop "Verfijn je resultaten" doet op een groot scherm niets, maar op een klein of ingezoomd scherm kan het de content eronder tonen of verbergen.

Bevinding 70: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ staan onder "Patiëntenwaardering" en "Bekwaamheid" meerdere onderdelen die extra content kunnen tonen als er met de muisaanwijzer overheen wordt gegaan (zogenaamde 'tooltips'). Deze tooltips zijn niet te bereiken via alleen het toetsenbord. Gebruikers die geen muis kunnen gebruiken, kunnen de inhoud in deze tooltips dus niet lezen. Zie ook succescriteria 1.4.13 en 4.1.2 voor een mogelijke oplossing.

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Onvoldoende

Bevinding 71: Op meerdere websites is een chatvenster beschikbaar. Als dit venster wordt geopend, treedt een toetsenbordval op: de toetsenbordfocus blijft namelijk in het veld "Stel hier uw vraag…" staan en het is niet mogelijk om hier uit te komen. Zorg ervoor dat gebruikers met het toetsenbord verder of terug kunnen navigeren.
Door dit probleem kan de toetsenbordtoegankelijkheid van het chatvenster niet verder onderzocht worden. Let er dus op dat hier meer problemen mee kunnen zijn.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 72: Op pagina's https://www.avl.nl/, https://www.avl.nl/en/, https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat een videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld "M" voor het dempen van het geluid en "K" voor het pauzeren van de video. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube-video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 73: Op elke webpagina ontbreekt een mechanisme om de herhalende content, zoals de header en het hoofdmenu, over te slaan. Bezoekers die de website met een toetsenbord en/of hulpsoftware bedienen, moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit is op te lossen door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus erop komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 74: De PDF op pagina https://www.avl.nl/media/6607/230118-klachten-folder-4p-versie2.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.

Bevinding 75: De PDF op pagina https://www.avl.nl/media/3211/022818_adv_avl_infographic_darmkanker_rgb.pdf heeft wel een titel, namelijk "022818_ADV_AVL_Infographic_Darmkanker_RGB". Dit omschrijft niet duidelijk het onderwerp of doel van het document. Wijzig dit naar bijvoorbeeld "Infographic over darmkanker".
Daarnaast staat in de eigenschappen ingesteld dat de bestandsnaam wordt getoond. Zorg dat niet de bestandsnaam, maar de documenttitel wordt getoond.

Bevinding 76: Advies: Sommige webpagina's hebben " | AVL" achter het onderwerp in de paginatitel (bijvoorbeeld https://www.avl.nl/), andere hebben " | Antoni van Leeuwenhoek" (bijvoorbeeld https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-voor-kwaliteit-van-leven-ondersteunende-zorg/fysiotherapie/) en weer anderen hebben niets achter het onderwerp staan (bijvoorbeeld https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/). Dit is niet consistent. Het is beter om dit overal op een consistente manier te maken.

Bevinding 77: Advies: De foutpagina https://www.avl.nl/404 lijkt in sommige situaties de paginatitel "Alexander Veenhof | chirurg AVL" te hebben. Dit beschrijft niet het onderwerp of doel van deze pagina. Dit kon echter niet goed gereproduceerd worden en daarom is dit niet afgekeurd. Het zou goed zijn om dit in de gaten te houden en in een dergelijk geval de paginatitel te wijzigen naar bijvoorbeeld "Pagina niet gevonden | AVL" of iets dergelijks.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 78: Op alle webpagina's staat een header met onder andere de knop "menu". Hier zijn meerdere problemen mee.

Bevinding 79: Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200% en het hoofdmenu wordt geopend, zijn er ook meerdere problemen met de toetsenbordvolgorde. Zo worden na het onderdeel "Alles over kanker" direct de opties onder "vragen & contact" geopend, terwijl de focus daar niet direct naartoe gaat. Ook is het binnen het menu erg onduidelijk waar de focus steeds naartoe gaat en lijkt het niet mogelijk om alle onderdelen te bereiken. Verder blijft het menu geopend na het laatste onderdeel. Dit levert ook problemen op voor andere succescriteria.

Bevinding 80: Op de startpagina https://www.avl.nl/ staat onder "Waarmee kunnen we u helpen?" een knop voor het openen van het chatvenster. Als deze wordt geopend, gaat de toetsenbordfocus eerst verder naar de andere onderdelen op de pagina en dat is niet de bedoeling. De focus moet direct naar het chatvenster gaan. Zie echter ook succescriterium 2.1.2.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 81: Op alle webpagina's staat een header met onder andere de links "Verwijzers" tot en met "Zoeken". Als de pagina naar beneden wordt gescrold, zijn alleen nog de iconen zichtbaar. Het doel van deze links is dan niet meer duidelijk.

Bevinding 82: Op pagina https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat naast "Extra toelichting" een link die een pop-up van YouTube opent. Deze link heeft geen naam. Voeg een naam toe, bijvoorbeeld via een title-attribuut in het a-element. Zie ook succescriterium 4.1.2. Dit komt vaker voor, bijvoorbeeld op https://www.avl.nl/ en https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/.

Bevinding 83: Op pagina's https://www.avl.nl/nieuwsberichten/ en https://www.avl.nl/zoeken/?search=kanker staat een paginanavigatie onder de resultaten. De links hebben hier een naam als "2", "3" en "Volgende". Hieruit is nog niet duidelijk wat de links doen. Wijzig dit door het woord "pagina" toe te voegen. Dit mag visueel onzichtbaar zijn, zodat er visueel niets verandert. Voor gebruikers van hulpsoftware wordt het dan wel duidelijker.

Bevinding 84: Een vergelijkbaar probleem komt voor op https://www.avl.nl/alles-over-kanker/kankersoorten/ bij de letters boven de kankersoorten. Voeg hieraan (visueel onzichtbaar) "Ga naar letter" toe.

Bevinding 85: Op meerdere pagina's, waaronder https://www.avl.nl/nieuwsberichten/, staan blokken die een link zijn, zoals de nieuwsberichten op deze pagina. Het linkdoel bestaat nu uit de volledige inhoud van het blok, zoals op deze pagina de alternatieve tekst van de afbeelding, de categorie, de datum, de koptekst en de introductietekst. Het linkdoel is hierdoor niet overal duidelijk. Zorg dat de naam van de link in ieder geval begint met de koptekst, dan is het doel van de link eerder duidelijk.

Bevinding 86: Op pagina's https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat een reCaptcha. Hierin staan twee links "Privacy" en "Voorwaarden". De context van reCaptcha ontbreekt bij deze links, waardoor het lijkt alsof dit om de privacy en voorwaarden van de website gaan. Het doel van deze links is daarom onduidelijk. Voeg toe dat dit gaat om reCaptcha.

Bevinding 87: Advies: Veel links op de website openen zonder waarschuwing in een nieuw venster. Dit is niet direct een toegankelijkheidsfout, maar kan voor gebruikers met een visuele of cognitieve beperking verwarrend zijn. Eén van de gevolgen is dat de terugknop van de browser niet meer werkt. Een ander probleem is dat hierdoor ongevraagd vele browservensters of -tabbladen geopend worden. Het is daarom beter om links zoveel mogelijk in hetzelfde venster of tabblad te laten openen. Als dit echt niet kan, geef dan vooraf aan dat een nieuw venster of tabblad geopend wordt.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 88: Op pagina's https://www.avl.nl/ en https://www.avl.nl/en/ staat de koptekst "Goedemiddag" of "Good afternoon". Deze content is opgemaakt als koptekst (<h2>), maar de inhoud zegt niets over de content eronder. Verwijder de kop en maak het eventueel op via styling in de stylesheet (CSS).

Bevinding 89: Op pagina https://www.avl.nl/nieuwsberichten/2024/antoni-van-leeuwenhoek-en-zilveren-kruis-zetten-samenwerking-voort-met-meerjarencontract-2025-2027/ staat de datum en tijd onder de titel "20 dec. 2024 15:00". Deze content is opgemaakt als koptekst (<h2>), maar de inhoud zegt niets over de content eronder. Verwijder de kop en maak het eventueel op via styling in de stylesheet (CSS).

Bevinding 90: Als het chatvenster geopend is, staan bovenin twee knoppen "Close" en "Sluiten". Het label van de eerstgenoemde knop is niet duidelijk, want dit is bedoeld om de chat te minimaliseren en niet te sluiten. Daarnaast is dit nog Engelstalig. Wijzig de naam van deze knop naar bijvoorbeeld "Minimaliseren".

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 91: Als de website voor het eerst wordt bezocht, staat linksonder een cookiebanner ("Deze website maakt gebruik van cookies"). Hierin staan drie onderdelen die de toetsenbordfocus kunnen ontvangen. Deze toetsenbordfocus is dan echter niet zichtbaar.

Bevinding 92: Op alle pagina's staat een header boven de unieke inhoud. De toetsenbordfocus is niet zichtbaar op de knop waarmee gewisseld kan worden tussen de talen "NL" en "EN".

Bevinding 93: Op meerdere pagina's - waaronder https://www.avl.nl/alles-over-kanker/overzicht-van-alle-behandelingen/beeldgestuurde-therapie/, https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/wachttijden/ - staat een broodkruimelpad boven de unieke inhoud. Het laatste onderdeel (de huidige pagina) kan focus ontvangen. Dit is dan alleen zichtbaar door een verticale rand aan de rechterkant van de link. Dit is niet voldoende. Zorg ervoor dat in ieder geval de onderrand zichtbaar is, maar het liefst alle randen. Dit komt dus vaker voor.

Bevinding 94: Op pagina's https://www.avl.nl/ en https://www.avl.nl/en is de toetsenbordfocus niet zichtbaar op de link met de grote bannerafbeelding, op de knop "Chat met Anne" na "Waarmee kunnen we u helpen?" en op de zoekknop na "How can we help you?".

Bevinding 95: Op pagina's https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat een formulier. De toetsenbordfocus is hier niet zichtbaar op de knop "verstuur".

Bevinding 96: Op pagina's https://www.avl.nl/, https://www.avl.nl/en/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat onder de kop "Waarmee kunnen we u helpen?", "How can we help you?" of "Hoe kunnen we u helpen?" de knop "Chat met Anne". De toetsenbordfocus is niet zichtbaar op deze knop.

Bevinding 97: Op pagina's https://www.avl.nl/alles-over-kanker/kankersoorten/, https://www.avl.nl/nieuwsberichten/ en https://www.avl.nl/zoeken/?search=kanker staat een zoekveld met daarachter de knop "zoeken" of "zoek opnieuw". De toetsenbordfocus is niet zichtbaar op deze knop.

Bevinding 98: Op pagina https://www.avl.nl/nieuwsberichten/ staat op kleine of ingezoomde de knop "toon resultaten" onder "Verfijn je resultaten". De toetsenbordfocus is niet zichtbaar op deze knop.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 99: Als de website voor het eerst wordt bezocht, staat linksonder een cookiebanner ("Deze website maakt gebruik van cookies"). Als deze melding gesloten wordt, is alleen nog een link aanwezig met de zichtbare tekst "Voorkeuren aanpassen". De toegankelijke naam van deze link is echter "open de cookiemelding". Doordat de visuele tekst niet voorkomt in de naam van de knop, kan deze tekst niet gebruikt worden met spraakbedieningssoftware. Het advies is om de zichtbare tekst te wijzigen zodat deze overeenkomt met de naam, omdat de naam ("open de cookiemelding") goed aangeeft wat de knop doet. Andere oplossingen zijn ook mogelijk.

Bevinding 100: Op alle webpagina's staat bovenin een header met daarin de zichtbare tekst "Antoni van Leeuwenhoek - Nederlands Kanker Instituut". Dit is ook een link en de naam van deze link is nu "Ga naar homepage". Omdat de visueel zichtbare tekst niet in de toegankelijke naam staat, kan deze tekst niet gebruikt worden met spraakbedieningssoftware. Dit geldt ook voor het logo in de footer. De oplossing genoemd bij succescriterium 1.1.1 kan ook dit probleem oplossen.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 101: In de eigenschappen van PDF https://www.avl.nl/media/3211/022818_adv_avl_infographic_darmkanker_rgb.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 102: Op pagina https://www.avl.nl/ staat na "Onze ambitie:" de Engelse tekst "a cure for every cancer and excellent care for every patient". Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door in de omliggende HTML-code het volgende toe te voegen: lang="en". Eventueel kan de tekst ook vertaald worden naar het Nederlands. Dan is geen taalwisseling nodig.

Bevinding 103: In het formulier op pagina's https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ kan de Engelstalige melding "Please provide a valid value for E-mailadres". Voeg hier een taalwisseling toe of (nog beter) vertaal deze melding naar het Nederlands.

Bevinding 104: Op pagina https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat naast "Extra toelichting" een link die een pop-up van YouTube opent.

Bevinding 105: Op pagina https://www.avl.nl/404 is het deel vanaf "404 – Page not found!" in het Engels. Voeg hier een taalwisseling toe voor deze Engelse tekst op deze Nederlandse pagina.

Bevinding 106: De taal van pagina https://www.avl.nl/en/ is (terecht) ingesteld op Engels. Een deel van de content op deze pagina is echter nog Nederlandstalig, bijvoorbeeld de content in de iframe onder "Map and virtual tour of the hospital", het tekstalternatief van het logo in de footer en in het menu het onderdeel "Werken bij AVL". Voeg hier een taalwisseling toe naar het Nederlands (lang="nl") of vertaal deze content naar het Engels.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 107: Wanneer bezoekers in het formulier op pagina's https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ geen invoer invullen in de verplichte velden, verschijnen meldingen zoals "Vul a.u.b. uw naam in". Een goede foutidentificatie vermeldt welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "Het veld 'Naam' is niet ingevuld".

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 108: Op pagina https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat een formulier waar bij de verplichte velden een asterisk "*" wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: "Velden met een sterretje (*) zijn verplicht".
NB: Dit komt ook voor in het contactformulier op pagina https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/, maar hier zijn alle velden verplicht en dan is het geen probleem.

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 109: Als de website voor het eerst wordt bezocht, staat linksonder een cookiebanner ("Deze website maakt gebruik van cookies"). Hierin staat een knop waarmee meer informatie over "Functioneel" getoond of verborgen kan worden. Deze knop heeft de naam "open / sluit Functioneel cookie beschrijving". Dit geeft niet aan wat de huidige status van deze knop is. Wijzig de naam van de knop dynamisch, bijvoorbeeld "open Functioneel cookie beschrijving" als de beschrijving verborgen is. Het is ook mogelijk om "open / sluit" uit de naam te verwijderen en daarvoor in de plaats het attribuut aria-expanded te gebruiken met een waarde die dynamisch wisselt tussen "false" en "true". Andere oplossingen zijn ook mogelijk.

Bevinding 110: Op alle webpagina's staat bovenaan een header met daarin onder andere een link voor het openen van een zoekveld en een link voor het tonen van het hoofdmenu. De status van deze links (gesloten of geopend) kan nu niet door software bepaald worden.

Bevinding 111: Op alle webpagina's staat bovenaan een header met daarin onder andere een link voor het openen van een zoekveld. Als dit wordt geopend, is ook een zoekknop zichtbaar. Deze knop heeft geen naam.

Bevinding 112: Op pagina's https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-patienteninformatie/contactformulier/ en https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat een formulier. De formuliervelden zijn gegroepeerd in een fieldset, maar deze fieldset heeft geen naam. Voeg een legend-element toe met daarin een naam voor de gegroepeerde inhoud. Het is ook te overwegen om de fieldset te verwijderen, want die lijkt hier geen functie te hebben.

Bevinding 113: Op meerdere pagina's - waaronder https://www.avl.nl/voorbereiding-afspraak/afdelingen-en-centra/centrum-voor-kwaliteit-van-leven-ondersteunende-zorg/fysiotherapie/, https://www.avl.nl/voorbereiding-afspraak/second-opinion/ en meer staan onderdelen die in- en uitgeklapt kunnen worden. Bijvoorbeeld "Contact" en "Afspraak" op de eerstgenoemde pagina. Deze interactieve elementen hebben geen naam, geen rol en geen waarde. Maak ze op met de elementen details en summary of maak er een accordion van volgens https://www.w3.org/WAI/ARIA/apg/patterns/accordion/. Zie ook succescriterium 2.1.1. Dit komt dus vaker voor.

Bevinding 114: Op pagina https://www.avl.nl/voorbereiding-afspraak/second-opinion/ staat naast "Extra toelichting" een link die een pop-up van YouTube opent. Deze link heeft geen naam. Zie ook succescriterium 2.4.4.
De iframe met de YouTube-video die vervolgens getoond wordt, heeft ook geen naam. Voeg hieraan een title-attribuut toe die beknopt aangeeft wat getoond wordt, bijvoorbeeld "Video over het aanvragen van een second opinion" of iets dergelijks.
Deze problemen komen vaker voor, bijvoorbeeld op https://www.avl.nl/ en https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/. Zie ook de iframe met de plattegrond op pagina's https://www.avl.nl/ en https://www.avl.nl/en/.

Bevinding 115: Op pagina https://www.avl.nl/nieuwsberichten/ staat boven de zoekresultaten de knop "Verfijn je resultaten". Op een klein of ingezoomd scherm kan deze knop de content eronder tonen of verbergen. Deze knop heeft geen goede rol, namelijk die van een koptekst. Voeg een knop (button-element) toe die interactief is. Ook kan de status (in- of uitgeklapt) niet bepaald worden. Voeg hiervoor bijvoorbeeld aria-expanded toe. Zie ook succescriterium 2.1.1.

Bevinding 116: Op pagina https://www.avl.nl/nieuwsberichten/ staat boven de zoekresultaten een schakelaar onder "Toon alleen nieuws…". De daadwerkelijke schakelaar is verborgen voor hulpsoftware. Verder lijkt de waarde van deze input niet te wijzigen. Zie ook succescriterium 2.1.1.

Bevinding 117: Op pagina https://www.avl.nl/alles-over-kanker/kwaliteitsinformatie-kankersoorten/kwaliteit-behandeling-melanoom/ staan onder "Patiëntenwaardering" en "Bekwaamheid" meerdere onderdelen die extra content kunnen tonen als er met de muisaanwijzer overheen wordt gegaan (zogenaamde 'tooltips'). Deze interactieve elementen hebben geen naam, geen rol en geen waarde. Dit kan opgelost worden door ze op te maken volgens de beschrijving op https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/. Zie ook succescriteria 1.4.13 en 2.1.1.

Bevinding 118: Als het chatvenster geopend is, staat naast "Stel hier uw vraag…" een knop voor het versturen van de vraag. Deze knop heeft geen naam.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 119: Op meerdere pagina's is een chatvenster beschikbaar. Als deze is geopend, kunnen hierin nieuwe berichten verschijnen. Deze chatberichten worden echter niet gecommuniceerd aan gebruikers van schermvoorleessoftware. Los dit op door aan te geven dat in dit gebied nieuwe content kan verschijnen, bijvoorbeeld via aria-live="polite".

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: 2025-03-09 22:38:06 v2.4-011