Rapport:
Audit digitale toegankelijkheid website AVL

Uitkomst: Onvoldoende

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

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.

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.

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.

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/.

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".

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.

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.

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

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

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.

Uitkomst: Onvoldoende

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

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

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

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.

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.

Uitkomst: Onvoldoende

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

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>).

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…".

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.

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.

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.

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)".

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?".

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.

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.

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.

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:

• Zoals bij succescriterium 1.1.1 is benoemd, zijn de logo's op pagina 1 en 4 niet getagd. Dit is wel nodig, omdat dit informatieve content is. NB: de afbeelding voor de tekst op pagina 2 mag wel een artefact blijven
• Alle kopteksten, zoals "Bespreek het eerst op de afdeling", "Klachtenfuntionaris" etc. zijn niet als koppen (<H1>, <H2> etc.) opgemaakt en dat is wel nodig. NB: de teksten in de figuur op pagina 4 horen niet als kopteksten opgemaakt te worden.

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.

Uitkomst: Onvoldoende

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

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.

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".

Uitkomst: Onvoldoende

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

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

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.

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.

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/.

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:

• De witte tekst "Wat is darmkanker?" heeft een contrastratio van 2,5:1 op de gele achtergrond (HEX #ED8E00). Dit moet minimaal 3,0:1 zijn, omdat dit grote tekst is.
• De witte tekst vanaf "Bij kanker is de celdeling…" heeft ook een contrastratio van 2,5:1 op de gele achtergrond (HEX #ED8E00). Hier moet dit minimaal 4,5:1 zijn, omdat dit geen grote tekst is.
• De witte tekst "90% van de darmkankerpatiënten…" heeft een te lage contrastratio van 2,7:1 op de blauwe achtergrond (HEX #7BA3C5). Dit geldt ook voor de blauwe teksten "65%" en "14 mensen per dag" op de witte achtergrond.

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.

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.

Uitkomst: Onvoldoende

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

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.

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.

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.

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/.

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.

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.

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

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.

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.

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%.

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/.

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.

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.".

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.

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.

Uitkomst: Onvoldoende

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

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".

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.

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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

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.

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.

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.

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

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.

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.

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.

Uitkomst: Onvoldoende

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

• Als het menu wordt geopend, gaat de toetsenbordfocus eerst naar het telefoonnummer en de knop voor het kiezen van een taal. Als een menu wordt geopend, moet de focus daar direct naartoe gaan.
• Als het menu is geopend, kan de focus ook terechtkomen op onderdelen die niet zichtbaar zijn. Bijvoorbeeld de onderdelen van een dieper niveau, zoals onder "Alles over kanker". De focus mag niet terechtkomen op onzichtbare onderdelen.
• Na het laatste onderdeel in het menu, blijft het menu geopend en gaat de focus verder op de onderliggende pagina. Dat is niet de bedoeling. Sluit het menu automatisch of geef toetsenbordgebruikers de mogelijkheid om het menu te sluiten na het laatste onderdeel.
• Als het hoofdmenu gesloten is, kan de focus ook terecht komen op de menu-onderdelen, die dan verborgen zijn. Ook dit is niet de bedoeling.

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.

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.

Uitkomst: Onvoldoende

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

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/.

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.

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.

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.

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.

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.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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).

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".

Uitkomst: Onvoldoende

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

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".

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.

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?".

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".

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.

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

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.

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

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.

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.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

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.

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.

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.

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/.

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.

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.

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.

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

Uitkomst: Onvoldoende

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