Rapport:
Audit digitale toegankelijkheid website Prognosemodel Zorg en Welzijn

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/ staat een kaart van Nederland die verdeeld is in meerdere grijze gebieden die de omvang van de regioplus of de omvang van de zorgkantoor gebieden aangeven. Het gevolg is dat deze afbeelding niet enkel decoratief is. Deze afbeelding moet om die reden ook een alternatief krijgen dat meer doet dan alleen verwijzen naar pagina’s met meer informatie over het prognosemodel van die regio. Het is mogelijk om de eisen voor toegankelijkheid van deze kaart te omzeilen door gebruik te maken van de uitzondering voor kaarten, maar daarvan moet dan wel in de toegankelijkheidsverklaring melding van gemaakt worden.
Het gebruik van die uitzondering zorgt er dan ook voor dat de kaarten op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed-, https://prognosemodelzw.nl/dashboard/stories-dashboard/4--ziekenhuizen-en-overige-medisch-specialistische-zorg en https://prognosemodelzw.nl/dashboard/stories-dashboard/13--kinderopvang niet aangepast hoeven te worden om te voldoen. Voor deze drie kaarten geld dat het advies is om wel een toegankelijke tabel met provincienamen en percentages beschikbaar te stellen als alternatief.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staan twee grafieken die niet decoratief zijn. Deze afbeeldingen hebben ook als zij een volledig toegankelijk alternatief hebben nog steeds een tekstalternatief nodig. Visueel staat er een lijngrafiek en een staafdiagram op deze pagina en dat is nu niet duidelijk voor gebruikers die de pagina niet (goed) kunnen zien. Het is nu niet duidelijk waarvoor de links “Toon toegankelijke tabelgegevens (opent in een nieuw venster)” een alternatief bieden. Het wordt aangeraden de grafieken een kort tekstalternatief te geven en de namen van de links ook aan te passen zodat het beter duidelijk is waarvoor deze links een alternatief zijn. Dit komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed-, https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-a--zorggebruikindicatoren en dergelijke.

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/ is de tekst “Zoek een regio” nu tegelijk een kop én een label. Het advies is deze tekst niet op te maken als kop. Er staat geen andere content onder dit invoerveld die met dit invoerveld een relatie moet hebben. Het gebruik van een kop is hier niet gepast.

Op pagina https://prognosemodelzw.nl/content/arbeidsmarktprognosemodel staat een afbeelding met het tekstalternatief “Schematische weergave van het prognosemodel”. Daaronder staat een figure-element met als inhoud de knop “Toon de uitgeschreven tekst”. Die knop en de bijbehorende tekst is bedoeld als alternatief voor de bovenstaande afbeelding, maar dat is nu niet goed duidelijk. Er geen koppeling tussen de knop met tekst en de afbeelding en dat is een probleem. Dit probleem kan opgelost worden door de afbeelding in het figure-element te plaatsen. Om die relaties goed te krijgen is het ook nodig om de knop “Toon de uitgeschreven tekst” niet in een kop te zetten, door die kop weg te halen heeft alles in het figure-element relaties met elkaar.

Op pagina https://prognosemodelzw.nl/branchedashboards.aspx staan in het tweede deel van de pagina meerdere links. Het gaat om de links “Zorg en welzijn (breed)” tot en met “Kinderopvang inclusief peuterspeelzaalwerk”. Het probleem is dat deze links allemaal een kop zijn zonder andere content bevatten. Een kop zoals h3 hoort altijd iets te zeggen over de onderstaande content en die content ontbreekt bij al deze links. Het is een optie om deze groep links niet na de eerste twee links op te breken met de visueel verborgen kop “Branchedashboards (sub)”. Het advies is om hier een lijst met links te gebruiken, maar het verwijderen van de overbodige koppen is genoeg om te voldoen.

Op pagina’s https://prognosemodelzw.nl/dashboard/rawdatatable.aspx?tileid=977 en https://prognosemodelzw.nl/dashboard/rawdatatable.aspx?tileid=1 staat een tabel die niet goed is opgemaakt in de code. In de tabel is gebruik gemaakt van het headers-attribuut. Het probleem is dat de verwijzingen niet kloppen. De headers-attributen in de cellen verwijzen naar de verkeerde tabelkop (th-element) en id's komen vaker dan één keer voor. Het is een optie om op de tabelcellen (td-elementen) en tabelkoppen geen headers en id’s te gebruiken. Het aangeven van horizontale relaties gaat automatisch goed als alle cellen in de eerste kolom zijn opgemaakt als tabelkop. Het attribuut scope=”row” kan voor de zekerheid op deze th-elementen gebruikt worden om er voor te zorgen dat hulpsoftware alleen een horizontale relatie aangeeft voor deze tabelkoppen. Het aanpassen van de onjuiste waarden in de headers-attributen is natuurlijk ook een optie.

Op pagina’s https://prognosemodelzw.nl/dashboard/rawdatatable.aspx?tileid=977 en https://prognosemodelzw.nl/dashboard/rawdatatable.aspx?tileid=1 staat dat onder de tabel een losse alinea met tekst. De tekst “Eenheid: personen” hoort een relatie met de tabel te hebben. Deze informatie is noodzakelijk om de betekenis van de gegevens in de tabel te begrijpen. Een relatie ontbreekt nu, het is een optie om deze tekst in de caption te plaatsen.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- staan tabellen die zijn opgemaakt met headers en ids om alle relaties aan te geven. Het advies is om niet iedere cel terug te laten verwijzen naar de tabelkop op rij 1 kolom 1, het is beter om dat alleen te doen voor de cellen in de eerste kolom. Het elke keer presenteren van “Onderwerp” bij de tabelcellen met getallen erin is verwarrend. Het is een advies om voor dit soort eenvoudige tabellen gebruik te maken van het scope-attribuut in plaats van het headers-attribuut. Door de tabelkop “Onderwerp” scope=col te geven is het voor hulpsoftware duidelijk dat deze cel iets zegt over andere cellen in deze kolom. Door een tabelkop als “Zorghulp (niveau 1)” een scope=”row” te geven is het voor hulpsoftware duidelijk dat deze tabelkop alleen horizontaal een relatie aangeeft. Hiernaast is het nodig om de lege rij 2 te verwijderen. Hulpsoftware geeft nu onterecht aan dat het een tabel met 8 rijen is én doordat deze rij een ander aantal cellen bevat voldoet deze ook niet. Voor deze beschrijving is de tabel onder de kop “Arbeidsmarkttekort - zorgberoepen” als voorbeeld gebruikt. Alle tabellen op deze en de andere pagina’s moeten gerepareerd worden om te voldoen.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/13--kinderopvang staat boven de kop “13.2 Arbeidsmarkt” drie witte vlakken die beginnen met de tekst “Arbeidsmarkttekort”. De gegevens in deze overzichten zijn niet goed beschikbaar voor gebruikers van hulpsoftware. Visueel is meteen duidelijk dat de 200 en de 2023 bij elkaar horen en dat de 600 en de 2033 ook bij elkaar horen. Voor die visuele opmaak is er nu geen alternatief dat beschikbaar is voor hulpsoftware. Er is een tabel aanwezig via de optie Toon gegevens in een toegankelijke tabel, maar de tekst in de tabel komt niet overeen met de tekst in de originele datavisualisatie. Zorg ervoor dat de informatie overeen komt.

Op onder andere pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- komt een zij-menu voor. Deze links bevatten het aria-selected attribuut. Dit attribuut mag echter niet gebruikt worden op een link. Gebruik in plaats daarvan aria-current=page om de huidige actieve pagina in het menu mee aan te geven.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/search/ bevat elk van de zoekresultaten een kop. Het is zo dat voor een betekenisvolle volgorde de kop het eerste element in de volgorde moet zijn. Op dit moment staat de tekst “Rapportages - sector, branches en verantwoording” bij elk van de zoekresultaten in de code boven de kop waar deze tekst bij hoort. De visuele presentatie in het kader maakt meteen duidelijk bij welk resultaat deze tekst hoort. Doordat de leesvolgorde bepaald wordt door de volgorde van de elementen in de code komt dit nu niet overeen. De oplossing is dan ook om enkel de volgorde van de elementen in de code aan te passen zodat alle content die bij de kop hoort in de code onder die kop staat.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/jive staat het invoerveld “Wachtwoord”. Dit invoerveld heeft een autocomplete attribuut met de waarde “new-password”. Die waarde is in deze context niet juist, de juiste waarde is “old-password”. Op die manier is hulpsoftware (zoals een passwordmanager) in staat om een gebruiker te ondersteunen bij het inloggen met het huidige wachtwoord.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/jive heeft de knop “Inloggen” niet voldoende contrast. De witte tekst heeft op de groene (HEX #62BF00) achtergrond een contrast van 2,3:1.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/content/over-prognosemodel valt bij de testresolutie 1280x1024 en 400% zoom een deel van het woord “prognosemodel” in de grote kop bovenaan buiten beeld. Dit type probleem komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/branchedashboards.aspx en https://prognosemodelzw.nl/content/toegankelijkheid. Op pagina https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-c--branches valt op deze test een van de informatie in de tabel buiten beeld.

Op pagina https://prognosemodelzw.nl/search/ valt bij de tekstresolutie 1280x1024 en 400%zoom een deel van de tekst “Bekijk deze cijfers in het rapport” weg. Deze tekst wordt in dit geval weergegeven als “Bekijk deze cijfers in het ra…”. Dit type probleem komt ook voor op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting, daar gaat het onder andere om het afkorten van de kop “Samenvatting” tot “Samenvatti…”. Hiernaast worden verschillende teksten bij de lijngrafiek en het staafdiagram afgekort met drie puntjes als de tekst niet op één regel past. Deze problemen komen ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed-, https://prognosemodelzw.nl/dashboard/stories-dashboard/4--ziekenhuizen-en-overige-medisch-specialistische-zorg, https://prognosemodelzw.nl/dashboard/stories-dashboard/13--kinderopvang en dergelijke.

Advies: Op pagina https://prognosemodelzw.nl/jive is het bij de testresolutie 1280x1024 en 400% zoom niet mogelijk om te scrollen. De knop “Inloggen” staat daardoor niet in beeld. Doordat deze knop wel in beeld komt als een gebruiker er voor kiest om met de tabtoets te navigeren wordt dit niet afgekeurd. Het advies is om het scrollen op deze herschaalde versie van deze pagina wel mogelijk te maken zodat gebruikers die ver in moeten in zoomen en toch nog in staat zijn om de muis te gebruiken de knop “Inloggen” kunnen aanklikken.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/ staat bij de kop “Regiodashboards” een grijze interactieve kaart van Nederland waarbij de verschillende grijze (HEX #D9D9D9) gebieden een contrast hebben van 1,4:1 met de witte achtergrond. Naast deze kaart staat een invoerveld dat werkt als alternatief om de regiodashboards te vinden. Het probleem is dat de kaart visuele informatie over de grootte en grenzen van de verschillende gebieden bevat die nu geen alternatief heeft. Om de zoekfunctie te gebruiken moet de gebruiker op de hoogt zijn van de naam van de betreffende regio. Daarmee is de zoekbalk geen volledig alternatief voor de informatie in de kaart. Het advies is dan ook om de lichtgrijze kaart donkerder (bijvoorbeeld HEX #949494) te maken zodat de gebieden een contrast van 3,0:1 hebben met de witte achtergrond.

Advies: Op pagina https://prognosemodelzw.nl/contact hebben de grijze (HEX #ACACAC) randen van de invoervelden met 2,3:1 nu niet voldoende contrast met de witte achtergrond om te voldoen. Het gebruik van placeholderteksten is nu gebruikt als oplossing voor dit probleem. Het advies is om de randen van de invoervelden voldoende contrast te geven zodat een eventueel invoerveld zonder placeholder niet meteen een toegankelijkheidsprobleem veroorzaakt. Deze situatie komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/search/ en https://prognosemodelzw.nl/.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- is het niet mogelijk om bovenstaande waarden voor tekstafstand in te stellen zonder problemen in de tekstuele weergave te veroorzaken. In de verschillende tabellen valt een deel van de tekst die normaal boven de tabel staat nu over de inhoud van de tabel heen. Het gaat om de te tekst “Nederland, personen” bij de grafieken “Arbeidsmarkttekort zorgberoepen”, ” Arbeidsmarkttekort welzijnberoepen” en “Arbeidsmarkttekort beroepen Capaciteitsorgaan”. In de lijngrafiek “Arbeidsmarktspanningsindicator” valt bij het aanpassen van deze afstanden een deel van de tekst “aantal vacatures per 100 werkzoekenden” weg. Onder de kop “1.2 Arbeidsmarkt” valt bij de eerste twee grafieken een deel van de naam van die grafiek weg en bij de twee tabellen daaronder valt een deel van de tekst over de grafiek heen. Dit soort problemen komt meer voor op deze pagina, de hierboven beschreven gevallen zijn enkel voorbeelden. Deze problemen komen ook op andere pagina’s voor zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/4--ziekenhuizen-en-overige-medisch-specialistische-zorg, https://prognosemodelzw.nl/dashboard/stories-dashboard/13--kinderopvang, https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-a--zorggebruikindicatoren en dergelijke.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/ komt er een lijst met gebieden in beeld als de toetsenbordfocus op het invoerveld “Vul hier in welke regio u zoekt” land. Het moet mogelijk worden om deze lijst te sluiten zonder dat het nodig is om de toetsenbordfocus te verplaatsen en zonder dat het nodig is om de muis te gebruiken. Het advies is om het mogelijk te maken deze lijst te verbergen door op de escapetoets te drukken. Het advies is om er ook voor te zorgen dat deze lijst verborgen wordt als de toetsenbordfocus niet langer in het invoerveld staat. Op dit moment is het voor toetsenbord gebruikers lastig om de kop “Zelf aan de slag?” en de bijbehorende tekst en link te lezen.
Op pagina https://prognosemodelzw.nl/search/?searchstring=smal komt een soortgelijk probleem voor als de toetsenbordfocus land in het invoerveld “Zoeken” met de waarde “smal”. Op dat moment komt een pop-up in beeld en de rest van de pagina wordt donkerder. Het moet mogelijk worden om deze pop-up te sluiten, het advies is om daar escape voor te gebruiken.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staan in de tekst woorden zoals “arbeidsvraag” en “personeelsaanbod”. Op het moment dat de muis of toetsenbordfocus op een van deze woorden staat komt er aanvullende informatie in beeld. Het is op dit moment mogelijk om de aanvullende informatie te sluiten, maar deze aanvullende informatie is op dit moment niet aanwijsbaar op het moment dat deze wordt geopend met de muis. Dit is noodzakelijk om het goed lezen van de aanvullende content mogelijk te maken. Het advies is dan ook om de positie van de aanvullende tekst niet te koppelen aan de positie van de muisaanwijzer. Dit probleem komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed-, https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/4--scenario-s en meer.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting komt er aanvullende informatie in beeld als de muisaanwijzer op een van de datapunten in een van de grafieken wordt geplaatst. Het moet mogelijk worden om deze aanvullende content te sluiten en aan te wijzen. Dit komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed-, https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-a--zorggebruikindicatoren en meer.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/jive is de eerste plek waar de toetsenbordfocus land de link “Menu Swing Viewer”. Deze link werkt niet met het toetsenbord en komt alleen in beeld als deze toetsenbordfocus heeft. De waarschijnlijke oorzaak is het in beeld staan van de pop-up “Inloggen”.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- staan de skiplinks “Navigatie” en “Selecteer gegevens”. Deze links werken niet. Dit probleem komt ook voor op andere pagina’s met deze links zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/4--ziekenhuizen-en-overige-medisch-specialistische-zorg, https://prognosemodelzw.nl/dashboard/stories-dashboard/13--kinderopvang, https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/1--inleiding en meer.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staan twee knoppen met de naam “Toon toegankelijke tabelgegevens (opent in een nieuw venster)”. Deze knoppen openen een lege pagina in een nieuw venster en moeten een toegankelijk alternatief voor de informatie in de grafiek bevatten om te voldoen. Dit komt ook op andere pagina’s voor zoals op https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- en dergelijke.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting is het voor muisgebruikers mogelijk om te scrollen in de legenda door te klikken op de kleine zwarte driehoek. Die functionaliteit is nu niet beschikbaar voor toetsenbordgebruikers. Dit type probleem komt ook op andere pagina's zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/4--ziekenhuizen-en-overige-medisch-specialistische-zorg voor. Dit probleem moet overal opgelost worden om te voldoen.

Advies: Op pagina https://prognosemodelzw.nl/ staan onder de kop “Regiodashboards” meerdere interactieve elementen die niet de bediening hebben die overeen komt met hun visuele weergave. Het gaat om de keuze tussen “Regioplus” en “Zorgkantoor”. In de code zijn dit twee keuzerondjes en de toetsenbord bediening werkt ook zo, maar visueel zijn dit twee knoppen waarvan er altijd één actief is. Het advies is om de bediening aan te laten sluiten om de visuele presentatie, maar doordat het op dit moment wel mogelijk is om dit onderdeel te bedienen wordt dit niet afgekeurd.
Onder die keuze staat een invoerveld waarbij suggesties in beeld komen tijdens het typen. Dit invoerveld voldoet op meerdere manieren niet, de bediening met het toetsenbord werkt maar is niet standaard. Het is de bedoeling dat een gebruiker na het intypen van een regio met de pijl omlaag en omhoog een optie kan selecteren die geactiveerd wordt als die optie geselecteerd is. Het is dus niet de bedoeling dat elke optie in de listbox een apart onderdeel in de focus volgorde is. Na het intypen van een deel van een regio zou het indrukken van de tabtoets er voor moeten zorgen dat de pop-out sluit en zou de toetsenbordfocus moeten landen op de link “contactpagina” in het volgende blok aan content. Nu moet de gebruiker eerst door de lijst met suggesties tabben voordat de focus daar land en op dit moment bedekt de lijst met suggesties een deel van die content. Dit tweede element voldoet niet aan de succescriteria 1.4.13 en 4.1.2.

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting is het niet mogelijk om de bovenkant van de pagina te bereiken met shift+tab als de toetsenbordfocus in de footer staat. Doordat het met het indrukken van tab wel mogelijk is om de bovenkant van de pagina te bereiken wordt dit niet afgekeurd, maar het is niet optimaal. Als de focus op de tweede “Download als PNG” knop staat en de gebruiker drukt op shift+tab is het gevolg dat de focus onderaan de pagina land tussen de knop “Volgende” en de link “Swing stories”. Het advies is om dit gedrag van de toetsenbordfocus aan te passen zodat deze niet langer onverwacht naar een ander deel van de pagina springt. Deze situatie komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed-, https://prognosemodelzw.nl/dashboard/stories-dashboard/4--ziekenhuizen-en-overige-medisch-specialistische-zorg en meer.

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://prognosemodelzw.nl/content/toegankelijkheid staat onder de kop “Toetsenbord ondersteuning” informatie over aanvullende toetsenbord sneltoetsen. Het gaat daarbij niet om enkel teken sneltoetsen (zoals ‘f’ voor volledig scherm), daarom is dit succescriterium ook niet van toepassing. De reden voor deze opmerking is om aan te geven dat die sneltoetsen niet werken in alle ondersteunde browsers. De sneltoets “Ctrl-alt+s” werkt niet in Mozilla Firefox 128, terwijl onder de kop “Ondersteunde browsers” wel aangegeven wordt dat deze browser ondersteund wordt. Het advies is om dit gebrek aan ondersteuning van Firefox aan te geven.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/contact wordt gebruik gemaakt van reCAPTCHA v3.0 van Google. Het probleem is dat deze vorm van CAPTCHA niet voldoet aan de eisen van dit succescriterium op het moment dat de software denkt dat een gebruiker geen mens is. Op dat moment komt het selectievakje “Ik ben geen robot” in beeld. Dat selectievakje voldoet niet aan de eisen van dit succescriterium, omdat ongeveer een minuut na activeren het selectievakje opnieuw geactiveerd moet worden. Dat maakt dat er op deze pagina een tijdslimiet is. Deze tijdslimiet valt niet onder één van de uitzonderingen van dit succescriterium.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de meeste pagina’s van https://prognosemodelzw.nl/ is er geen mechanisme beschikbaar om de herhalende content die bovenaan iedere pagina staat te omzeilen. In de meeste gevallen wordt hiervoor een skiplink gebruikt. Het ontbreken van zo’n link viel extra op doordat een deel van de pagina’s op deze website wel een werkende skiplink met de naam “Inhoud” is toegepast. De pagina’s van het dasboard zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting en de pagina’s van het verantwoordingsdocument zoals https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/1--inleiding hebben wel een skiplink met de naam “Inhoud”, die twee groepen pagina’s voldoen op dit moment wel aan de eisen van dit succescriterium. Het moet op alle pagina’s mogelijk worden om de links “Ga naar de homepage - Logo Prognosemodel Zorg en Welzijn” tot en met “Contact” van het hoofdmenu over te slaan.

Uitkomst: Onvoldoende

Bevindingen: De pagina https://prognosemodelzw.nl/jive heeft met “Prognosemodel ZW” geen goede paginatitel. Het advies is om deze paginatitel aan te passen naar bijvoorbeeld “Inloggen online tool | Prognosemodel Zorg en Welzijn”.
Het gebruik van scheidingstekens in paginatitels heeft een lichte voorkeur boven het gebruik van koppeltekens. Koppeltekens worden in sommige gevallen door software geïnterpreteerd als minteken en dan ook als minteken gepresenteerd in de titel.

Advies: De pagina https://prognosemodelzw.nl/contact heeft met “Contact - Prognosemodel Zorg en Welzijn” een goede paginatitel. Het advies is daarom dan ook om deze vorm van paginatitel op alle pagina’s toe te passen. Op die manier geeft de paginatitel van een pagina als https://prognosemodelzw.nl/content/sitemap aan van welke website deze pagina een sitemap is. De titel “Sitemap | Prognosemodel Zorg en Welzijn” is duidelijker dan de titel “Sitemap”.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staat onder de automatisch openklappende knop “Deel een link” de link “Link”. Bij het activeren van deze link komt er een pop-up met de tekst “Deel een link” in beeld. In die pop-up staat de knop “Sluiten”. Bij het activeren van die sluiten-knop moet de toetsenbordfocus op een logische plaats landen in de onderliggende pagina om te voldoen. De toetsenbordfocus in dat gaval laten landen aan het begin van de pagina is niet correct. Bij het annuleren van dit delen moet de focus teruggaan naar de serie links onder de openstaande knop “Deel een link”. De focus kan bijvoorbeeld landen op de link “Link” in het openstaande menu. Na het activeren van de link “Mail” opent een ander programma en blijft de toetsenbordfocus terecht op de link “Mail” van deze pagina staan. Dit probleem komt voor op alle pagina’s met dit type link om de pagina te delen met een link.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staat de knop “Arbeidsmarkttekort per scenario, Meer detail”. Deze knop ziet er uit als een loep met een plus erin. Na het activeren van deze knop komt er een pop-up beeld. Die pop-up is te sluiten met het kruis rechtsboven, het gaat in de code om de knop met de naam “Dialoog sluiten”. Na het sluiten van de dialoog moet de focus op een logische plaats landen in de onderliggende pagina. In dit geval is dat direct voor, op of direct na de knop “Arbeidsmarkttekort per scenario, Meer detail” die de dialoog ook opende. Dat is op dit moment niet het geval. Dit probleem geld ook voor de knop “Arbeidsmarkttekort per branche, Meer detail” op deze pagina en voor soortgelijke knoppen op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed-, https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-a--zorggebruikindicatoren en meer.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staat rechtsboven de tekst een de knop “Zoek”. Het gaat om de loep. Na het activeren van deze knop komt er een pop-up in beeld om te zoeken. Het probleem is dat deze pop-up niet sluit als een gebruiker de toetsenbordfocus verplaatst naar de onderliggende pagina. Dat is wel de bedoeling. Het zoekveld blijft open staan en bedekt nu andere content waaronder de knop die dit onderdeel ook in beeld zette. Een bijkomend gevolg is dat de toetsenbordfocus niet meer zichtbaar is.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staan twee visueel verborgen links met de linktekst “Toon toegankelijke tabelgegevens (opent in een nieuw venster)”. Het probleem is dat links niet zomaar context met de bovenstaande content hebben. In dit geval is er geen context voor deze links om het linkdoel te bepalen. Het gevolg is dat het niet voldoende duidelijk is welke link bij welke grafiek hoort. Het is ook niet de bedoeling dat het activeren van deze link naar een andere pagina op de originele pagina het dialoogvenster activeert. Deze link heeft nu ook nog een dubbele functie die nu niet terugkomt in de naam van de link. Er zijn verschillende oplossingen mogelijk voor dit probleem. Het advies is om er voor te zorgen dat de naam van de grafiek zoals “Arbeidsmarkttekort per scenario” terugkomt in de linktekst. Denk daarbij aan een naam als “Toon gegevens ‘Arbeidsmarkttekort per scenario’ in een toegankelijke tabel”. Dit probleem komt ook voor op de andere pagina’s met deze visueel verborgen links.

Op pagina https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-a--zorggebruikindicatoren staan meerdere links met de naam “Iframe link”. Het linkdoel van deze links is niet duidelijk. Deze links openen de betreffende grafiek in een nieuw tabblad. Het advies is dan ook om deze links een naam te geven die duidelijk maakt welke grafiek in een nieuw tabblad geopend wordt. Een link heeft niet automatisch context met een bovenstaande tekst of kop, er moet meer zijn dan dat voordat de context voldoende is om het linkdoel te bepalen.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staat onderaan de unieke content de link “Volgende”. Deze link heeft geen context met andere content op deze pagina. Het linkdoel van deze link is daarmee niet duidelijk.

Uitkomst: Onvoldoende

Bevindingen: In de sitemap op pagina https://prognosemodelzw.nl/content/sitemap staan geen links naar het verantwoordingsdocument. De pagina’s https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/1--inleiding tot en met https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-c--branches uit de steekproef moeten via de sitemap te bereiken zijn. Het is voldoende als alleen de pagina https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/1--inleiding in de sitemap staat, maar het advies is om alle pagina’s van het verantwoordingsdocument een eigen link in de sitemap te geven.

Op pagina https://prognosemodelzw.nl/content/sitemap staat een sitemap die het mogelijk maakt om direct naar de meeste pagina’s te navigeren. Het viel op dat de pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting niet terugkomt op deze pagina, deze zou in de lijst onder de tekst “Branches in zorg en welzijn” moeten staan als eerste punt van de geneste lijst die nu begint met “Zorg en welzijn (breed)”.

Op pagina https://prognosemodelzw.nl/home en pagina https://prognosemodelzw.nl/search/?searchstring=smal is het mogelijk om te zoeken naar andere pagina’s. De pagina https://prognosemodelzw.nl/contact is niet te vinden met een simpele zoekopdracht zoals “contact”. De pagina https://prognosemodelzw.nl/jive is niet te vinden met zoekopdrachten zoals “Online tool”, “Jive” en “inloggen”. Het is nu dus niet mogelijk om alle pagina’s te vinden met de zoekfunctie op deze website.

Advies: Er is geen koppeling van de sitemap naar de pagina https://prognosemodelzw.nl/search/?searchstring=smal. Het advies is om dit wel toe te voegen aan de sitemap zodat gebruikers die een pagina zoeken er eenvoudig voor kunnen kiezen om een andere manier te gebruiken om te vinden wat zij zoeken. Het is ook een optie om in de footer onder de link “sitemap” een link “zoeken” te plaatsen, zodat gebruikers vanaf elke pagina direct naar de zoekpagina kunnen navigeren.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staat twee keer de onzichtbare link “Toon toegankelijke tabelgegevens (opent in een nieuw venster)”. Die link voldoet niet. Deze link heeft de class=”sr-only”. Het lijkt de bedoeling dat deze link alleen beschikbaar is voor screenreader gebruikers, maar dat is niet het geval doordat deze link ook in de bediening voor ziende toetsenbord gebruikers terugkomt. Het is niet mogelijk om interactieve onderdelen zoals knoppen of links alleen beschikbaar te maken voor screenreader gebruikers. Het gaat hier om de link met deze naam en niet om de knop met dezelfde naam die in de pop-up zit. Deze link staat in de code direct onder een header-element. Dit komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- en dergelijke.
Er is aangenomen dat het de bedoeling is dat deze link werkt als toegankelijk alternatief voor de informatie in dit soort grafieken. In dat geval is het noodzakelijk dat deze link beschikbaar is voor alle gebruikers. Het is de bedoeling dat het vooraf ook visueel duidelijk is dat er voor deze grafieken een toegankelijk alternatief wordt aangeboden, deze link alleen in beeld laten komen op hover en focus wordt dan ook afgeraden. Het is daarbij natuurlijk ook verplicht dat de pagina waarnaar deze link verwijst wel helemaal toegankelijk is. Let er ook op dat het ‘alternatief’ van deze link in de pop-up zit en een knop is die niet werkt. Bij het aanbieden van een toegankelijk alternatief is het advies om een icoon te gebruiken dat herkenbaar is als toegankelijkheidsicoon, in de meeste gevallen wordt daarvoor een pop met gespreide armen in een cirkel gebruikt.

Op pagina https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-a--zorggebruikindicatoren is bij elke van de lijngrafieken de toetsenbordfocus één keer niet zichtbaar. Het gaat om het onderdeel waar de toetsenbordfocus op land vlak voordat deze land op de knop “Meer info”.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/jive is de taal van de pagina niet aangegeven in de code. Het advies is om het attribuut lang=”nl” toe te voegen aan het html-element van deze pagina. Dit probleem komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/rawdatatable.aspx?tileid=977 en https://prognosemodelzw.nl/dashboard/rawdatatable.aspx?tileid=1. Het aanpassen van deze laatste twee pagina’s is extra belangrijk, omdat die pagina’s bedoeld zijn als toegankelijk alternatief.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://prognosemodelzw.nl/jive geeft het formulier bij het niet invullen van één van de twee verplichte invoervelden de foutmelding “Deze combinatie van gebruikersnaam en wachtwoord is niet bekend”. Dit gedrag is toegestaan, maar het zou beter zijn om in zo’n geval specifiek aan te geven wat er mis is gegaan met het inloggen. Het is mogelijk om een betere foutsuggestie zoals “Het is niet mogelijk om in te loggen zonder een gebruikersnaam”. te geven. Het doen van deze aanpassing is niet vereist om te voldoen, maar zou de toegankelijkheid van dit formulier wel verbeteren.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/ staat een zoekveld waarbij suggesties in beeld komen op het moment dat er tekst ingevoerd wordt. Het tijdens het typen in beeld zetten van suggesties is een verandering van status van dit invoerveld die nu niet beschikbaar is voor hulpsoftware. Er is een gedeeltelijke oplossing met een ARIA listbox toegepast, maar deze uitvoering is nu niet helemaal toegankelijk voor gebruikers van hulpsoftware. Er zijn meerdere oplossingen mogelijk voor dit probleem. Het is een optie om dit toegankelijk te maken met ARIA, het gebruik van de rol combobox is in dat geval nodig. Op pagina https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/combobox_role staat meer informatie over het correct gebruik van deze rol om er voor te zorgen dat dit zoekveld goed werkt. Het moet voor gebruikers van hulpsoftware ook duidelijk zijn welke van de opties op elk moment geselecteerd is, om die reden is bij deze toepassing het gebruik van aria-activedescendant noodzakelijk. Let er bij het toepassen van deze oplossingen ook op dat er aanvullende eisen voor toetsenbord bediening en het gedrag van de toetsenbordfocus zijn. Dit probleem komt ook voor bij de suggesties die in beeld komen bij het invoerveld “Zoek een regio” onder de kop “Regiodashboards”. Daar wordt het in beeld komen van suggesties ook niet gepresenteerd. Dit probleem komt ook voor op pagina https://prognosemodelzw.nl/search/.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staat aan de linkerzijde een aantal uitklapbare knoppen met de naam “Toon onderliggende thema's”. Deze knoppen veranderen niet van naam of toestand bij het openen of sluiten van deze knop. Het voor gebruikers van hulpsoftware nu niet mogelijk om te bepalen wat deze knop doet zonder te controleren of de lijst wel of niet in beeld staat en dat is een probleem. Op andere plaatsen is om dit aan te geven het attribuut aria-expanded gebruikt, dat zou hier ook een oplossing zijn. Een alternatieve oplossing is om de naam van de knop aan te passen naar “Verberg onderliggende thema's” als de onderliggende thema’s in beeld staan. Dit type probleem komt ook voor op andere pagina’s zoals https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- tot en met https://prognosemodelzw.nl/dashboard/verantwoordingsdocumentatie/bijlage-c--branches.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/samenvatting staan in de rechter grafiek twee interactief elementen die geen naam en geen rol hebben. Het gaat om de kleine grijze en de kleine zwarte driehoek die het mogelijk maken om te scrollen in de legenda. Let erop dat de inactieve grijze driehoek het attribuut disabled heeft om aan te geven dat deze een inactieve component van de gebruikersinterface is. Zonder dat attribuut voldoet de grijze driehoek namelijk niet aan de contrasteisen van succescriterium 1.4.11. Op dit moment zijn deze onderdelen ook niet met het toetsenbord te bedienen en dat is een probleem dat opgelost moet worden.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- staat een uitklapbare knop met de naam ‘"Kies een gebied" "Huidige gebied": Nederland’. Na het activeren van deze knop komt er een menu in beeld met een ARIA listbox die het mogelijk maakt om te kiezen tussen “RegioPlus”, “Zorgkantoorregio” en “Nederland”. De rollen kloppen hier niet. Het probleem is dat er in elk van de onderdelen met role="option" een knop is genest, dat is niet toegestaan de opties van de listbox zijn de interactieve elementen die de gebruiker zou moeten bedienen. De bedoeling is dat de rol van de knoppen wordt aangepast en dat kan niet door de rol van een bovenliggend element op option te zetten. Om dit soort ARIA oplossingen te laten werken moet het element met role=”option” toetsenbordfocus kunnen krijgen en mogen er geen andere interactieve elementen zoals knoppen genest worden binnen die interactieve component van de gebruikersinterface. Op pagina https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/option_role staat meer informatie over het toegankelijk gebruik van role=”option”. Dit type probleem komt ook voor in andere elementen met role=”listbox” zoals de “Zoek een regio” op pagina https://prognosemodelzw.nl/ en komt ook voor op de andere listboxen in de pop-up om een gebied te selecteren.

Op pagina https://prognosemodelzw.nl/dashboard/stories-dashboard/1--zorg-en-welzijn--breed- staat een uitklapbare knop met de naam ‘"Kies een gebied" "Huidige gebied": Nederland’. Na het activeren van deze knop komt er een menu in beeld met een ARIA listbox die het mogelijk maakt om te kiezen tussen “RegioPlus”, “Zorgkantoorregio” en “Nederland”. Na het kiezen van de optie “RegioPlus” komt er een invoerveld met een lijst in beeld.

Advies: Op pagina https://prognosemodelzw.nl/search/?searchstring=smal is de toestand (state) van de selectievakjes links niet helemaal duidelijk bij het laden van de pagina. De resultaten onder deze categorieën staan in beeld terwijl alle selectievakjes zijn uitgeschakeld, in dat geval horen toch alleen de resultaten in beeld te staan die niet onder een van deze filteropties vallen. In dit geval zou er geen resultaat moeten zijn. Het is gebruikelijk dat zoekresultaten met filters dit gedrag vertonen als geen van de filteropties is geactiveerd, dat is de reden dat dit niet afgekeurd wordt. Het wordt dan ook aangeraden om dit gedrag van de filteropties aan te passen zodat alleen alle resultaten in beeld staan als dat ook is ingesteld in de filteropties en deze pagina dus te laden met deze opties allemaal ingeschakeld.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://prognosemodelzw.nl/jive geeft het formulier bij het niet invullen van één van de twee verplichte invoervelden de foutmelding “Deze combinatie van gebruikersnaam en wachtwoord is niet bekend”. Deze foutmelding wordt niet gepresenteerd aan gebruikers van hulpsoftware en dat is het probleem. Het is een optie om een soortgelijke oplossing te gebruiken als gebruikt is op pagina https://prognosemodelzw.nl/contact, daarbij geld wel het advies om role=”status” in plaats van role=”alert” te gebruiken. Het is de bedoeling om role=”alert” alleen te gebruiken voor kritieke foutmeldingen en niet voor het maken van een simpele invoerfout.