Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid Softwareplatform Solutions Factory

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Softwareplatform Solutions Factory
Datum 6 mei 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De content op alle pagina van de testomgeving https://das-en-dam-zorg-fo-test.tsf.nl/. Enkel contrastwaarden van technische elementen die los staan van de huisstijl zijn beoordeeld.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 22

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: Aangepaste bevinding n.a.v. oplossen bevinding uit vorige rapport:
Op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/fysiotherapeut-%E2%80%93-groen/167c8fbf-c05a-4737-a981-55e0a4790276 staan verschillende iconen die betekenis geven aan de onderstaande tekst, bijvoorbeeld het icoon boven de test 'HBO' geeft aan dat dit het opleidingsniveau is voor de vacature. Deze iconen hebben via een aria-label een alternatieve tekst gekregen, maar de iconen zijn verborgen voor hulpsoftware door het gebruik van aria-hidden=true. Hierdoor wordt het icoon en de alternatieve tekst niet opgemerkt door hulpsoftware. Verwijder het aria-hidden attribuut om dit probleem op te lossen. Let op, binnen de elementen van de iconen staan nog visueel verborgen teksten. Bij het opleidingsniveau icoon is dat bijvoorbeeld 'work'. Verwijder deze visueel verborgen teksten ook.
Deze iconen komen ook voor op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/verpleegkundige-niveau-4-thuiszorg/ef8c3327-d44e-458f-9c42-21497f35c199.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 2: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 3: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 4: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig

Bevinding 5: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 6: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Nieuwe bevinding n.a.v oplossen bevindingen uit vorige rapport:
Op pagina https://das-en-dam-zorg-fo-test.tsf.nl/ staan onder de kop ‘Vacatures per vakgebied’ drie h3-koppen. Deze drie h3-elementen worden in de code opgevolgd door elkaar. Hierdoor worden zogenoemde lege koppen gecreëerd, dat zijn koppen die niet verwijzen naar content. Lege koppen kunnen verwarrend zijn voor gebruikers van screenreaders. Zij kunnen namelijk denken dat informatie over die kop staat op de pagina, terwijl dat niet het geval is. Een oplossing is hier om het h3-element van de teksten ‘Fysiotherapie’, ‘Verpleging’ en ‘Verzorging’ te verwijderen.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 8: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Voldoende

Bevinding 9: Opmerking: Op de homepage staat de links 'Inloggen' en 'Registeren' voor een achtergrondafbeelding. Deze witte teksten hebben te weinig contrast op sommige plekken op de achtergrondafbeelding. Wanneer bezoekers naar beneden scrollen komen deze links als zwarte teksten op een witte achtergrond te staan en hebben ze wel voldoende contrast. Echter, de witte links op de achtergrondafbeelding kunnen worden afgekeurd bij een content-audit. Het is daarom beter om het systeem zo in te richten dat teksten niet voor afbeeldingen staan maar een vast achtergrondkleur hebben met voldoende contrast in vergelijking met de tekstkleur. Dit geldt ook voor de teksten 'Stage', 'Traineeship' en 'Vacature' en de teksten voor afbeeldingen onder de kop 'Waarom werken bij Das & Dam Zorggroep'.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevinding 10: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 11: Aangepaste bevinding n.a.v. oplossen bevinding uit het vorige rapport:
Wanneer bezoekers op pagina https://das-en-dam-zorg-fo-test.tsf.nl/account (alleen zichtbaar wanneer bezoekers zijn ingelogd) met het toetsenbord focus plaatsen op een al aangevinkt keuzerondje wordt de focus hier aangegeven met een lichtblauwe cirkel (HEX #D6EAF5). Op de witte achtergrond heeft deze focusindicatie te weinig contrast. De contrastverhouding is hier 1,3:1, waar dat minimaal 3:1 moet zijn. Dit probleem doet zich voor als bezoekers hun gegevens wijzigen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Onvoldoende

Bevinding 12: In het formulier op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/fysiotherapeut-%E2%80%93-groen/167c8fbf-c05a-4737-a981-55e0a4790276 staat onder de tab 'CV & Motivatie' een tekstbewerker. Wanneer toetsenbordgebruikers focus plaatsen op het bewerkbare deel van de tekstbewerker is het niet meer mogelijk om de toetsenbordfocus hieruit te halen. Hierdoor kunnen toetsenbordgebruikers niet verder in het proces van het formulier invullen of verder navigeren over de pagina. Zorg ervoor dat het voor toetsenbordgebruikers mogelijk is om met de standaard toetsenbordcombinaties (tabtoets of pijltjestoetsen) focus te verplaatsen van een elementen. Als andere toetsenbordcombinaties nodig zijn om focus van een element te verwijderen moet dit worden aangegeven.
Deze tekstbewerker komt ook voor op pagina https://das-en-dam-zorg-fo-test.tsf.nl/contact en https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/verpleegkundige-niveau-4-thuiszorg/ef8c3327-d44e-458f-9c42-21497f35c199.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 13: Aangepaste bevinding n.a.v oplossen bevinding uit het vorige rapport:
Op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/fysiotherapeut-%E2%80%93-groen/167c8fbf-c05a-4737-a981-55e0a4790276 staat onder de kop 'Driessen Groep' de link 'Lees meer'. Uit de context van deze link kan niet gehaald worden waar deze link naar verwijst. Zorg ervoor dat het linkdoel te halen is uit de linktekst, bijvoorbeeld door deze linktekst te veranderen in 'Lees meer over Driessen Groep'. Als visueel duidelijk waar de link bij hoort mag de aanvulling op de linktekst 'Lees meer' ook visueel verborgen zijn. Op dit moment is geprobeerd om een aanvulling te geven op de toegankelijke naam van de link door het gebruik van het title-attribuut. Het title-attribuut is hier niet voor geschikt omdat deze niet wordt meegenomen in de toegankelijke naam en niet door elke screenreader wordt voorgelezen.
Dit probleem komt ook voor bij de 'Lees meer' link op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/verpleegkundige-niveau-4-thuiszorg/ef8c3327-d44e-458f-9c42-21497f35c199.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 14: Nieuwe bevinding n.a.v oplossen bevinding uit het vorige rapport:
Op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vakgebieden staan meerdere links met het visuele label 'Lees meer'. Deze links hebben een andere toegankelijke naam gekregen waar het visuele label niet in voorkomt. Hierdoor zijn deze links niet goed te bedienen met spraakgestuurde bediening. Zorg ervoor dat het visuele label van de link voorkomt in de toegankelijke naam, het liefst vooraan. Een goede toegankelijke naam voor de eerste link is dan bijvoorbeeld 'Lees meer over Verpleging' in plaats van 'Naar vakgebied Verpleging'.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 15: Dit is een aangepaste bevinding n.a.v. het oplossen van een bevinding uit het vorige rapport:
Als bezoekers op pagina https://das-en-dam-zorg-fo-test.tsf.nl/account hun geboortedatum handmatig invullen (bijvoorbeeld 1 januari 1990), worden het invoerveld en het label 'Geboortedatum' rood. Er verschijnt hier geen tekstuele foutmelding en bezoekers kunnen hun gegevens niet opslaan met dit verkeer ingevuld veld. Zorg ervoor dat er een tekstuele foutmelding bij het veld komt te staan. Deze foutmelding moet aangeven welke fout bezoekers hebben gemaakt en hoe zij deze fout kunnen oplossen.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 16: Wanneer in het formulier op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/fysiotherapeut-%E2%80%93-groen/167c8fbf-c05a-4737-a981-55e0a4790276 een verkeerd e-mailadres wordt ingevuld, verschijnt de foutmelding 'Het veld email is niet correct ingevuld. Voer een geldig emailadres in'. In deze suggestie hoe bezoeker de fout kunnen oplossen wordt niet aangegeven hoe een correct emailadres eruit ziet. Als een bepaald format wordt gevraagd moet dit worden aangeven in foutmelding of bij het veld.
Dezelfde foutmelding komt ook voor in het formulier op pagina https://das-en-dam-zorg-fo-test.tsf.nl/contact en op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/verpleegkundige-niveau-4-thuiszorg/ef8c3327-d44e-458f-9c42-21497f35c199.

Bevinding 17: Dit is een aangepaste bevinding n.a.v. het oplossen van een bevinding uit het vorige rapport:
Als bezoekers op pagina https://das-en-dam-zorg-fo-test.tsf.nl/account hun geboortedatum handmatig invullen (bijvoorbeeld 1 januari 1990), worden het invoerveld en het label 'Geboortedatum' rood. Er verschijnt hier geen tekstuele foutmelding en bezoekers kunnen hun gegevens niet opslaan met dit verkeer ingevuld veld. Zorg ervoor dat er een tekstuele foutmelding bij het veld komt te staan. Deze foutmelding moet aangeven welke fout bezoekers hebben gemaakt en hoe zij deze fout kunnen oplossen, het liefst door een voorbeeld format van een geboortedatum aan te geven.

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 18: Op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/fysiotherapeut-%E2%80%93-groen/167c8fbf-c05a-4737-a981-55e0a4790276 staat in het formulier onder de tab 'CV & Motivatie' een tekstbewerker. Alle knoppen het het bewerkbare gebied in deze tekstbewerker hebben geen toegankelijke naam. Hierdoor is de tekstbewerker moeilijk te bedienen voor bezoekers die gebruikmaken van hulpsoftware. Zorg ervoor dat alle elementen in de tekstbewerker een toegankelijke naam krijgen, bijvoorbeeld door gebruik te maken van aria-label.
Deze tekstbewerker komt ook voor in het formulier op pagina https://das-en-dam-zorg-fo-test.tsf.nl/contact en op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/verpleegkundige-niveau-4-thuiszorg/ef8c3327-d44e-458f-9c42-21497f35c199.

Bevinding 19: Op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/fysiotherapeut-%E2%80%93-groen/167c8fbf-c05a-4737-a981-55e0a4790276 staat in het formulier onder de tab 'Overige informatie & versturen' de knop 'Social media toevoegen'. Wanneer deze knop wordt geactiveerd verschijnt er een knop die gelabeld is met een vuilnisbak icoon. Deze knop heeft geen toegankelijke naam. Hierdoor is de knop moeilijk te bedienen met hulpsoftware. Zorg ervoor dat deze knop een toegankelijke naam krijgt, bijvoorbeeld door gebruik te maken van een aria-label.
Dit komt ook voor op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures/verpleegkundige-niveau-4-thuiszorg/ef8c3327-d44e-458f-9c42-21497f35c199.

Bevinding 20: Nieuwe bevinding n.a.v oplossen bevinding uit het vorige rapport:
Wanneer bezoekers zijn ingelogd kunnen zijn op pagina https://das-en-dam-zorg-fo-test.tsf.nl/account hun profiel bewerken. Hier kunnen meldingen staan zoals 'Voeg jouw CV toe aan jouw profiel' met daarnaast een sluitknop. Deze sluitknop is opgemaakt als een afbeelding en is via aria-hidden=true verborgen voor hulpsoftware. Hierdoor zijn de sluitknoppen moeilijk te bedienen met hulpsoftware. Zorg ervoor dat de knop een toegankelijke rol en naam krijgt, bijvoorbeeld door gebruik te maken van een aria-label voor de toegankelijk naam en role=button voor de rol.

Bevinding 21: Nieuwe bevinding n.a.v oplossen bevinding uit het vorige rapport:
Wanneer bezoekers zijn ingelogd kunnen zij pagina https://das-en-dam-zorg-fo-test.tsf.nl/account bezoeken. Op deze pagina staat een profielfoto met daar omheen een voortgangsbalk. Op deze foto kunnen bezoekers klikken met de muisaanwijzer, dan opent een venster waar een sluitknop is staat. Deze sluitknop heeft de rol 'menuitem' en heeft geen toegankelijke naam. Voor gebruikers van hulpsoftware maakt dit het lastig om de knop goed te bedienen. Zorg ervoor dat de knop de rol 'button' krijgt en een toegankelijke naam (bijvoorbeeld via een aria-label).

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://das-en-dam-zorg-fo-test.tsf.nl/vacatures wijzigt content op de pagina als bezoekers een selectievakjes aanvinken. Deze contentwijzigingen worden niet opgemerkt door hulpsoftware. Hierdoor missen blinden bezoekers bepaalde informatie. Niet alle resultaten die gevonden worden op de pagina moeten worden opgemerkt door de hulpsoftware, alleen de melding dat er geen vacatures zijn gevonden en de melding 'We hebben [getal] zoekresultaten gevonden'. Zorg ervoor dat wanneer deze content wijzigt dit wordt opgemerkt door hulpsoftware, bijvoorbeeld door gebruik te maken van aria-live.

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-10-05 00:43:19 v2.4-011