Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid van drie e-learingsmodules (divis) van Indiveo

(Alleen de bevindingen)

Scope van de evaluatie

Naam website 3 e-learingsmodules (divis) van Indiveo
Datum 11 november 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Op indiveo.services zijn drie modules (divis) onderzocht. Het gaat om de modules "Netelroos", "Diabetes type 1 (voor kinderen)" en "Nierbiopsie".
Buiten de scope van het onderzoek valt:
  • alle andere pagina's op website indiveo.services.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 43

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: Wanneer een pagina met een divi voor het eerst wordt bezocht, verschijnt er een dialoogvenster met de kop 'Kies de taal voor jouw video's'. Er staan twee afbeeldingen van vlaggen bij de keuze-elementen. Deze afbeeldingen zijn decoratief en toch zijn voorzien van een tekstalternatief. Laat de alt-attributen leeg.
Zie https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

Bevinding 2: Op de pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527 staat een decoratieve afbeelding van een klok naast de kop "Het onderzoek duurt zo'n 20 minuten". Deze decoratieve afbeelding heeft als tekstalternatief een lange string van letters en cijfers ("lexHnGfwPUznvHjUv0eH9E5pyfejX2CswrAGTaLY.png"). Ook op de pagina's https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902 en https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 komen soortgelijke lange strings voor in het alt-attribuut bij decoratieve afbeeldingen. Het is belangrijk dat decoratieve afbeeldingen worden voorzien van een leeg alt-attribuut (alt="") om te voorkomen dat ze worden voorgelezen door schermlezers.

Bevinding 3: Op de pagina’s waar divis op staan verschijnen dialoogvensters, bijvoorbeeld wanneer een bezoeker op de knop “Geef uw mening” klikt. Deze dialoogvensters hebben een sluitknop met een kruisje. Deze functionele afbeelding heeft geen alternatieve tekst, waardoor een schermlezer de functie van de knop niet kan interpreteren. Het is belangrijk om het doel van de knop te beschrijven in de alternatieve tekst. Dit kan door het gebruik van een aria-label of niet-zichtbare tekst. Als de afbeelding als een svg wordt toegevoegd, moet een titelelement worden gebruikt om een tekstalternatief te geven. Dit komt in alle dialoogvensters voor.

Bevinding 4: Op de pagina’s met divis, bijvoorbeeld op https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527, wanneer de pagina bekeken wordt op een klein scherm, verschijnt een menuknop. Het tekstalternatief van deze knop is “menu_open”. Verwijder het onderliggend streepje.

Bevinding 5: Op de pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527, naast de kop "Nierbiopsie", staat een knop waarmee de video schermvullend kan worden geopend. Het icoon op deze knop heeft echter geen tekstalternatief.
Op alle pagina’s waar divis op staan, staat een knop "Geef uw mening" met een decoratief icoon van een ster. Het icoon heeft een alt-tekst "ster", wat onnodig is voor decoratieve iconen. Verwijder deze alt-tekst. Een soortgelijk probleem doet zich voor bij de link "Soorten netelroos," waar een pijlicoon de alt-tekst "arrow_forward_ios" heeft. Dit probleem komt voor op alle pagina’s met "divis", zoals op https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527. Zie ook pagina’s waar divis op staan met de knop om terug te gaan naar de vorige pagina. De decoratieve afbeelding van een pijl heeft een tekstalternatief “arrow_back_ios”. Zie https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105903.

Bevinding 6: Op pagina https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105905 staat een informatief icoon van een uitroepteken. Dit icoon heeft geen tekstalternatief.

1.2 Op tijd gebaseerde media

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 7: Op de pagina’s van divis waar video’s op staan, verschijnt aan het begin en het einde van de video het logo van Indiveo in beeld. Deze informatie is momenteel niet toegankelijk voor blinde bezoekers. De video biedt op dit moment geen audiodescriptie of een alternatief voor de belangrijke visuele informatie die in beeld komt. Voor bezoekers met een visuele beperking, zoals blindheid of slechtziendheid, is het van belang dat zij de informatie die in het beeld van een video verschijnt tot zich kunnen nemen. Een uitgeschreven tekst van de belangrijke informatie uit de video of audiodescriptie kan dit oplossen. Let op, een uitgeschreven tekst keuren we niet goed op succescriteria 1.2.5. Audiodescriptie is daarom een betere oplossing. Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Bij succescriterium 1.2.3 zijn video’s beschreven waar audiodescriptie of een media-alternatief ontbreekt. Dit wordt ook afgekeurd onder dit succescriterium. Voor dit succescriterium is audiodescriptie verplicht (niveau AA), waar ruimte is in het standaard audiospoor om deze informatie te geven. Er is in deze video voldoende ruimte hiervoor aanwezig. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien. Zie alle video’s op pagina’s waar divis op staan, bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: Op alle pagina’s waar divis op staan (zoals https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902) staat in de header een groep knoppen, waaronder een printerknop, een themaknop en andere knoppen. Deze knoppen staan in een navigatie groep met de naam "Main navigation". Die naam is nu alleen beschikbaar voor hulpsoftware en voldoet niet omdat deze niet de juiste informatie geeft, pas de naam aan naar een waarde die beter omschrijft wat het doel van deze componenten is.
Op pagina deze pagina's staat aan de linkerzijde duidelijk een groep links die bij elkaar horen. Deze links staan in een aside element met de naam "Sidebar navigation". Het is ook nodig om deze naam aan te passen zodat deze beter beschrijft wat voor soort links in deze groep staan. Het gaat hier met name om het feit dat de naam Engels is. In dit tweede geval is het ook een optie om de serie links in een lijst te plaatsen zodat het voor (gebruikers van) hulpsoftware duidelijk is dat deze links bij elkaar horen.

Bevinding 10: De knop “Meer” in de header van elke pagina waar divis op staan opent een submenu. De link “Uw privacy” opent een dialoogvenster. Visueel zijn er meerdere alinea’s aanwezig. In de HTML is de inhoud van dit venster in één p-element is geplaatst. Er zijn visueel tussenkopjes aanwezig. Deze tussenkopjes zijn gemarkeerd met het strong-element in plaats van de headings-elementen. Zie bijvoorbeeld “Websites van derden binnen onze service” en meer. Onder het kopje “Maatregelen” staat een opsomming die alleen visueel te onderscheiden als een lijst. De juiste opmaak met het goed gebruik van koppen en alinea's ontbreekt. Dit type probleem komt ook in het dialoogvenster om de pagina te printen voor.

Bevinding 11: Op pagina’s met divis staat een knop “Geef je mening”. Deze knop opent een dialoogvenster waarin visueel twee alinea tekst staan. In de HTML is deze tekst in een p-element opgenomen. De visuele presentatie verschilt van de structuur van de informatie in de HTML. Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105907.

Bevinding 12: Op alle pagina’s met divis staat boven de zijbalk met paginanavigatie de naam van de aandoening. Deze tekst functioneert als een kop, maar is niet als koptekst gemarkeerd. Een voorbeeld hiervan is de pagina https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902 met de tekst "Netelroos". Tekst die eruitziet en functioneert als een kop, maar niet als zodanig is opgemaakt, verliest zijn functie voor blinde bezoekers. Koppen kunnen worden gebruikt om de inhoud van de pagina te scannen of om naar een sectie te navigeren. Koppen die niet als zodanig zijn opgemaakt, kunnen niet voor deze doeleinden worden gebruikt. Daarnaast zorgt dit voor problemen met de structuur en hiërarchie van de informatie. Wanneer tekst alleen visueel als een kop eruitziet, verschilt de structuur van de informatie in de HTML van de zichtbare structuur. De juiste HTML-elementen (h1 - h6) moeten worden gebruikt om deze koppen correct op te maken. Zie bijvoorbeeld pagina’s https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 en https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

Bevinding 13: Op de pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527 staat onder het kopje 'Nierbiopsie' een slider. Boven de slider bevinden zich knoppen die de voortgang van de presentatie aangeven. Deze informatie is echter niet toegankelijk voor blinde en slechtziende gebruikers. Dit probleem kan worden opgelost door een tekst(alternatief) toe te voegen icm het gebruik te maken van een aria-current="true" op het actieve onderdeel. Deze onderdelen voldoen nu ook niet aan de eisen van succescriteriums 1.4.1 én 4.1.2.

Bevinding 14: Op de pagina https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 staat in de zijbalk de paginanavigatie. De link "Wat is diabetes?" heeft een label "video". Deze tekst is echter verborgen voor de schermlezer, waardoor een blinde bezoeker andere informatie te horen krijgt dan wat er visueel op de pagina wordt weergegeven. Dit issue is te zien op alle pagina’s waar divis op staan. Let erop dat het attribuut aria-label de naam van bijvoorbeeld een link overschrijft, waardoor er informatie in de link verborgen kan worden voor hulpsoftware.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: Op de pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527 staat onder het kopje 'Nierbiopsie' een slider met daarboven een voortgangsbalk. In deze balk worden de bekeken en huidige dia's uitsluitend door kleur onderscheiden. Dit kan problematisch zijn voor slechtziende of blinde bezoekers, omdat zij hierdoor mogelijk niet kunnen bepalen op welke dia ze zich bevinden. Om de toegankelijkheid te waarborgen, moet de huidige dia op een manier worden aangegeven die niet alleen op kleur is gebaseerd. Dit kan worden opgelost door tekst toe te voegen: “Slide 1 uit X”.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 16: Op de pagina’s met divis staan blauwe knoppen met witte tekst 'Afspelen' en 'Soorten XX'. De skiplink die op focus verschijnt, heeft ook een witte tekst op en blauwe achtergrond. Het kleurcontrast is 2,8:1. Dit moet minimaal 4,5:1 zijn. Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.
Op pagina’s met divis staat een knop “Geef je mening”. Deze knop opent een dialoogvenster waarin een groene knop met de witte tekst “Verstuur reactie” staat. De contrastverhouding is 2,3:1. Dit moet minimaal 4,5:1 zijn.
Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105907. Zie ook het dialoogvenster om de pagina te printen.

Bevinding 17: Op alle pagina’s met divis staat onderaan de pagina een lichtgrijze tekst "Naam aandoening", "versie 1" en "gepubliceerd op datum". Deze tekst is grijs (HEX#94A3B8) en staat op een lichtgrijze (HEX#F6F7F8) achtergrond. De contrastverhouding is 2,4:1. Deze teksten zijn minder dan 24px en niet vet, dus het contrast moet minstens 4,5:1 zijn. Zie bijvoorbeeld
https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710.

Bevinding 18: Op pagina’s waar divis staan, staat een knop “Geef uw mening” die een dialoogvenster opent. In dit venster staat een formulier. Wanneer dit formulier leeg wordt verzonden, verschijnt een foutmelding: “notclearfeedbackfield is verplicht.”. De kleur van de tekst is rood. In combinatie met een witte achtergrond is het kleurcontrast 4,1:1. Dit moet minimaal 4,5:1 zijn.
Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

Bevinding 19: Wanneer de pagina met divis bekeken wordt 400% ingezoomd en de bezoeker over de menuknop de muis beweegt, verandert te achtergrond van de knop en wordt de tekst “menu sluiten” deels onzichtbaar omdat witte letters op een witte achtergrond komen te staan.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 20: Wanneer de pagina met een divi voor het eerst wordt bezocht, verschijnt er een dialoogvenster met de kop "Kies de taal voor jouw video's". Als deze pagina wordt weergegeven met een schermresolutie van 1280 bij 1024 en wordt ingezoomd tot 200%, verdwijnen de teksten van de twee select-elementen. Er verschijnen twee verticale scrollbalken waarmee de labels kunnen worden gelezen. Toch is dit geen toegankelijke oplossing. De tekst die onder “Meer over talen” verschijnt, is helemaal niet leesbaar.
Zie https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 21: Als de pagina's met divis worden bekeken met een schermresolutie van 1280 bij 1024 en er wordt ingezoomd tot 400%, is de inhoud van de hele pagina niet zichtbaar door de sticky header en footer. Zorg ervoor dat de inhoud van de pagina leesbaar blijft.
Zie
https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902,
https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 en
https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527. In deze weergave moet het mogelijk zijn om de webpagina te bekijken én bedienen. Scrollen in twee dimensies is alleen voor bepaalde soorten content zoals tabellen toegestaan als oplossing voor deze situatie.

Bevinding 22: Wanneer de pagina’s met divis op 320px bekeken wordt, verdwijnt de naam van de aandoening op de menuknop. Op pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527 blijft alleen “Nierbi” over. Zie ook andere pagina’s met divis.
Wanneer een pagina met een divi voor het eerst wordt bezocht, verschijnt er een dialoogvenster met de kop "Kies de taal voor jouw video's". Als deze pagina wordt weergegeven met een schermresolutie van 1280 bij 1024 en wordt ingezoomd tot 400%, is het dialoogvenster helemaal niet zichtbaar. Wanneer de pagina bekeken wordt op 320px, is een van de select-elementen zichtbaar. Er is geen indicatie dat hier kan worden gescrold om een ander select-element in beeld te krijgen. De tekst onder ‘Meer over talen’ verdwijnt deels onder de sticky footer. Zie bijvoorbeeld https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 23: Op de pagina https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902 staat onder de video een afbeelding. Wanneer op deze afbeelding wordt geklikt, wordt deze schermvullend geopend. In dit venster bevindt zich een sluitknop, weergegeven als een wit kruisje op een witte achtergrond. De contrastverhouding tussen de knop en de achtergrond is 1:1, wat niet voldoet aan de minimale vereiste van 3,0:1. Dit probleem komt voor op alle pagina's met divi's, zoals te zien is op https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710.

Bevinding 24: Op alle pagina's waar divi's staan, zijn er knoppen in de header, zoals een printerknop, een contrastknop en andere. De aangepaste focusrand van deze knoppen heeft echter een onvoldoende kleurcontrast ten opzichte van de achtergrondkleur van de pagina. De focuskleur is blauw (HEX#9AB8F4), terwijl de achtergrondkleur lichtgrijs is (HEX#F6F7F9). Dit resulteert in een contrastverhouding van 1,9:1, terwijl dit minimaal 3,0:1 moet zijn. Dit probleem doet zich ook voor bij andere knoppen, zoals de knop 'Afspelen' en 'Geef uw mening'. De standaard focusindicator is op deze pagina’s vervangen door een aangepaste focusindicator. De standaard focusindicator voldoet automatisch aan de eisen van dit succescriterium, omdat er geen specifieke contrastvereisten voor gelden. Mensen die de standaard focusindicator willen aanpassen, kunnen dit zelf doen. Aangepaste focusindicatoren kunnen echter niet door bezoekers worden aangepast, waardoor de contrastvereisten van toepassing zijn. Dit probleem is bijvoorbeeld te zien op de pagina https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

Bevinding 25: Op pagina’s met divis staat een knop “Geef je mening”. Deze knop opent een dialoogvenster waarin een tekstvak staat. De kleur van de rand is lichtgrijs en heeft een kleurcontrast van 1,5:1. Dit moet minimaal 3,0:1 zijn.
Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105907. In de virtuele tour die kan worden gestart door te klikken op de knop “Meer” en dan “Hoe werkt het” heeft de grijze sluitknop (HEX#9A9A9A) in een dialoogvenster onvoldoende contrast van 2,3:1 met de achtergrond (HEX#E6E6E6). Dit moet minimaal 3,0:1 zijn. Zie ook het dialoogvenster om de pagina te printen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 26: Op alle pagina’s waar divis staan, in de header, staat een knop met een printer. Deze knop opent een dialoogvenster. In het dialoogvenster bevindt zich een knop "Annuleren". Deze knop is niet toegankelijk via het toetsenbord. In dit venster bevindt zich een iframe en alle knoppen in het iframe zijn niet toegankelijk via het toetsenbord.
Zie bijvoorbeeld
https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

Bevinding 27: Op pagina's zoals https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902 is het mogelijk om op de afbeeldingen te klikken om deze groot in beeld te zetten. het vergroten van afbeeldingen moet indien het met de muis kan ook met het toetsenbord mogelijk zijn. Het wordt aangeraden om deze functionaliteit voor alle gebruikers uit te schakelen en in plaats daarvan het contextmenu op de afbeeldingen in te schakelen zodat gebruikers via dat menu de afbeelding in een apart tabblad kunnen openen. Dit type probleem komt ook voor op andere afbeeldingen op andere pagina's. Hierbij is het ook zo dat een afbeelding die vergroot kan worden per definitie niet decoratief kan zijn en dus altijd een goed tekstalternatief moet hebben.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 28: Alle pagina’s binnen een divi hebben dezelfde waarde in het title-element op de html. In geval van https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902 is dat “Netelroos - Indiveo”. In het <title>-element van elke pagina moet een tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Hierdoor begrijpen bezoekers beter waar de pagina over gaat. Deze tekst wordt bovendien ook getoond in de tab van de browser. Met een duidelijke beschrijving kunnen gebruikers makkelijker navigeren tussen verschillende pagina’s. Zet een duidelijke tekst in het <title>-element van de pagina, die de inhoud van de pagina beschrijft. Zie ook andere divis.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 29: Als een pagina met een divi op een klein scherm wordt bekeken, verschijnt er bovenaan een menulink met drie horizontale lijnen. Deze link opent een mobiel menu. Na het doorlopen van alle interactieve elementen kan de focus het menu verlaten. Goed beheer van de focus is essentieel om ervoor te zorgen dat bezoekers effectief door het menu kunnen navigeren en niet in de war raken doordat ze per ongeluk interactie hebben met inhoud buiten het menu terwijl het geopend is. Zorg ervoor dat de focus in het paneel blijft totdat de bezoeker het paneel sluit door op de sluitknop te klikken of door een ESC-toets op het toetsenbord te gebruiken. Of laat het paneel verdwijnen wanneer de focus het menu verlaat. Zie bijvoorbeeld pagina https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

Bevinding 30: Op een pagina met een divi bevindt zich in de header een knop met een printericoon. Wanneer deze knop wordt geactiveerd, landt de focus niet direct in het geopende dialoogvenster, maar gaat eerst langs een aantal interactieve elementen onder het dialoogvenster. Dit resulteert in een onlogische focusvolgorde. Dit probleem doet zich voor op alle pagina's waar divis staan, zoals te zien is op de volgende pagina's:
https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 en
https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527. Dit gebeurt ook in het dialoogvenster dat opent na het klikken op de knop “Meer” en vervolgens “Uw privacy”.

Bevinding 31: Op de pagina’s waar video's op staan, staan een knop “Nederlands” in de hoek van de video. Deze knop opent een dialoogvenster. De focus kan ook dit venster verlaten. Dit is niet de bedoeling. Zie bijvoorbeeld https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 32: Op alle pagina’s waar divis op staan, in de header, bevindt zich een knop met een printer. Deze knop opent een dialoogvenster. In het dialoogvenster bevindt zich een iframe, maar het iframe heeft geen titel. Een iframe heeft een betekenisvolle beschrijving nodig, die meestal wordt gegeven in het title-attribuut. De titel moet het type inhoud in het iframe beschrijven en een unieke en duidelijke beschrijving geven om een blinde bezoeker te helpen bepalen of de inhoud van het iframe relevant is of de moeite waard om te bekijken.
Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

Bevinding 33: Op pagina’s met divis staat een knop “Geef je mening”. Deze knop opent een dialoogvenster waarin een knop met de tekst “Annuleren” staat. Deze tekst biedt onvoldoende informatie over de functie van de knop. Dit kan worden opgelost door het toevoegen van verborgen tekst die alleen zichtbaar is voor de schermlezer. Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105907.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 34: Wanneer de pagina met een divi voor het eerst wordt bezocht, verschijnt er een dialoogvenster met de kop 'Kies de taal voor jouw video's'. In dit venster staat Engelse tekst: 'Choose your language'. Voor deze tekst is echter geen taalcode toegepast. Hierdoor wordt de Engelse tekst voorgelezen volgens de uitspraakregels van de primaire taal van de pagina, die is ingesteld op 'nl' via het lang-attribuut van het <html>-element. Dit kan verwarrend zijn voor gebruikers die gebruikmaken van schermlezers. Zie bijvoorbeeld de pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

Bevinding 35: Op pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527 staat de knop "Toggle fullscreen" naast de grote kop "Nierbiopsie" in het midden van het scherm. Dit tekstalternatief mag niet Engels zijn tenzij er een taalwisseling aanwezig is.

Bevinding 36: Op alle pagina's met een divi zoals https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902 staat aan de linkerzijde een serie links in een aside element met het aria-label "Sidebar navigation". Ook dit soort teksten die alleen beschikbaar zijn voor hulpsoftware moeten in de juiste taal staan of moeten een taalwisseling krijgen. Dit geld ook voor het nav-element met het aria-label "Main navigation" bovenaan iedere pagina.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 37: Op pagina’s waar divis staan, staat een knop “Geef uw mening” die een dialoogvenster opent. In dit venster staat een formulier. Wanneer dit formulier leeg wordt verzonden, verschijnt een foutmelding: “notclearfeedbackfield is verplicht.”. Deze foutmelding voldoet niet omdat het te cryptisch is en meer op een instructie lijkt dan een foutmelding. Een betere foutmelding zou zijn “Geen feedback is ingevuld”. Zie bijvoorbeeld https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902.

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 38: Wanneer een pagina waar een divi op staat voor het eerst wordt bezocht, verschijnt er een dialoogvenster met de kop "Kies de taal voor jouw video's". Dit dialoogvenster mist de juiste rol en de toegankelijkheidsnaam. Dit kan worden opgelost door het toevoegen van role=”dialog” en een aria-label met beschrijving van de inhoud. In dit venster staat onder het kopje "Meer over talen" een sectie met samengevouwen inhoud. De status of de sectie, open of gesloten, is niet gecommuniceerd aan de schermlezer. Ook dit kan worden opgelost met een aria-expanded attribuut.
Zie bijvoorbeeld https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

Bevinding 39: Op de pagina's met divis bevinden zich secties met inhoud die kan worden in- en uitgeklapt. De toestand (state) van deze inhoud is echter niet programmatisch te bepalen. Een voorbeeld hiervan is te vinden op de pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527 onder het kopje 'Het onderzoek duurt zo'n 20 minuten'. Dit probleem doet zich ook voor op andere pagina's, zoals: https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902, https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710. Het moet voor (gebruikers van) hulpsoftware duidelijk zijn of de knop "Openen / Sluiten" op dit moment is ingeklapt of uitgeklapt. Deze informatie moet beschikbaar zijn terwijl de toetsenbordfocus op deze knop staat. Het is een optie om hier het aria-expanded attribuut voor te gebruiken.

Bevinding 40: Als een pagina met een divi op een klein scherm wordt bekeken, verschijnt er bovenaan een menulink met drie horizontale lijnen. Deze link opent een mobiel menu. De status van het mobiele menu (uitgeklapt of niet) is echter niet programmatisch te bepalen. Dit kan worden opgelost door een tekstuele uitleg toe te voegen, zoals "(ingeklapt)" en "(uitgeklapt)", die met CSS voor reguliere bezoekers onzichtbaar wordt gemaakt. Een andere oplossing is het toevoegen van een aria-expanded-attribuut bij de menulink van dit hamburgermenu, met de waarde "true" wanneer het menu is geopend en "false" wanneer het menu is gesloten.
Zie bijvoorbeeld
​​https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902,
https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 en
https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

Bevinding 41: Op de pagina’s met divis staat bovenaan de pagina een knop met de tekst “Meer”. De status van het submenu dat deze knop opent is niet programmatisch te bepalen. Zie
​​https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902,
https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 en
https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

Bevinding 42: Op de pagina https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527 staat onder het kopje 'Nierbiopsie' een slider. Boven de slider bevinden zich lijnen die fungeren als knoppen om van slide te wisselen. Deze knoppen hebben geen rol en geen naam voor de toegankelijkheid. Aan deze knoppen kan een toegankelijkheidsrol worden toegewezen. Aan de linker- en rechterkant van een slide staan twee knoppen met pijlen waarmee ook tussen slides kan worden gewisseld. Deze knoppen hebben eveneens geen toegankelijkheidsnaam. Er kan een aria-label worden toegevoegd met 'volgende slide' en 'vorige slide'. Het toevoegen van de actieve status van één van deze knoppen is apart afgekeurd onder succescriterium 1.3.1 en moet ook opgelost worden om te voldoen.

Bevinding 43: Op de pagina https://indiveo.services/divis/weblink/DGGycHn5Z85fyAQH/7376/105902, in de header, staat een knop met een printer. Deze knop opent een dialoogvenster. Dit dialoogvenster heeft geen toegankelijkheidsnaam en geen rol. Dit kan worden opgelost door het toevoegen van role=”dialog” en een aria-label.
In dit dialoogvenster staat een sluitknop zonder toegankelijke naam. Onderaan het dialoogvenster staat een knop "Annuleren". Deze knop heeft echter geen correcte rol. Zonder rol link of button kan de schermlezer niet aan een blinde bezoeker vertellen dat hier een interactief element staat.
Dit dialoogvenster verschijnt op alle pagina’s met divis. Zie bijvoorbeeld
https://indiveo.services/divis/weblink/mF0sqdKh5Xed0DlH/6159/97710 en
https://indiveo.services/divis/weblink/R2bTeoZpwzyzoU6i/11768/121527.

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: 2024-11-21 12:50:51 v2.4-011