Alleen de bevindingen:
Audit digitale toegankelijkheid website Rogplus

Uitkomst: Onvoldoende

Bevinding 1: Bij een lagere resolutie wordt de hoofdnavigatie vervangen door een knop met drie strepen en het woord 'MENU'. Deze afbeelding van drie strepen is in svg-formaat en is decoratief omdat het woord menu er al naast staat. Sommige browser-screenreader-combinaties zien de SVG als afbeelding en kondigen deze dan verkeerd aan. Verberg daarom de SVG voor hulpsoftware; gebruik hiervoor bijvoorbeeld aria-hidden="true".

Bevinding 2: Op de homepage https://www.rogplus.nl/ staat naast het logo een 'i' in een zwart rondje dat gebruikt wodt als tooltip om informatie te geven over Rogplus. Deze afbeelding is in svg-formaat. Deze afbeelding is decoratief, omdat er al een toegankelijke naam aan de knop is gegeven. Sommige browser-screenreader-combinaties zien de svg als afbeelding en kondigen deze dan verkeerd aan. Verberg daarom de SVG voor hulpsoftware; gebruik hiervoor bijvoorbeeld aria-hidden="true". Ditzelfde geldt ook voor de afbeelding in de zoekknop bovenaan de pagina.

Bevinding 3: Op pagina https://www.rogplus.nl/contact kun je content uitvouwen. In elk uitgevouwen contentblok bevindt zich een link 'Lees op eigen pagina'. Vooraan de link is een afbeelding van schakels van een ketting. Deze afbeelding is in svg-formaat. Deze afbeelding is decoratief, omdat er al een toegankelijke naam aan de knop is gegeven. Sommige browser-screenreader-combinaties zien de svg als afbeelding en kondigen deze dan verkeerd aan. Verberg daarom de SVG voor hulpsoftware; gebruik hiervoor bijvoorbeeld aria-hidden="true".

Bevinding 4: Op homepage https://www.rogplus.nl/ staat logo van Fief in een turquoise balkje. De afbeelding "Fief.nl" wordt door middel van CSS op de pagina gezet. Op deze manier kan het zijn dat de afbeelding niet herkend wordt door hulpsoftware. Omdat deze afbeelding informatief is moet de afbeelding in de HTML worden worden en worden voorzien van een correcte alternatieve tekst, bijvoorbeeld als img-element of svg met tekstalternatief. Zie ook criterium 2.4.4.

Bevinding 5: Op pagina https://www.rogplus.nl/privacy staat het logo van Rogplus in de footer. De afbeelding heeft als alternatieve tekst: "Klik hier om naar de homepage te gaan". Hierin mist nog de beschrijving van de afbeelding. Voeg voor de huidige tekst bijvoorbeeld "Logo Rogplus, " toe. Laat het mechanisme "Klik hier" weg uit de link, "naar de homepage" achter de beschrijving van de afbeelding is voldoende.

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://www.rogplus.nl/echte-verhalen/die-ziekte-moet-met-mij-leren-leven is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:12. 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 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 SC 1.2.5.

Uitkomst: Onvoldoende

Bevinding 7: Op de pagina https://www.rogplus.nl/echte-verhalen/die-ziekte-moet-met-mij-leren-leven is een video. De audiodescriptie ontbreekt in deze video, bijvoorbeeld rond 0:12. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo komt er "Die ziekte moet met mij leren leven!" in beeld. Iemand die blind is weet nu niet wat er op het scherm te zien is. Zorg voor audiodescriptie op alle plekken waar iets betekenisvols in beeld komt, mits er voldoende stilte is op dat punt.

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.rogplus.nl/contact staat een groep selectievakjes (checkboxes) voor het selecteren van dagen. Boven deze groep staat de tekst 'Op welke dag kunnen wij u het beste bereiken?'. Deze tekst is nu niet gekoppeld aan de groep selectievakjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Dit geldt ook voor het keuzerondje (radio button) 'Uw woonplaats', op dezelfde pagina.

Bevinding 9: Op pagina https://www.rogplus.nl/informatie-voor-clienten/geldzaken/tegemoetkoming is een kop aanwezig die niet als kop is opgemaakt: "Jaarlijks geldbedrag". Gebruik de juiste HTML-code om deze koppen op te maken.

Bevinding 10: Op pagina https://www.rogplus.nl/over-rogplus/documenten komen meerdere opsommingen voor. Deze zijn nu niet opgemaakt met de juiste code. Gebruik het ul- en li-element om opsommingen weer te geven.

Bevinding 11: In PDF https://www.rogplus.nl/Portals/0/Documenten/20240706_Begroting_Rogplus_2025_versie_1.1.pdf staan meerdere tabellen, die niet als tabel zijn opgemaakt, maar als figuur. Hierdoor is de data in de tabel voor een schermlezer gebruiker niet in te zien. Bekijk ook https://www.w3.org/WAI/WCAG22/Techniques/pdf/PDF6

Bevinding 12: De PDF https://www.rogplus.nl/Portals/0/Documenten/20240706_Begroting_Rogplus_2025_versie_1.1.pdf bevat lege p-tags (paragrafen) in het document. De correcte opmaak van tags helpen blinde gebruikers om het bestand goed door te kunnen lezen, met bijvoorbeeld een schermlezer. Tip: bekijk deze gids van The Internet Academy over opmaakstijlen in PDFs: https://www.internetacademy.nl/ebooks/toegankelijke-pdfs-met-word/de-titel-kopstijlen-en-andere-opmaakstijlen.

Bevinding 13: De PDF https://www.rogplus.nl/Portals/0/Documenten/Aanvraag_adviesgesprek_web.pdf is niet gecodeerd (van tags voorzien). 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 code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Advies is om deze pagina als formulier online te plaatsen, in plaats van een PDF.

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://www.rogplus.nl/contact staan de foutmeldingen in het formulier achter het invoerveld. Mensen die het scherm niet kunnen zien of slechts deels kunnen zien missen mogelijk de melding daarom of weten niet bij welk veld de melding hoort. Los dit op door de foutmelding aan het invoerveld te koppelen met aria-describedby op het invoerveld die via een id gekoppeld wordt aan de foutmelding.

Uitkomst: Onvoldoende

Bevinding 15: Op homepagina https://www.rogplus.nl is een witte (#FFF) kleur tekst op een lichtblauwe (#40BFC8) kleur achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 2,2:1 waar dit 4,5:1 moet zijn.

Bevinding 16: Op homepagina https://www.rogplus.nl is onder "Echte verhalen" groene (#009E98) kleur tekst op een witte (#FFF) kleur achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,3:1 waar dit 4,5:1 moet zijn. Dit betreft de koptekst en de link.

Bevinding 17: In de PDF https://www.rogplus.nl/Portals/0/Documenten/20240706_Begroting_Rogplus_2025_versie_1.1.pdf is op pagina 56 een tabel met witte (#FFF) kleur tekst op een blauwe (#31869B) kleur achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 4,2:1 waar dit 4,5:1 moet zijn. Controleer het gehele document ook op kleurcontrast.

Uitkomst: Onvoldoende

Bevinding 18: Op de homepage https://www.rogplus.nl/ staat een donkergroene (#4D5840) knop, op een donkerpaarse (#412D3F) achtergrond, om een notificatie te sluiten. De contrastverhouding is 1,7:1, waar dit minstens 3:1 moet zijn.

Bevinding 19: Op de homepage https://www.rogplus.nl/ staan knoppen om een slider te bedienen. De focus state van deze knoppen zorgen ervoor dat de kleur van het icoon verandert. De kleur wordt oranje (#FFA500) op een lichtroze (#F0EDEE) achtergrond. De contrastverhouding is 1,7:1, waar dit minstens 3:1 moet zijn. Gebruik hier geen verandering van kleur (vanwege SC 1.4.1), maar een focus rand, die om de knop heen valt.

Uitkomst: Onvoldoende

Bevinding 20: Op elke pagina is op de hoofdinhoud (div id="content") een tabindex van -1 geplaatst. Dit zorgt ervoor dat de website niet goed te gebruiken is het met het toetsenbord. Verwijder de negatieve tabindex van dit element, om dit probleem op te lossen.

Uitkomst: Onvoldoende

Bevinding 21: Op pagina https://www.rogplus.nl/echte-verhalen/die-ziekte-moet-met-mij-leren-leven is een video via een iframe geplaatst. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit iframe met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Video Rogplus: Die ziekte moet met mij leren leven".

Bevinding 22: Advies: Na het activeren van de skip link wordt de pagina te ver naar beneden gescrolld. Hierdoor vallen items buiten beeld, die nog wel te bereiken zijn met het toetsenbord. Advies is om een pattern te gebruiken met een anchor link, die linkt naar de id van het main landmark op de pagina.

Uitkomst: Onvoldoende

Bevinding 23: De PDF https://www.rogplus.nl/Portals/0/Documenten/20240706_Begroting_Rogplus_2025_versie_1.1.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam, maar de titel van het document wordt getoond. Dit geldt ook voor PDF https://www.rogplus.nl/Portals/0/Documenten/Aanvraag_adviesgesprek_web.pdf.

Uitkomst: Onvoldoende

Bevinding 24: Op homepage https://www.rogplus.nl/ kan je met de tabtoets door de pagina navigeren. Als je bij de cookiebanner met de tabtoets navigeert ontstaat er een onlogische focusvolgorde. De focus start bij "Instellingen". Hierdoor slaat de gebruiker de link naar de cookieverklaring over. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert.

Uitkomst: Onvoldoende

Bevinding 25: De pijltjes links van de paginering op pagina https://www.rogplus.nl/zoekresultaten?Search=rogplus hebben geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.

Bevinding 26: Wanneer de pagina's op https://www.rogplus.nl 400% ingezoomd worden (mobile state) verschijnt na scrollen een link om terug omhoog te gaan. Deze link heeft geen toegankelijke naam. Het title-attribuut wordt niet door alle browsers en hulpsoftware even goed ondersteund en is daarom geen vervanging van de linktekst. Geef de link een beschrijvende naam.

Bevinding 27: Advies: Verwijder de hele URL op pagina https://www.rogplus.nl/zoekresultaten?Search=rogplus. De link erboven verwijst naar dezelfde pagina en heeft een duidelijke naam. Het gebruik van hele URLs als linktekst is voor schermlezer gebruikers onduidelijk.

Uitkomst: Voldoende

Bevinding 28: Bug: In de breadcrumb, zoals op pagina https://www.rogplus.nl/contact staat een link naar home. Deze link is echter niet zichtbaar, maar met een klik, of met het toetsenbord wel te bereiken. Dit lijkt een bug. Voor WCAG 2.2 zou dit ook falen op criterium 2.5.8 Target Size. Bekijk hier hoe breadcrumbs goed toegepast kunnen worden: https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/.

Uitkomst: Onvoldoende

Bevinding 29: Op homepage https://www.rogplus.nl/ staat logo van Fief in een turquoise balkje met tekst. De toegankelijke naam van deze link is echter "U opent de website fief.nl in een nieuw venster". Doordat het visuele label en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan. Zie ook criterium 1.1.1.

Uitkomst: Onvoldoende

Bevinding 30: Wanneer bezoekers op pagina https://www.rogplus.nl/contact geen of foutieve invoer invullen, verschijnen er foutmeldingen bij de invoervelden. Voor het voornaam veld verschijnt de foutmelding: "Vul een correcte waarde in". De ingevulde naam is "Dirk-Jan". Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. In dit geval wordt niet omschreven wat er fout is gegaan. Hoogstwaarschijnlijk komt deze fout door het streepje in de naam. Zorg ervoor dat dit als een geldige waarde wordt gezien.

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://www.rogplus.nl/contact is bij het veld "Bestand toevoegen" het label niet expliciet geassocieerd met het inputveld. Tekstlabels moeten gekoppeld worden aan invoervelden door gebruik te maken van het for-attribuut bij het label-element die verwijst naar een id-attribuut bij het invoerveld. Zo krijgt een bezoeker die gebruik maakt van een screenreader direct te horen om welk veld het gaat als direct naar het invoerveld wordt gesprongen. Advies: Het 'echte' inputveld is verstopt en vervangen door een link. Dit werkt verwarrend voor schermlezer gebruikers. Gebruik een input type="file", voor het uploaden van bestanden.

Uitkomst: Onvoldoende

Bevinding 32: Wanneer bezoekers in het formulier op pagina https://www.rogplus.nl/contact een formulierveld niet goed invullen, verschijnt er zonder dat de pagina ververst een foutmelding. Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen staan op het scherm. Los dit op met bijvoorbeeld role="alert".

Bevinding 33: Na het volledig invullen van het formulier op dezelfde pagina, verschijnt er een bericht: "Captcha: Deze functionaliteit is verplicht". Blinden en slechtzienden die met een screenreader werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen staan op het scherm. Los dit op met bijvoorbeeld role="alert".

Bevinding 34: Bug: Het formulier verplicht dat een Captcha ingevuld moet worden, echter is er geen Captcha veld zichtbaar. Het formulier kan nooit ingediend worden. (Getest in Firefox en Safari) Los van dat het niet werkt is het advies om geen Captcha toe te passen, gezien dit veel invloed heeft op de toegankelijkheid van de pagina. Gebruik bijvoorbeeld een honeypot, of een oplossing als Turnstile om spam tegen te gaan.