Issues:
Audit digitale toegankelijkheid website Reade
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Reade.nl |
---|---|
Datum | 4 september 2025 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
1. Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content (Niveau A)
Informatie over succescriterium 1.1.1 Niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 1: Op de pagina https://reade.nl/zorg onder de kop "Regio Groot Amsterdam" heeft de kaartafbeelding geen alternatieve tekst. Bezoekers die gebruik maken van schermleessoftware krijgen dan niet door dat hier informatie staat. Voeg een alt tekst toe of in ieder geval een leeg alt attribuut om de afbeelding wel mee te laten nemen.
Bevinding 2: Op de pagina https://reade.nl/zorg onder de kop "Nieuws" hebben veel afbeeldingen een alternatieve tekst die geen toevoeging heeft aan het verwante nieuwsartikel. Bij de titel "De voorzitter van de cliëntenraad is de dirigent van ons team" staat bijvoorbeeld een afbeelding met de alternatieve tekst "Iemands hand met houten wetshamer". Indien een afbeelding decoratief bedoeld is, behoeft het geen toegankelijke tekst gezien dit veel extra ruis veroorzaakt. Men kan het alt attribuut leeg laten zodat de afbeelding genegeerd wordt door hulpsoftware. Ditzelfde is op meerdere plekken van toepassing, bijvoorbeeld op https://reade.nl/zorg/nieuws.
Bevinding 3: Op de pagina https://reade.nl/over-ons/medewerkers hebben de afbeeldingen van iedere medewerker een alt tekst die nu de bestandsnaam is. Voor bezoekers die gebruik maken van schermleessoftware is daardoor niet duidelijk wat er te zien is. Een oplossing is de alternatieve tekst in te vullen met "portret [naam medewerker]".
Bevinding 4: De pdf op pagina https://reade.nl/files/files/PDF-Bestanden/Koersboek-Reade-2030-Versie-2.pdf?v=1672317503 heeft bij afbeeldingen geen alternatieve teksten ingevuld staan. Bezoekers die gebruik maken van schermleessoftware krijgen hierdoor niet mee wat er op de afbeeldingen staat. Een oplossing is een correct beschrijvende alternatieve tekst toe te voegen.
Ditzelfde is van toepassing bij https://reade.nl/files/files/PDF-Bestanden/2024-jaarverslag-bestuurs-financieel.pdf?v=1751277532.
Bevinding 5: Op de pagina https://reade.nl/zelf-regelen/vergoeding-zorgverzekeraar staat onder de kop Verzekeringsmaatschappijen een tabel. Deze tabel is nu een screenshot. Bezoekers die gebruik maken van schermleessoftware kunnen deze tabel nu niet bekijken zeker omdat de alt tekst van de tabel nu ‘Knipsel’ is. Een oplossing de informatie uit de tabel op een andere wijze weer te geven.
Bevinding 6: Op de pagina https://reade.nl/professionals staat onder ‘Onze Expertise’ een afbeelding genest in een link. Als bezoekers op deze link klikken komen ze terecht op de pagina ‘Onze Zorgvisie’. Dit sluit niet aan bij wat je verwacht te krijgen bij het onderdeel Expertise, gezien de alternatieve tekst van de afbeelding "BANNER 2022" is. Zorg voor een goede omschrijvende alt tekst en een duidelijke beschrijving naar welke pagina gelinkt wordt.
Bevinding 7: Op de pagina https://reade.nl/professionals staat bij ‘Onze Partners’ een afbeelding genest in een link, met meerdere logo's. Het heeft nu de alternatieve tekst "BANNER Netwerkpartners Logos 2022" dat het niet omschrijft. Gezien de omvang is het niet mogelijk al deze partners in een alt attribuut te vermelden. Mede omdat hulpsoftware niet gepauzeerd kan worden bij het lezen van alt attributen. Onder de afbeelding staat tevens een link naar dezelfde pagina. Het zou goed zijn om de afbeelding een tekst te geven als "logo's van alle netwerkpartners" en de link hier te verwijderen.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 8: Op de pagina https://reade.nl/zorg staan in het blok "Reade Service & Planning koppen, zoals "Wil je je afspraak verzetten of annuleren?" die opgemaakt zijn met een strong element. Zorg dat alle visuele koppen ook als zodanig in de HTML zijn opgemaakt; bezoekers die navigeren op basis van de koppenstructuur krijgen deze nu niet als kop mee. Gebruik heading elementen (h), verwijder strong en gebruik bijvoorbeeld stylingopties in CSS om vette tekst te creëren.
Bevinding 9: Op de pagina https://reade.nl/professionals/verwijzen zijn er diverse cards met koppen, opgemaakt binnen een paragraph element (p) bedoeld voor platte tekst (o.a. "Triage Hersenletsel"), of een strong element bedoeld om de nadruk te leggen op enkele woorden (o.a. "Teleconsult aanvragen via Huisartsen+punt"). Bezoekers die navigeren op basis van de koppenstructuur krijgen hierdoor deze teksten niet goed mee. Maak alles dat er visueel uitziet als een kop, ook zodanig op middels een heading element (h).
Bevinding 10: Op de pagina https://reade.nl/over-ons/medewerkers kan een bezoeker sorteren op Alfabet of Specialisme. Deze radiobuttons hebben nu geen fieldset die beschrijft dat ze bij elkaar horen en wat de functie is. Bezoekers die gebruik maken van schermleessoftware weten dan dus niet dat deze opties bij elkaar horen. Een oplossing is een fieldset toe te voegen in de html code die ervoor zorgt dat de radiobuttons ook qua code bij elkaar horen.
Bevinding 11: Op de pagina https://reade.nl/zelf-regelen/wachttijden staan bij de wachttijden voetnoten. De voetnoten staan programmatisch niet in verband met de tijden, waardoor er voor hulpsoftware geen logische volgorde bestaat om aan haar gebruikers voor te lezen. Zorg dat dergelijke informatie correct gekoppeld is.
Bevinding 12: Op de pagina https://reade.nl/zelf-regelen/vergoeding-zorgverzekeraar staan in de uitklapmenu's opsommingen van de merken die onder iedere zorgverzekeraar vallen, bijvoorbeeld onder "Achmea". Maak wat visueel een lijst is, ook als unordered list (ul) in de HTML op, zodat hulpsoftware de omvang aan haar gebruikers kan overleggen.
Bevinding 13: Op de pagina https://reade.nl/professionals/verwijzen staat in de card met de kop "Intercollegiaal overleg Revalidatie” een "lees verder" link. Met tabtoetsnavigatie langs de interactieve elementen op de pagina, snapt men hier niet waar de link naartoe gaat. Voeg een beschrijvende tekst toe (lees verder op pagina [paginatitel]), bijvoorbeeld als sr-only zodat het alleen door hulpsoftware wordt voorgelezen.
Bevinding 14: Op de pagina https://reade.nl/professionals/verwijzen staat in de card met de kop "Intercollegiaal overleg Revalidatie” een "lees verder" link. De tekst bevat ook twee chevrons, die als "groter dan" worden voorgelezen. Een oplossing is hier een icoon voor te gebruiken zonder alternatieve tekst, zodat het wordt genegeerd door schermleessoftware. Dit probleem doet zich veelvuldig op de website voor. Zie tevens SC 2.4.4.
Bevinding 15: Op de pagina https://reade.nl/zorg/nieuws staat onderaan het nieuwsoverzicht paginering. Hulpsoftware leest slechts een getal voor en dat het een link betreft. Zorg dat in de alternatieve tekst het duidelijk wordt dat dit paginering betreft (ga naar pagina 2 etc.). Dit probleem doet zich veelvuldig op de website voor.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 16: In het navigatiemenu, zoals op https://reade.nl/zorg, staan uitklapmenu's. Bij focus op de menuitems verandert slechts de kleur. Dit is een probleem voor kleurenblinden die dit niet goed kunnen onderscheiden. Zorg ervoor dat er ook een duidelijke focusrand zichtbaar is. Zie tevens SC 2.4.7.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 17: Diverse pagina’s zoals https://reade.nl/zorg hebben meerdere lichtblauwe knoppen (HEX #1E96E2) met witte tekst. Dit betreft een contrast van 3,2:1 waar het minimaal 4,5:1 behoort te zijn. Pas dit aan voor onder andere kleurenblinden. Dit probleem en kleurencombinatie doet zich veelvuldig op de pagina voor.
Bevinding 18: Diverse pagina's zoals https://reade.nl/zorg bevatten een kop op niveau H1 met als achtergrond een wisselende afbeelding. In dit geval betreft het "Sterk in revalidatie en reumazorg" op een deels okerbruine achtergrond (HEX AEA935). Hier is er sprake van 2,4:1 contrast waar het minimaal 3:1 behoort te zijn. Bekijk integraal naar de kleurkeuzes in deze banners op de website, en zorg ervoor dat het contrast met de tekst altijd voldoet aan het contrastminimum.
Bevinding 19: De PDF op pagina https://reade.nl/files/files/PDF-Bestanden/2024-jaarverslag-bestuurs-financieel.pdf?v=1751277532 bevat een organogram waar de witte tekst niet voldoende contrast heeft met gekleurde achtergrond, bijvoorbeeld op bladzijde 6. De oranje (HEX #F49B00) en groene (HEX #389868) kleuren leveren een contrastratio van 2:1 en 3,2:1 respectievelijk op. Zorg dat dit minimaal 4,5:1 betreft.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 20: Op de pagina https://reade.nl/zelf-regelen/vergoeding-zorgverzekeraar staat onder de kop Verzekeringsmaatschappijen een afbeelding van tekst. Bezoekers ondervinden bij het inzoomen van de pagina problemen, omdat de tekst hierdoor vervaagt en onleesbaar wordt. Presenteer de afbeelding op een andere wijze, bijvoorbeeld als tabel op de pagina.
2. Bedienbaar
2.4 Navigeerbaar
2.4.1 Blokken omzeilen (Niveau A)
Informatie over succescriterium 2.4.1 Blokken omzeilen
Uitkomst: Onvoldoende
Bevinding 21: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met toetsenbord bedienen en/of hulpsoftware moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit kan je oplossen 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 er op komt wanneer met het toetsenbord wordt genavigeerd.
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 22: Op de pagina https://reade.nl/zorg/zorgaanbod/chronische-pijn staat een kop ‘wat is chronische pijn’. In deze kop staat nu aan het begin een ster. Bezoekers die gebruik maken van schermleessoftware krijgen deze ster nu ook opgelezen. Men kan de ster programmatisch aan de daartoe behorende tekst verbinden, maar het advies is om dit niet op een dergelijke manier te gebruiken. Men kan er ook voor kiezen om de asterisk te verbergen voor hulpsoftware middels aria-hidden.
Bevinding 23: De pdf https://reade.nl/files/files/PDF-Bestanden/Koersboek-Reade-2030-Versie-2.pdf?v=1672317503 bevat geen titel in de documenteigenschappen. Bezoekers die gebruik maken van schermleessoftware krijgen hierdoor de bestandsnaam te horen. Zorg dat een titel wordt toegevoegd aan de documenteigenschappen en dat deze in plaats van de bestandsnaam wordt voorgelezen.
Ditzelfde is van toepassing bij https://reade.nl/files/files/PDF-Bestanden/2024-jaarverslag-bestuurs-financieel.pdf?v=1751277532
2.4.3 Focus volgorde (Niveau A)
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevinding 24: Bij het navigeren in het menu, zoals op https://reade.nl/, kan de bezoeker met het toetsenbord menuitems openklappen. Indien men door de opties is navigeert, komt men op de onderliggende pagina terecht. Zorg dat men binnen het menu blijft en het moet sluiten, alvorens de focus elders op de pagina verdergaat.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 25: Op de pagina https://reade.nl/professionals/verwijzen staat in de card met de kop "Intercollegiaal overleg Revalidatie” een "lees verder" link. De tekst bevat ook twee chevrons, die als "groter dan" worden voorgelezen. Een oplossing is hier een icoon voor te gebruiken zonder alternatieve tekst, zodat het wordt genegeerd door schermleessoftware. Dit probleem doet zich veelvuldig op de website voor. Zie tevens SC 1.1.1.
Bevinding 26: Advies: Op de pagina https://reade.nl/professionals staat bij ‘onze partners’ een afbeelding genest in een link. Omdat direct onder de afbeelding dezelfde link in tekst staat is het advies de link achter de afbeelding te verwijderen om verwarring te voorkomen voor bezoekers die gebruik maken van schermleessoftware.
2.4.7 Focus zichtbaar (Niveau AA)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevinding 27: In de header zoals op https://reade.nl/zorg staat een zoekknop. Als een bezoeker hier een zoekvraag invult en met de tabtoets navigeert krijgt ‘naar de zoekresultaten’ geen specifieke focus mee. Een bezoeker ziet dus dan niet goed dat deze optie geselecteerd is. Een oplossing is bijvoorbeeld ‘naar de zoekresultaten’ een omlijning mee te geven als deze geselecteerd is.
Bevinding 28: Op de pagina https://reade.nl/zorg/mijnreade staat de link "Toon meer Veelgestelde vragen". Bezoekers die navigeren met het toetsenbord komen niet op deze optie terecht. Als men vanaf 'Waarom moet ik een vragenlijst invullen?' met de tab toets verder gaat komt iemand terecht op E-mailen in het blauwe blok. Een oplossing is ervoor te zorgen dat "oon meer veelgestelde vragen" meegenomen wordt in de focusvolgorde.
Bevinding 29: In het navigatiemenu, zoals op https://reade.nl/zorg, staan uitklapmenu's. Bij focus op de menuitems verandert slechts de kleur. Dit is een probleem voor kleurenblinden die dit niet goed kunnen onderscheiden. Zorg ervoor dat er ook een duidelijke focusrand zichtbaar is. Zie tevens SC 1.4.1.
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 30: De PDF op pagina https://reade.nl/files/files/PDF-Bestanden/Koersboek-Reade-2030-Versie-2.pdf?v=1672317503 bevat de Amerikaans Engelse taalinstelling (en-US) in de documenteigenschappen, waardoor dit automatisch in het Engels wordt voorgelezen door hulpsoftware. Verander het naar Nederlands.
3.1.2 Taal van onderdelen (Niveau AA)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 31: In het broodkruimelpad op elke pagina, bijvoorbeeld https://reade.nl/zorg, staat een icoon van een huisje. Dit huisje heeft een aria label "Breadcrumb". Bezoekers die gebruik maken van schermleessoftware krijgen dit door de software niet correct uitgesproken doordat deze de Nederlandse stem zal gebruiken. Een oplossing is "Breadcrumb" te veranderen in "Kruimelpad".
3.2 Voorspelbaar
3.2.3 Consistente navigatie (Niveau AA)
Informatie over succescriterium 3.2.3 Consistente navigatie
Uitkomst: Onvoldoende
Bevinding 32: Op de pagina https://reade.nl/zorg/zorgaanbod/revalidatie staat onder de kop "Wij behandelen de volgende diagnoses" meerdere links naar diagnoses. Bezoekers die navigeren met het toetsenbord kunnen na het klikken op enter bij een specifieke diagnose niet meer terug naar het overzicht van de diagnoses binnen een specialisatie. Hier is geen link naartoe op de diagnosepagina’s. Een oplossing is ervoor te zorgen dat er op een diagnose pagina een link staat die verwijst terug naar de eerdere pagina.
Bevinding 33: Op de pagina https://reade.nl/zelf-regelen/vergoeding-zorgverzekeraar en andere pagina’s staat een blauw blok "Reade Service & Planning". Hierin staat een telefoonnummer vermeld. Bezoekers die navigeren met het toetsenbord kunnen dit telefoonnummer niet bereiken omdat deze geen focus krijgt. Een oplossing is bijvoorbeeld het telefoonnummer als link te vermelden zoals dit op andere pagina’s gedaan word.
3.2.4 Consistente identificatie (Niveau AA)
Informatie over succescriterium 3.2.4 Consistente identificatie
Uitkomst: Onvoldoende
Bevinding 34: Op de pagina https://reade.nl/zorg staat direct boven de footer een blok "Reade Service & Planning". In dit blok is de link "veelgestelde vragen" altijd wit. Voor bezoekers die navigeren met de tabtoets creëert dit de situatie dat ze 2x een witte link te zien krijgen als ze niet op veelgestelde vragen staan. Hierdoor is niet duidelijk op welke link ze dan gaan klikken. Een oplossing is de witte achtergrond bij ‘veelgestelde vragen’ daar alleen te laten tonen als deze ook geselecteerd is. Ditzelfde blok komt voor op andere pagina’s zoals https://reade.nl/over-ons/locaties.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 35: Op de pagina https://reade.nl/zorg/nieuws staat een formulier. Indien de checkbox niet is geselecteerd krijgen bezoekers de melding “Missende verplichte velden:” te zien. Onduidelijk is hier dat er verwacht word dat de checkbox aangevinkt word. Zorg ervoor dat dit in de melding naar voren komt.
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevinding 36: Op de pagina https://reade.nl/zorg/nieuws staat een formulier. Direct onder deze checkbox staat een tekst 'Nieuws vanuit Reade'. Het is niet duidelijk of dit hoort bij de checkbox erboven of dat er een component verwijderd is van de pagina. Verduidelijk de tekst met iets zoals "Ik wil de Nieuws vanuit Reade nieuwsbrief ontvangen".
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
- Homepage:
https://reade.nl/zorg - Locaties:
https://reade.nl/over-ons/locaties - Mijn Reade:
https://reade.nl/zorg/mijnreade - Onze organisatie:
https://reade.nl/over-ons/onze-organisatie - Onze medewerkers:
https://reade.nl/over-ons/medewerkers - Veelgestelde vragen:
https://reade.nl/zelf-regelen/veelgestelde-vragen - Wachttijden:
https://reade.nl/zelf-regelen/wachttijden - Zorgaanbod:
https://reade.nl/zorg/zorgaanbod - Nieuwsoverzicht:
https://reade.nl/professionals/nieuws - Nieuwsbericht:
https://reade.nl/zorg/nieuws/reade-en-sint-maartenskliniek-werken-samen-in-reumatologie - Wetenschap:
https://reade.nl/wetenschap - Studie:
https://reade.nl/wetenschap/onderzoek/jaja-studie - Vergoeding zorgverzekeraar:
https://reade.nl/zelf-regelen/vergoeding-zorgverzekeraar - Chronische pijn:
https://reade.nl/zorg/zorgaanbod/chronische-pijn - Zoekresultaten:
https://reade.nl/zoek?s=Revalidatie - Pagina met pdf 1:
https://reade.nl/over-ons/anbi-gegevens - PDF:
https://reade.nl/files/files/PDF-Bestanden/2024-jaarverslag-bestuurs-financieel.pdf?v=1751277532 - Pagina met pdf 2:
https://reade.nl/over-ons/belofte-visie-waarden - PDF 2:
https://reade.nl/files/files/PDF-Bestanden/Koersboek-Reade-2030-Versie-2.pdf?v=1672317503 - Revalidatie:
https://reade.nl/zorg/zorgaanbod/revalidatie - Professionals:
https://reade.nl/professionals - Klinische revalidatie:
https://reade.nl/zorg/zorgaanbod/klinische-revalidatie - Jaar in beeld:
https://reade.nl/jaarbeeld-2023
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.