Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website www.werkenbijstroomopwaarts.nl/

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Werken bij Stroomopwaarts
Datum 27 februari 2024
Scope van de website
  • Alle pagina's op werkenbijstroomopwaarts.nl.
  • Pdf-document in de huisstijl van werkenbijstroomopwaarts.nl dat op een ander domein staat
  • Niet de pagina's op stroomopwaarts.nl (onderdeel van een ander onderzoek).
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 34

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: Bovenaan de pagina https://www.werkenbijstroomopwaarts.nl/ bevindt zich een logo met zichtbare tekst “Stroomopwaarts MVS”. De alt-tekst is “Werken bij Stroomopwaarts logo”. De afkorting “MVS” ontbreekt in deze tekst en deze tekst bevat “werken bij” tekst die niet in het logo voorkomt. Zorg dat de alt-tekst dezelfde omschrijving heeft als de tekst in het logo. Tevens is het logo klikbaar en brengt je naar de homepage. Vul de naam daarom aan met de tekst ", naar homepage".
Dit logo is ook zichtbaar bij schermen met een lage resolutie waar het menu vervangen is door een menuknop. Bij openen verschijnt hier ook een logo met hetzelfde probleem.
Zie ook SC 2.5.3.

Bevinding 2: Op https://www.werkenbijstroomopwaarts.nl/ staat onder Vacatures bij Stroomopwaarts vacatures, met daaronder de locatie, het aantal te werken uren en de salarisindicatie. Hiervoor worden symbooltjes gebruikt die betekenis hebben. Er is een tekst aan de afbeelding gekoppeld, echter er is geen goede rol aan de afbeelding toegekend zodat de toegankelijke naam mogelijk niet altijd beschikbaar is. Ken aan de svg een role="img" toe.

Dit komt ook voor op:

Bevinding 3: In het pdf-document https://a.storyblok.com/f/96729/x/d73e8c7cb7/stroomopwaarts-organigram-2022-v2.pdf staat het logo van de organisatie. Deze informatieve afbeelding heeft geen alternatieve tekst. Voeg beschrijving toe om een blinde bezoeker te laten weten wat er staat.

Bevinding 4: De volgende bevinding wordt niet afgekeurd, maar wordt genoemd om kennis te vergroten. Op de homepagina onder het kopje “Dit is wat wij jou bieden” staan svg-afbeeldingen die een alt-attribuut hebben gekregen. Een svg kan geen alt-attribuut hebben. Ook als afbeelding hebben deze geen alt-tekst nodig omdat deze afbeeldingen als decoratief worden beschouwd.

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 5: Op pagina https://www.werkenbijstroomopwaarts.nl/ komt aan het einde van de video tekst in beeld. 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 en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware 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.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://www.werkenbijstroomopwaarts.nl/ komt aan het einde van de video tekst in beeld. Er ontbreekt een audiodescriptie die vertelt wat er op het scherm staat. Om te voldoen aan dit succescriterium, is het noodzakelijk om de audiodescriptie toe te voegen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://www.werkenbijstroomopwaarts.nl/werkleerbedrijf staan onder de kop "Locaties werkleerbedrijf" vier adressen. Elk adres bevat een tekst (bijvoorbeeld "Werkleerbedrijf Maassluis") die eruitziet als een kop, maar is gecodeerd als een alinea (met een p-element). Zet deze teksten in koppen om zodat een blinde bezoeker dezelfde structuur van informatie voorgelezen krijgt.

Bevinding 8: Op pagina https://www.werkenbijstroomopwaarts.nl/vacatures staan vacatures. Elke vacature heeft een kop en tekst die de vacature beschrijft. De koppen zijn niet als kopteksten opgemaakt.

Bevinding 9: In het pdf-document https://a.storyblok.com/f/96729/x/d73e8c7cb7/stroomopwaarts-organigram-2022-v2.pdf zijn de kopteksten niet opgemaakt als koppen. Elk team heeft een kopje met de naam van het team. Deze tekst moet worden opgemaakt als een koptekst. Ook de namen van de afdelingen moeten als koppen worden opgemaakt. Op deze manier krijgt een blinde bezoeker de informatiestructuur van dit schema voorgelezen.

Bevinding 10: Advies. Op de homepagina https://www.werkenbijstroomopwaarts.nl/, onder de kop "Dit is wat wij jou bieden" staan twee kolommen met kopjes en alinea’s. In de HTML zijn deze blokken opgemaakt met de zogenaamde ‘definition list’. Het zou beter zijn om hier headings elementen te gebruiken (<h2> tot <h6>). Zie bijvoorbeeld "Energieke en afwisselende baan".

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 11: In het pdf-document https://a.storyblok.com/f/96729/x/d73e8c7cb7/stroomopwaarts-organigram-2022-v2.pdf zijn problemen gevonden met de leesvolgorde. De namen van teams staan onder elkaar en de lijsten die bij deze namen horen, worden pas later voorgelezen. Dit is geen logische voorleesvolgorde.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://www.werkenbijstroomopwaarts.nl/vacatures onder het kopje "Ontvang nieuwe vacatures" staat een e-mail inputveld. Nadat een geldig e-mailadres is ingevuld en op de "Volgen" knop is geklikt, verandert de achtergrond van de knop van magenta naar groen (HEX#059669). De contrastverhouding met de witte tekst wordt 3,8:1. Dit moet minimaal 4,5:1 zijn.

Bevinding 13: Op pagina https://www.werkenbijstroomopwaarts.nl/werkleerbedrijf staat onder de kop "Wil je werken bij een van onze werkleerbedrijf-locaties en heb je nog geen indicatie beschut werk?" tekst met links (bijv. "indicatie beschut werk"). De kleur van de links is magenta (HEX#e2007a) en de achtergrond is lichtgrijs (HEX#F9F9F9); de contrastverhouding is 4,1:1 en moet minstens 4,5:1 zijn.

Bevinding 14: Op pagina https://www.werkenbijstroomopwaarts.nl/contact, wanneer 200% is ingezoomd, verschijnt onder de foto van Emine Safranti een extra knop "Contact opnemen via Whatsapp". De tekst op de knop is wit (HEX#FFFFFF), de achtergrond is groen (HEX#35B549). De contrastverhouding is 2,7:1 terwijl het ten minste 4,5:1 moet zijn.

Bevinding 15: Op de pagina https://www.werkenbijstroomopwaarts.nl/vacatures/51461/medewerker-servicedesk-ict staat een verlopen vacature. Wanneer de pagina wordt geopend, verschijnt een banner waarin een knop "Openstaande vacatures >" staat. De tekstkleur op de knop is wit (HEX#FFFFFF) en de achtergrond is blauw (HEX#009EB0). De contrastverhouding is 3,2:1 en moet minstens 4,5:1 zijn.

Bevinding 16: In het pdf-document https://a.storyblok.com/f/96729/x/d73e8c7cb7/stroomopwaarts-organigram-2022-v2.pdf wordt petrol kleur gebruikt om combinatie met witte tekst. Het kleurcontrast is slechts 3,2:1 waar het minimaal 4,5:1 moet zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://www.werkenbijstroomopwaarts.nl/vacatures/52132/business-controller en andere pagina's met de vacaturegegevens, staat onder het kopje "Reageer vandaag" een formulier. Als het bestand wordt geüpload in het invoerelement ‘CV of Motivatie’, dan verschijnt de knop met een kruisje. De kleur van het icoon is lichtgrijs (HEX#F3F3F3) en de achtergrond is wit (HEX#FFFFFF), dus de contrastverhouding is 1,1:1 en moet minstens 3,0:1 zijn. De randkleur van de tekstinvoervelden (bijv. Voornaam) is grijs (HEX#E4E4E4), de achtergrond is wit (HEX#FFFFFF). De contrastverhouding is 1,3:1 en moet minstens 3,0:1 zijn.

Bevinding 18: Op pagina https://www.werkenbijstroomopwaarts.nl/vacatures, onder het kopje ‘Ontvang nieuwe vacatures’ staat een invoerveld om een e-mail in te voegen. De rand van dit veld is grijs, de achtergrond van de sectie is lichtgrijs. De contrastverhouding is 1,1:1. Dit moet minimaal 3,0:1 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Onvoldoende

Bevinding 19: Op pagina "Medewerker Servicedesk ICT" https://www.werkenbijstroomopwaarts.nl/vacatures/51461/medewerker-servicedesk-ict verschijnt een dialoogvenster met een mededeling dat de vacature verlopen is. In dit venster staat een knop "Openstaande vacatures >". Als de knop toetsenbordfocus krijgt, komt de bezoeker vast te zitten met het toetsenbord. Hij kan niet naar andere elementen gaan, het venster sluiten of terugkeren naar de browser. Dit komt op alle pagina's voor met verlopen vacatures.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 20: Op de homepagina staat een video. Binnen deze videospeler is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. Zo kan de ‘f’ gebruikt worden om de video full screen af te spelen en de ’m’ om het geluid uit te zetten. Deze sneltoetsen mogen alleen actief zijn als de focus op de betreffende knop staat. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 21: De paginatitel op pagina https://www.werkenbijstroomopwaarts.nl/bestaatniet ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.

Bevinding 22: Het pdf-document https://a.storyblok.com/f/96729/x/d73e8c7cb7/stroomopwaarts-organigram-2022-v2.pdf
heeft geen titel. De titel moet een korte beschrijving van de inhoud van het bestand zijn. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten belangrijk dat de titel duidelijk maakt waar ze zijn. Dit kan worden ingesteld via de bestandseigenschappen. Hier moet ook worden ingesteld dat de titel wordt getoond in de titelbalk en niet de bestandsnaam, zoals nu het geval is.
Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten belangrijk dat de titel duidelijk maakt waar ze zijn. Wanneer een pdf geen titel heeft wordt de bestandsnaam getoond, deze is niet altijd even duidelijk.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 23: Op pagina "Medewerker Servicedesk ICT" https://www.werkenbijstroomopwaarts.nl/vacatures/51461/medewerker-servicedesk-ict verschijnt een dialoogvenster met een mededeling dat de vacature verlopen is. De focus landt op het logo en menu-items in het hoofdmenu voordat het bij de knop in de banner komt. De focus mag niet op elementen landen die op dat moment niet in beeld zijn.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 24: Op alle pagina’s staat een logo dat fungeert als een link naar de homepagina. De toegankelijkheidsnaam van het logo is "Werken bij Stroomopwaarts logo". Voor de afbeelding is deze tekst voldoende, echter deze tekst beschrijft het doel van de link niet. Vul deze naam aan met het linkdoel, bijvoorbeeld ", naar homepage" Zie bijvoorbeeld https://www.werkenbijstroomopwaarts.nl/.

Bevinding 25: In de footer van alle pagina's, bijvoorbeeld op de homepagina https://www.werkenbijstroomopwaarts.nl/, onder de kop "Algemeen contact HRM" na de link "010 246 5100", staat een verborgen link. Deze link heeft geen content waardoor het linkdoel niet duidelijk is. Verwijder deze link.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 26: Voor elke pagina op de website moet een tweede manier aanwezig zijn om de pagina te vinden. Dit kan via zoeken, een sitemap, links op homepagina of links in de footer. Een tweede manier ontbreekt. Zorg dat er nog een manier is om elke pagina te kunnen bereiken, bijvoorbeeld een zoekfunctie.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 27: Bovenaan de pagina https://www.werkenbijstroomopwaarts.nl/ bevindt zich een logo met zichtbare tekst “Stroomopwaarts MVS”. De alt-tekst is “Werken bij Stroomopwaarts logo”. De afkorting “MVS” ontbreekt in deze tekst en deze tekst bevat “werken bij” tekst die niet in het logo voorkomt. Zorg dat de alt-tekst dezelfde omschrijving heeft als de tekst in het logo. Tevens is het logo klikbaar en brengt je naar de homepage. Vul de naam daarom aan met de tekst ", naar homepage".
Dit logo is ook zichtbaar bij schermen met een lage resolutie waar het menu vervangen is door een menuknop. Bij openen verschijnt hier ook een logo met hetzelfde probleem.
Zie ook SC 1.1.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 28: In het pdf-document https://a.storyblok.com/f/96729/x/d73e8c7cb7/stroomopwaarts-organigram-2022-v2.pdf is de taal ingesteld op “en-GB”. Het document is in het Nederlands geschreven. De taal hoort correct ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit kan worden ingesteld via de bestandseigenschappen.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 29: In de footer op alle pagina's, bijvoorbeeld op de homepage https://www.werkenbijstroomopwaarts.nl/ staat een link "Powered by HelloPublic.nl". Een deel van de zichtbare tekst ("Powered by") is in het Engels en mist een taalwisseling.

Bevinding 30: Op de homepagina https://www.werkenbijstroomopwaarts.nl/, onder de kop "Zelfstandig werken binnen een resultaatgericht team", staat een videospeler. Alle bedieningselementen van de speler hebben een toegankelijke naam in het Engels (bijv. “Play”, "Volume (use up/down arrow keys to change)", ‘Settings”). De hoofdtaal is Nederlands. Deze teksten hebben een taalwisseling nodig. Beter is om de taal van de bedieningselementen Nederlands te maken.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://www.werkenbijstroomopwaarts.nl/vacatures/52132/business-controller staat een formulier. Wanneer dit formulier leeg wordt verstuurd, verschijnen foutmeldingen “Vul dit veld in”. Dit zijn geen foutmeldingen, maar instructies. Een goede foutmelding beschrijft wat er fout ging met de invoer.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 32: Op de pagina Vacatures https://www.werkenbijstroomopwaarts.nl/vacatures, onder de kop "Ontvang nieuwe vacatures", staat een e-mail invoerveld. Het veld heeft geen label dat altijd zichtbaar is. Er is een placeholder-tekst aanwezig, maar deze verdwijnt zodra bezoeker begint te typen en kan niet als label worden gezien. Zorg voor een permanent label.

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 33: In de footer op alle pagina's, bijvoorbeeld op de homepagina https://www.werkenbijstroomopwaarts.nl/, onder de kop "Algemeen contact HRM", bevindt zich naast de link "010 246 5100" een lege link. Deze lege link heeft geen toegankelijkheidsnaam.

Bevinding 34: Op pagina https://www.werkenbijstroomopwaarts.nl/vacatures/51461/medewerker-servicedesk-ict "Medewerker Servicedesk ICT" verschijnt in het midden van de pagina een dialoogvenster. Dit venster heeft een role="dialog" attribuut en heeft daarom een toegankelijke naam nodig.

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-06 03:26:44 v2.4-011