Rapport:
Audit digitale toegankelijkheid website Werken bij Alphen aan den Rijn

Uitkomst: Onvoldoende

Bevindingen: In de cookiebanner op het domein werkenbijalphenaandenrijn.nl staat rechtsboven een knop met een icoon van een kruis. Deze knop heeft de toegankelijkheidsnaam "x" en dit geeft niet goed aan wat deze knop doet. Verander dit naar bijvoorbeeld "Cookiemelding sluiten".

Op pagina https://www.werkenbijalphenaandenrijn.nl/ en de vervolgpagina's staat linksboven het logo van Alphen aan den Rijn. Deze afbeelding is ook een link naar de homepage van deze website. De alternatieve tekst van de afbeelding en de title van de link is "Gemeente Alphen aan den Rijn". Dit geeft nog niet duidelijk de functie van de afbeelding aan, namelijk waar de link naartoe gaat. De link lijkt namelijk door dit tekstalternatief naar de gemeentelijke website www.alphenaandenrijn.nl te gaan, maar dat is niet het geval. Wijzig dit naar bijvoorbeeld "Werken bij Gemeente Alphen aan den Rijn". Een vergelijkbaar probleem komt voor op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe. Zie ook succescriterium 2.4.4.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat tussen "Job Alert" in het hoofdmenu en het zoekveld onder "Werken bij..." een icoon voor het afspelen van een video. Dit interactieve icoon heeft geen tekstalternatief. Dit komt ook voor op pagina https://www.werkenbijalphenaandenrijn.nl/stages, naast "Soorten stages". Zie ook succescriterium 4.1.2.

Op pagina https://www.werkenbijalphenaandenrijn.nl/contact staat naast "Vragen of opmerkingen?" een afbeelding met de alternatieve tekst "Image". Dit beschrijft niet wat op de afbeelding staat. Deze afbeelding kan gezien worden als een decoratieve afbeelding en in dat geval moet de alternatieve tekst leeg gemaakt worden (alt=""). Dit komt ook voor op pagina's https://www.werkenbijalphenaandenrijn.nl/stages, https://www.werkenbijalphenaandenrijn.nl/Young%20Professionals en andere pagina's.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures/ staat een pagina-navigatie onder de vacatures. Hierin heeft het icoon van een pijl geen tekstalternatief. Zie ook succescriterium 2.4.4.

Op pagina's https://www.werkenbijalphenaandenrijn.nl/, https://www.werkenbijalphenaandenrijn.nl/vacatures/, https://www.werkenbijalphenaandenrijn.nl/vacature/632/projectleider-civiel-3 en https://www.werkenbijalphenaandenrijn.nl/stages staan bij vacatures verschillende gegevens zoals de omvang, het aantal uur etc. De iconen geven aan waar het om gaat en deze informatie is niet beschikbaar voor mensen die blind of slechtziend zijn. Voeg tekstalternatieven toe aan deze iconen of schrijf de informatie uit.

Op pagina's https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij en https://www.werkenbijalphenaandenrijn.nl/onze-organisatie staan complexe afbeeldingen over de kernwaarden en de manier van werken. De informatie in deze afbeeldingen is nu niet beschikbaar voor mensen die blind of slechtziend zijn. Omdat dit veel informatie is, volstaat de alternatieve tekst van de afbeeldingen niet. Zorg daarom voor een uitgeschreven versie van deze informatie op de pagina of op een andere pagina die via een link makkelijk te bereiken is.

Op pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij staan de vier blokken "Onze organisatie" tot en met "Ontwikkeling & vitaliteit" met elk een decoratieve afbeelding. De tweede, derde en vierde afbeelding missen nu het alt-attribuut. Dit attribuut is altijd nodig, want anders wordt mogelijk de bestandsnaam voorgelezen door schermvoorleessoftware. De eerste afbeelding heeft een tekstalternatief die beter weggelaten kan worden. Voor alle decoratieve img-elementen geldt dat zij een alt-attribuut met een lege waarde (alt="") nodig hebben.

Op pagina https://profile.varbi.com/nl/login/type:subscribe/ staat linksboven het logo van Grade Varbi. De alternatieve tekst is "Logo voor " en dat geeft niet goed aan wat op de afbeelding staat. Zie ook succescriterium 2.4.4.

Op pagina's https://alphenaandenrijn.varbi.com/nl/what:subscribe, https://alphenaandenrijn.varbi.com/nl/info/cookie en https://profile.varbi.com/nl/login/type:subscribe/ staat onderaan het logo van Grade Varbi. De tekst "Grade" ontbreekt nu in het tekstalternatief. Voeg dit toe, zodat de zichtbare tekst uit dit logo ook beschikbaar is voor mensen die blind of slechtziend zijn en schermvoorleessoftware gebruiken. Dit kan ook op andere pagina's voorkomen.

Op pagina https://profile.varbi.com/nl/user/inbox staat een tabel met in één van de tabelkoppen een icoon van een paperclip. Dit icoon geeft aan of een bericht bijlagen bevat, maar dit icoon heeft geen tekstalternatief. Voeg dit toe, bijvoorbeeld "Bijlagen".

Als pagina https://profile.varbi.com/nl/login/type:subscribe/ wordt bekeken op een scherm dat 200% of 400% is ingezoomd, staat rechtsboven een link met een icoon van een pijl die naar links wijst. Dit icoon heeft geen tekstalternatief, waardoor mensen die blind zijn nu niet kunnen weten wat deze link doet. Zie ook succescriteria 2.4.4 en 4.1.2. Dit kan ook op andere pagina's voorkomen.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.werkenbijalphenaandenrijn.nl/onze-organisatie wordt een video getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Bijvoorbeeld vanaf 0:14 "hebben gemeente al snel een" in plaats van "bij de gemeente Alphen aan den Rijn" en "heeft u pijn" in plaats van "heeft u een afspraak". Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Wijzig dit bijvoorbeeld in YouTube Studio.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat de video "Maak kennis met onze collega's...". Hierin komen tussendoor de namen en functies van de sprekers in beeld en aan het eind meerdere teksten en een logo. 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 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 succescriterium 1.2.5.

Een vergelijkbaar probleem komt voor in de video "Stagelopen bij" op pagina https://www.werkenbijalphenaandenrijn.nl/stages. Hier komt aan het eind informatie in beeld waarvoor nu geen alternatief is. Het gaat om de tekst vanaf "Ook stage lopen?". Ook in de video op pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij komt een vergelijkbaar probleem voor aan het eind. Daar gaat het om de tekst vanaf "Benieuwd naar openstaande opdrachten?". Verder bevat de video op pagina https://www.werkenbijalphenaandenrijn.nl/onze-organisatie ook visuele informatie waarvoor geen alternatief is. Hier gaat het om de namen en functies van sprekers die aan het woord komen.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat de video "Maak kennis met onze collega's...". Hierin komt aan het eind meerdere teksten en een logo in beeld, zie ook 1.2.3. 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. Maak gebruik van een (extra) audiospoor om deze informatie toegankelijk te maken. Het toevoegen van een voice-over die deze informatie uitspreekt mag ook.

Een vergelijkbaar probleem komt voor in de video "Stagelopen bij" op pagina https://www.werkenbijalphenaandenrijn.nl/stages. Hier komt aan het eind informatie in beeld waarvoor nu geen alternatief is. Het gaat om de tekst vanaf "Ook stage lopen?". Ook in de video op pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij komt een vergelijkbaar probleem voor aan het eind. Daar gaat het om de tekst vanaf "Benieuwd naar openstaande opdrachten?"

Uitkomst: Onvoldoende

Bevindingen: In de cookiebanner op het domein werkenbijalphenaandenrijn.nl staat de koptekst "Deze website maakt gebruik van tracking cookies". Deze tekst is niet als kop (bijvoorbeeld h2) opgemaakt.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ staan halverwege de pagina de teksten "Open en informele werksfeer" tot en met "Werk met een maatschappelijk doel". Deze teksten zijn onterecht opgemaakt als kopteksten (h3), want deze teksten hebben geen content waar het koppen van kunnen zijn. Verander deze naar normale teksten en wijzig de opmaak via CSS.

Op meerdere pagina's, waaronder https://www.werkenbijalphenaandenrijn.nl/ en https://www.werkenbijalphenaandenrijn.nl/contact, staat onderaan een blok dat begint met "Kun je de vacature die je zoekt niet vinden?". De tekst hieronder, vanaf "Meld je aan voor een JobAlert..." is onterecht opgemaakt als kop (h3). Verander dit naar een normale tekst en wijzig de opmaak via CSS.

Op pagina https://www.werkenbijalphenaandenrijn.nl/sollicitatieprocedure is de tekst "Van harte welkom bij Gemeente Alphen aan den Rijn!" onterecht opgemaakt als een koptekst (h2). Dit is namelijk geen kop voor de tekst eronder. Wijzig dit naar normale tekst en pas eventueel de opmaak aan via CSS.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures staat de koptekst "Verfijn resultaten" met daaronder de kopteksten "Omvang dienstverband" tot en met "Soort dienstverband". Deze koppen zijn allemaal van niveau 2 (h2), maar dat is geen logische structuur. Maak de kopteksten vanaf "Omvang dienstverband" een niveau lager (h3).

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacature/632/projectleider-civiel-3 zijn koppen opgemaakt met het strong-element, bijvoorbeeld "Het team Projecten Openbare ruimte" en "Wat ga je doen?". Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor het aangeven koppen. Verwijder het strong-element en verander de teksten naar koppen, bijvoorbeeld h2.

Op pagina https://www.werkenbijalphenaandenrijn.nl/stages is de kop "Stages" goed opgemaakt als kop h1. Het probleem is hier dat dit ook is opgemaakt met het strong-element. Verwijder dit element.

Op pagina's https://www.werkenbijalphenaandenrijn.nl/Young%20Professionals en https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij staan quotes van medewerkers. Deze teksten zijn onterecht opgemaakt met het strong-element. Verwijder dit element en wijzig ze naar een blockquote-element en/of pas de vormgeving aan met CSS.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacature/632/projectleider-civiel-3 zijn meerdere teksten opgemaakt met het em-element. Ook dit element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor het opmaken van cursieve tekst. Gebruik hiervoor het blockquote- of q-element (voor inline quotes) of eventueel het i-element.

Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner. Als hierin de knop "Toon details" wordt geactiveerd, verschijnt onder andere een tabel. De cellen in de eerste rij zijn goed opgemaakt als tabelkoppen (th). Het probleem hier is dat de cellen in de eerste kolom ook moeten worden opgemaakt als tabelkoppen, omdat deze iets zeggen over de cellen ernaast. Dit probleem komt ook voor op pagina https://alphenaandenrijn.varbi.com/nl/info/cookie.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat naast "Werken bij Alphen aan den Rijn" een video. Deze video heeft de naam "Video" en dat geeft niet duidelijk aan waar deze video over gaat. Voeg dit toe aan de video, bijvoorbeeld in het title-attribuut. Dit komt ook voor op pagina's https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij en https://www.werkenbijalphenaandenrijn.nl/onze-organisatie.

Op pagina https://alphenaandenrijn.varbi.com/nl/info/cookie staan onder de kop "Cookies" een aantal paragrafen, een koptekst en een opsommingslijst. De paragrafen en opsommingslijst zijn niet goed opgemaakt. Wijzig dit naar p-elementen en een ul-element met meerdere li-elementen.

Op pagina https://alphenaandenrijn.varbi.com/nl/info/cookie staan checkboxen vóór "Noodzakelijke cookies", "Statistieken" en "Marketing". De relatie tussen deze kopteksten en de checkboxen kan nu niet programmatisch bepaald worden. Zie ook succescriterium 4.1.2.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat de vraag "1. Waar heb je de vacature voor het eerst gezien?" met verschillende keuzeopties. Hier zijn meerdere problemen mee. Zo zijn de vraag en de opties opgemaakt als koptekst (h3) en opsommingslijst (ul en li). Screenreaders die door formulieren navigeren, geven vaak deze relaties niet weer. Dit betekent dat de relatie tussen de vraag en de opties nu niet altijd duidelijk is. Wijzig dit naar een fieldset met de vraag in een legend-element. Verder is de relatie tussen de radiobuttons en de teksten erachter nu niet duidelijk. Wijzig de teksten naar label-elementen en koppel deze met "for" en "id" aan de radiobuttons. Zie ook 4.1.2. Een vergelijkbaar probleem komt voor op pagina https://profile.varbi.com/user/profile, bij "Rijbewijs".

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat de instructie "Toegestane bestandsformaten...". Deze tekst is nu niet gekoppeld aan de knoppen waarvoor dit geldt ("Uploaden"). Koppel deze instructie aan de knoppen, bijvoorbeeld via aria-describedby. Dit probleem komt ook voor op pagina https://profile.varbi.com/user/profile.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat achter "CV" en "Motivatiebrief" de knop "Uploaden". Visueel is duidelijk wat hier ingevuld moet worden, maar dit kan niet programmatisch bepaald worden. Zorg ervoor dat duidelijk is wat geüpload kan worden. Zie ook succescriterium 2.5.3. Een vergelijkbaar probleem komt voor op pagina https://profile.varbi.com/user/profile.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staan de labels "Categorie", "Hoe vaak wil je e-mails ontvangen?" en "E-mail". Deze labels zijn niet gekoppeld aan de invoervelden. Dit zorgt er ook voor dat deze invoervelden geen naam hebben. Koppel deze labels en invoervelden via "for" en "id". Zie ook succescriterium 4.1.2.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staat een checkbox bij het label "Ik ga ermee akkoord dat Varbi...". Deze checkbox heeft een aria-label met de waarde "SUBSCRIPTION_ACCEPT_GDPR_TERMS_LABEL". Dit zorgt ervoor dat de relatie tussen de checkbox en het label niet meer programmatisch bepaald kan worden. Verwijder deze aria-label. Zie ook succescriterium 2.5.3.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staat het label "E-mailadres hier schrijven" en een invoerveld. Deze zijn goed aan elkaar gekoppeld. Het probleem is hier dat nu niet programmatisch bepaald kan worden dat het hier gaat om het stopzetten van Job Alerts. Voeg deze informatie toe aan het label. Andere oplossingen zijn ook mogelijk.

Als op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 een sollicitatie wordt verstuurd met fouten, wordt het volgende meegedeeld door een screenreader: "Cloudflare Privacy, Voorwaarden Gelukt! Gelukt!". Deze melding heeft alleen betrekking op de captcha, maar deze context is nu niet duidelijk. Nu lijkt het alsof het formulier succesvol is verstuurd, maar dat is niet het geval. Geef deze melding eerder, bijvoorbeeld wanneer de captcha succesvol is, maar in ieder geval voordat het formulier met fouten wordt verstuurd. Zie ook succescriterium 4.1.3.

Als op pagina https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted wordt gekozen om een sollicitatie te verwijderen, verschijnt een dialoogvenster. Dit hele venster is verborgen voor hulpsoftware door middel van aria-hidden="true". Verwijder dit attribuut of wijzig de waarde naar "false". In dit venster staat een tekst en een invoerveld, maar deze zijn niet aan elkaar gekoppeld. Zie ook succescriterium 4.1.2.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 is een formulier waar de bezoeker onder andere het eigen e-mailadres, de naam en het telefoonnummer kan invullen. Het doel van deze moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Bij de velden voor het e-mailadres is nu autocomplete met de waarde "off" gebruikt en dat is niet de bedoeling. Bij de andere velden ontbreekt dit attribuut. Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/Translations/WCAG21-nl/#input-purposes.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe ontbreekt het autocomplete-attribuut bij de twee invoervelden voor het e-mailadres.

Op pagina https://profile.varbi.com/nl/login/type:subscribe/ ontbreekt ook het autocomplete-attribuut bij de twee invoervelden. De waardes moeten hier "username" en "current-password" zijn.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 moet het e-mailadres in het tweede veld handmatig ingevuld worden. Dit is echter strijdig met de bedoeling van dit succescriterium. Het moet namelijk mogelijk zijn om dit automatisch of met behulp van een wachtwoordmanager in te vullen, juist om fouten te voorkomen. Een essentiële uitzondering is hier niet van toepassing.

Uitkomst: Onvoldoende

Bevindingen: Op meerdere pagina's, waaronder https://www.werkenbijalphenaandenrijn.nl/contact, staan groene linkteksten in een alinea met bijna zwarte tekst. Deze links zijn alleen via kleur te onderscheiden van de lopende tekst. Dit mag alleen als wordt voldaan aan twee voorwaarden, namelijk: de linktekst moet een contrast van minimaal 3,0:1 hebben met de omringende tekst en de linktekst moet een aanvullende visuele hint krijgen bij hover en focus. Aan de laatste voorwaarde wordt niet voldaan, omdat er geen aanvullende visuele hint is bij focus. De focusindicator geldt namelijk niet als aanvullende visuele hint.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat de link "voorwaarden" in een lopende tekst. Ook deze link is alleen via kleur te onderscheiden van de lopende tekst. Deze voldoet niet aan de voorwaarden, omdat het contrast tussen de linktekst en de omringende tekst met 1,6:1 te laag is.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de cookiebanner op het domein werkenbijalphenaandenrijn.nl kunnen details getoond worden. Hierin heeft de witte tekst (HEX #FEFEFE) in het niet-actieve tabblad (bijvoorbeeld "Over cookies") een te laag contrast van 3,5:1 op de grijze achtergrond (HEX #7D8F9A). Dit moet minimaal 4,5:1 zijn.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat onder "Werken bij..." een zoekveld met daarin de placeholdertekst "Functie of trefwoord...". Deze grijze tekst (HEX #BDBDBD) heeft een te laag contrast van 1,9:1 op de witte achtergrond. Dit komt ook voor op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures.

Op pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij staat naast "Onze kernwaarden en -competenties" een afbeelding met meerdere witte teksten. Deze teksten hebben een te laag contrast van 1,8:1 tot 2,9:1 op de verschillende gekleurde achtergronden.

Op pagina https://www.werkenbijalphenaandenrijn.nl/onze-organisatie staat naast "Onze manier van werken" een afbeelding met daarin meerdere witte teksten. Deze teksten hebben een te laag contrast van 1,9:1 tot 3,8:1 op de verschillende gekleurde achtergronden.

Als in de cookiebanner op het domein alphenaandenrijn.varbi.com de knop "Accepteer alleen noodzakelijke" de toetsenbordfocus krijgt, verandert de tekstkleur naar donkerblauw (HEX #41475E). Deze tekst heeft een te laag contrast van 1,3:1 op de blauwgrijze achtergrond (HEX #46545F).

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staan in de footer de links "Cookies" en "Voorwaarden en AVG" op een achtergrond met kleurverloop. Het contrast van deze blauwe teksten (HEX #4A5BC9) op deze achtergrond varieert van 1,4:1 tot 2,2:1 en is dus in alle gevallen te laag.

Op pagina https://profile.varbi.com/nl/login/type:subscribe/ staan twee placeholderteksten "Schrijf je e-mailadres hier" en "Wachtwoord". Deze grijze teksten (HEX #999999) hebben een te laag contrast van 2,8:1 op de witte achtergrond.

Op pagina's https://alphenaandenrijn.varbi.com/nl/what:subscribe, https://alphenaandenrijn.varbi.com/nl/info/cookie en https://profile.varbi.com/nl/login/type:subscribe/ staat bovenin de tekst "Inloggen" of "Terug". Deze grijze tekst (HEX #777777) heeft een contrast van net geen 4,5:1 en is dus net te laag.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staat de witte tekst "Job Alerts stopzetten" op een roze achtergrond (HEX #F78585) met een te laag contrast van 2,4:1.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 kan een foutmelding verschijnen. De rode tekst (HEX #A94442), bijvoorbeeld "Het e-mailadres heeft geen geldig formaat", heeft een te laag contrast van 2,4:1 op de lichtrode achtergrond (HEX #F78585).

Als op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 een bestaand e-mailadres wordt ingevuld, verandert "Herhaal e-mailadres" in een veld voor het invoeren van een wachtwoord. Dit veld staat in een blauw kader (HEX #92DAF2). In dit kader staat ook de blauwe tekst "Vraag een nieuw wachtwoord aan" (HEX #4A5BC9) met een te laag contrast van 3,7:1.

Op pagina https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted staat bovenaan achter "Berichten" een witte "1" op een groene achtergrond (HEX #6BBE6B). Deze tekst heeft een te laag contrast van 2,3:1. Dit komt ook voor bij de tekst "Update sollicitatie" op pagina https://alphenaandenrijn.varbi.com/apply/position/683622.

Op pagina https://profile.varbi.com/user/inbox staan onder "Schrijf nieuw bericht" twee linkteksten. De tekst van het actieve onderdeel heeft een te laag contrast van 2,8:1 op de achtergrond en de tekst van het niet-actieve onderdeel heeft een te laag contrast van 2,6:1 op de achtergrond.

Advies: In de cookiebanner op het domein werkenbijalphenaandenrijn.nl staan linkteksten als "Meer over ons cookiebeleid", "report" en "Cookie-Script". Deze teksten hebben dezelfde kleur als de achtergrond en dus helemaal geen contrast. Aangezien dit een probleem is voor alle gebruikers, is dit niet afgekeurd als toegankelijkheidsprobleem. Wel kan dit beter aangepast worden.

Uitkomst: Onvoldoende

Bevindingen: Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner. Als hierin de knop "Toon details" wordt geactiveerd, verschijnt onder andere een tabel. Als de website wordt bekeken bij een zoomniveau van 200%, kan het onderste deel van deze tabel niet zichtbaar gemaakt worden. Dit is verlies van informatie.

Als de website wordt bekeken bij een schermbreedte van 1280 pixels en een zoomniveau van 200%, valt op pagina https://www.werkenbijalphenaandenrijn.nl/sollicitatieprocedure de tekst onder "Vragen tijdens je sollicitatieprocedure" weg.

Op pagina's https://alphenaandenrijn.varbi.com/nl/what:subscribe, https://alphenaandenrijn.varbi.com/nl/info/cookie en https://profile.varbi.com/nl/login/type:subscribe/ staat bovenin een knop voor het wisselen van de taal. Als deze pagina's zijn ingezoomd tot 200%, valt een groot deel van de namen van de talen buiten beeld. Dit is verlies van informatie. Dit kan ook op andere pagina's voorkomen.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat een captcha van Cloudflare in een iframe. In dit iframe staat in de HTML-code bij meta name="viewport" de instelling maximum-scale="1". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instellingen weg.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner. Als hierin de knop "Toon details" wordt geactiveerd, verschijnt onder andere een tabel. Als de website wordt bekeken bij een zoomniveau van 400% en een schermbreedte van 1280 pixels, kan het onderste deel van deze tabel niet zichtbaar gemaakt worden. Dit is verlies van informatie.

Op pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij staat bij één van de quotes de functie "Communicatiemedewerker". Het laatste deel van dit woord valt nu buiten beeld. Dit kan via CSS aangepast worden.

Als de website wordt bekeken bij een schermbreedte van 1280 pixels en een zoomniveau van 400%, valt op pagina https://www.werkenbijalphenaandenrijn.nl/sollicitatieprocedure het laatste deel van de tekst onder "Vragen tijdens je sollicitatieprocedure" weg.

Op het domein alphenaandenrijn.varbi.com staat onderaan het scherm een cookiebanner. Als de website wordt bekeken bij een zoomniveau van 400% en een schermbreedte van 1280 pixels, is alleen het laatste deel in deze banner, vanaf "Accepteer alleen noodzakelijke", zichtbaar. Dit is verlies van informatie.

Op pagina's https://alphenaandenrijn.varbi.com/nl/what:subscribe, https://alphenaandenrijn.varbi.com/nl/info/cookie en https://profile.varbi.com/nl/login/type:subscribe/ staat bovenin een knop voor het wisselen van de taal. Als deze pagina's zijn ingezoomd tot 400%, valt een groot deel van de namen van de talen buiten beeld. Dit is verlies van informatie. Let op dat horizontaal scrollen hier geen oplossing is. Dit kan ook op andere pagina's voorkomen.

Op pagina's https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4, https://alphenaandenrijn.varbi.com/nl/what:subscribe, https://alphenaandenrijn.varbi.com/nl/info/cookie en https://profile.varbi.com/nl/login/type:subscribe/ staat bovenin een knop voor het wisselen van de taal. Als deze knop geactiveerd wordt, komt een deel van de talen in beeld. De talen die niet in beeld komen bij een resolutie van 1280 bij 1024 pixels en een zoomniveau van 400% kunnen ook niet in beeld gebracht worden. Dit kan ook op andere pagina's voorkomen.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staat onder "Job Alert - RSS" een link met een lange linktekst. Het laatste deel valt nu buiten beeld. Dit kan opgelost worden via CSS of door de linktekst aan te passen.

Uitkomst: Onvoldoende

Bevindingen: In de cookiebanner op het domein werkenbijalphenaandenrijn.nl kunnen details getoond worden. Hierbinnen staan drie checkboxen voor "Prestatie", "Gerichte" en "Niet-geclassificeerde". Als deze de toetsenbordfocus krijgen, verschijnt een lichtblauwe cirkel om de checkboxen. Deze statusverandering moet een contrast van minimaal 3,0:1 hebben ten opzichte van de originele status. Dit contrast is echter met 1,5:1 te laag.

Onder de footer op het domein werkenbijalphenaandenrijn.nl staan vier iconen voor sociale media, van Facebook tot en met Instagram. Als deze links de toetsenbordfocus krijgen, verschijnt een witte rand om de iconen. Deze witte rand (HEX #FFFFFF) heeft een te laag contrast van 1,3:1 op de lichtgrijze achtergrond (HEX #E5E5E5). Dit moet minimaal 3,0:1 zijn.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures staan verschillende filteropties onder "Verfijn resultaten". De randen van de niet-geselecteerde checkboxen (HEX #E6E6E6) hebben een te laag contrast van 1,2:1 op de witte achtergrond.

Op pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij staat naast "Onze kernwaarden en -competenties" een afbeelding. Hierin worden verschillende kleuren gebruikt om aan te geven wat bij elkaar hoort. Het contrast tussen deze kleuren is op meerdere plekken te laag om goed onderscheiden te kunnen worden. Zo is het contrast tussen licht- en donkerblauw bijvoorbeeld slechts 1,2:1 en het contrast tussen twee verschillende kleuren groen met 1,1:1 nog minder.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staan meerdere invoervelden. De randen van deze invoervelden (HEX #CCCCCC) hebben een te laag contrast van 1,6:1 op de witte achtergrond. Dit komt ook voor op pagina's https://alphenaandenrijn.varbi.com/nl/what:subscribe en https://profile.varbi.com/nl/login/type:subscribe/ en mogelijk andere pagina's.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina
https://www.werkenbijalphenaandenrijn.nl/vacatures de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, is het broodkruimelpad niet meer leesbaar. Dit komt doordat het blok "Werken bij..." hier overheen valt. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen. Een alternatief voor de gemiste informatie mag ook.

Uitkomst: Onvoldoende

Bevindingen: Als je op pagina's https://www.werkenbijalphenaandenrijn.nl/vacatures, https://www.werkenbijalphenaandenrijn.nl/sollicitatieprocedure en https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij over het hoofdmenu hovert met de muis, verschijnt aanvullende content. De bezoeker kan deze content niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de Escape-toets kunnen doen. Dit komt ook op andere pagina's voor, maar daar valt de aanvullende content niet over andere content heen en is het geen probleem.

Uitkomst: Onvoldoende

Bevindingen: Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner. Als hierin de knop "Toon details" wordt geactiveerd, verschijnen de tabbladen "Cookie verklaring" en "Over cookies", de knoppen "Prestatie", "Gerichte" en "Niet-geclassificeerde" en een tabel. Al deze content kan niet bereikt en bediend worden met het toetsenbord. Zie ook succescriterium 4.1.2 voor de tabbladen en knoppen. Voor de tabel kan het een oplossing zijn om hier tabindex="0" aan toe te voegen.

Als in de cookiebanner wordt gekozen voor "Accepteer cookies", "Weiger cookies" of "x", verschijnt linksboven op de webpagina de knop "Cookie instellingen". Deze knop is niet met het toetsenbord te bedienen. Zie ook succescriterium 4.1.2.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ en andere pagina's op dit domein staat een hoofdmenu. De onderdelen "Wie zijn wij" en "Vacatures" bevat een submenu met meerdere onderdelen. Dit submenu is niet benaderbaar met alleen het toetsenbord.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat tussen "Job Alert" in het hoofdmenu en het zoekveld onder "Werken bij..." een knop voor het afspelen van een video. Deze knop is niet met het toetsenbord te benaderen en te bedienen. Dit komt ook voor op pagina https://www.werkenbijalphenaandenrijn.nl/stages, naast "Soorten stages". Zie ook succescriterium 4.1.2.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures staan onder "Verfijn resultaten", naast de koppen "Omvang dienstverband" etc. iconen waarmee de categorie in- of uitgeklapt kan worden. Deze iconen zijn wel met de muis, maar niet met het toetsenbord te bedienen. Zie ook succescriterium 4.1.2.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacature/632/projectleider-civiel-3 staat de knop "Vacature delen". Deze knop is niet met het toetsenbord te bereiken en te bedienen.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staan achter "CV" en "Motivatiebrief" de knoppen "Invullen". Deze knoppen zijn niet met het toetsenbord te bereiken en te bedienen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://www.werkenbijalphenaandenrijn.nl/, https://www.werkenbijalphenaandenrijn.nl/stages, https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij en https://www.werkenbijalphenaandenrijn.nl/onze-organisatie wordt gebruik gemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube-video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium. Bij de video "De kerncompetenties en drijfveren..." gaat dit wel goed.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers in het formulier op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 verschillende e-mailadressen worden ingevoerd bij "E-mailadres" en "Herhaal e-mailadres" of als een verkeerd e-mailadres wordt ingevoerd, verschijnt een foutmelding. Deze melding verdwijnt na enige tijd, waardoor sommige bezoekers niet voldoende tijd hebben om de melding te lezen. Zorg ervoor dat foutmeldingen blijven staan totdat de bezoeker de fout heeft opgelost.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: Pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij heeft de paginatitel "Werken bij Alphen aan den Rijn | Gemeente Alphen aan den Rijn". Deze paginatitel beschrijft de inhoud van de pagina niet voldoende. Wijzig deze naar bijvoorbeeld "Wie zijn wij | Werken bij Gemeente Alphen aan den Rijn"

Pagina https://alphenaandenrijn.varbi.com/nl/info/cookie heeft de paginatitel "Recruitment software - Varbi Recruit - e-recruitment tools / e-recruitment - recruitmentsysteem". Deze paginatitel beschrijft de inhoud van de pagina niet voldoende. Wijzig deze naar bijvoorbeeld "Cookies | Werken bij Gemeente Alphen aan den Rijn" etc. Dit probleem komt ook voor op pagina's https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted, https://alphenaandenrijn.varbi.com/apply/position/683622, https://profile.varbi.com/user/profile en https://profile.varbi.com/nl/user/inbox.

Advies: De pagina's op het domein werkenbijalphenaandenrijn.nl hebben paginatitels die eindigen met "Gemeente Alphen aan den Rijn". Dit kan de indruk wekken dat dit de gemeentelijke website (www.alphenaandenrijn.nl) is, maar dat is niet zo. Dit kan beter gewijzigd worden naar "Werken bij Gemeente Alphen aan den Rijn".

Advies: De pagina's op het domein varbi.com missen informatie over de afzender, zo is de paginatitel van https://alphenaandenrijn.varbi.com/nl/what:subscribe slechts "Job Alerts". Dit geeft wel goed de inhoud weer, maar kan beter ook de naam van de organisatie bevatten.

Advies: Pagina https://www.werkenbijalphenaandenrijn.nl/contact heeft de paginatitel "Contactformulier van Gemeente Alphen aan den Rijn | Gemeente Alphen aan den Rijn". Dit is wel de contactpagina, maar hierop staat geen contactformulier. Dit kan verwarrend zijn. De titel kan daarom beter gewijzigd worden naar bijvoorbeeld "Contactpagina van Gemeente Alphen aan den Rijn | Gemeente Alphen aan den Rijn".

Uitkomst: Onvoldoende

Bevindingen: Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner die andere content verbergt. De toetsenbordfocus komt echter eerst op de content onder deze cookiebanner en dat is niet toegestaan. Zie ook succescriterium 2.4.7. Dit probleem geldt ook voor de cookiebanner die onderaan het scherm staat op het domein alphenaandenrijn.varbi.com.

Als pagina https://www.werkenbijalphenaandenrijn.nl/ en andere pagina's op dit domein wordt bekeken op een klein of ingezoomd scherm (zie succescriteria 1.4.4 en 1.4.10), is het hoofdmenu verplaatst achter de knop "Open menu". Als dit menu wordt getoond, gaat de toetsenbord verder op de onderliggende pagina en dat is niet de bedoeling. De toetsenbordfocus moet direct naar het geopende menu gaan en moet daar blijven. In dit menu kan de toetsenbordfocus ook terechtkomen op sub-onderdelen die verborgen zijn, bijvoorbeeld onder "Wie zijn wij" en "Vacatures". Ook dat is niet de bedoeling. Zie ook succescriterium 2.4.7.

Als pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 wordt bekeken op een klein of ingezoomd scherm (zie 1.4.4 en 1.4.10), staat bovenin een knop om de link "Support" te volgen of een taal te kiezen. Als dit menu wordt geopend, gaat de toetsenbordfocus eerst naar het logo van Alphen aan den Rijn en dat is niet de bedoeling. De focus moet direct naar het geopende menu gaan. Na het laatste onderdeel in het geopende menu, gaat de toetsenbordfocus verder op de onderliggende pagina en dat is niet de bedoeling. Het menu moet gesloten kunnen worden voordat naar de onderliggende pagina gegaan wordt. Zie ook succescriterium 2.4.7.

Op pagina https://profile.varbi.com/nl/login/type:subscribe/ hebben de links, knoppen en invoervelden vanaf "Maak hier een nieuw account aan" tot en met "Wachtwoord vergeten..." een tabindex-attribuut met een positieve waarde gekregen. Dit zorgt ervoor dat zij pas helemaal aan het eind of ergens anders in de focusvolgorde komen en dat is niet de bedoeling. Verwijder dit attribuut, zodat deze onderdelen in de juiste focusvolgorde komen. Dit probleem kan vaker voorkomen.

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://www.werkenbijalphenaandenrijn.nl/Young%20Professionals en https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij staan quotes van medewerkers. In deze quotes staan links met de linktekst "...". Het doel van deze links is daardoor niet duidelijk. Pas deze aan of verwijder deze links. Ze leiden namelijk naar pagina's die niet beschikbaar zijn.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ en de vervolgpagina's staat linksboven het logo van Alphen aan den Rijn. Deze afbeelding is ook een link naar de homepage van deze website. Het linkdoel wordt nu gehaald uit de alternatieve tekst van de afbeelding en de title van de link en dat is "Gemeente Alphen aan den Rijn". De link lijkt daardoor naar de gemeentelijke website www.alphenaandenrijn.nl te gaan, maar dat is niet het geval. Wijzig dit naar bijvoorbeeld "Werken bij Gemeente Alphen aan den Rijn". Een vergelijkbaar probleem komt voor op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe. Zie ook succescriterium 1.1.1.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures/ staat een pagina-navigatie onder de vacatures. De link naar de volgende pagina (icoon van een pijl) heeft geen duidelijk doel. Voeg hier bijvoorbeeld een aria-label of title aan toe waarmee duidelijk wordt dat je hiermee naar de volgende pagina kan. De link "2" kan duidelijker, bijvoorbeeld door hier "Ga naar pagina 2" van te maken.

Op pagina https://www.werkenbijalphenaandenrijn.nl/wie-zijn-wij staan de blokken "Onze organisatie" tot en met "Ontwikkeling & vitaliteit". In elk blok staat de link "Lees verder". Deze link heeft geen context met de content erboven en daarom is het doel van deze links niet duidelijk. Voeg meer informatie toe aan deze links, bijvoorbeeld via een aanvullende tekst die buiten beeld wordt geplaatst of een title-attribuut. Andere oplossingen zijn ook mogelijk.

Op pagina https://profile.varbi.com/nl/login/type:subscribe/ staat linksboven het logo van Grade Varbi. De alternatieve tekst is "Logo voor " en dit geeft niet goed het linkdoel aan. Wijzig dit, zodat duidelijk is waar de link naartoe gaat én de visueel zichtbare tekst bevat. Zie ook succescriterium 2.5.3.

Op pagina https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted staat bij de huidige sollicitatie het logo van de gemeente. Deze link heeft de naam "Gemeente Alphen aan den Rijn". Dit is wel een goede weergave van wat te zien is, maar het linkdoel is nog niet duidelijk, want de link gaat niet naar de gemeentelijke pagina, maar naar alphenaandenrijn.varbi.com. Voeg dit toe aan de naam, via het tekstalternatief van de afbeelding of de title van de link.

Als pagina https://profile.varbi.com/nl/login/type:subscribe/ wordt bekeken op een scherm dat 200% of 400% is ingezoomd, staat rechtsboven een link met een icoon van een pijl die naar rechts wijst. Het doel van deze link is nu niet duidelijk. Zie ook succescriteria 1.1.1 en 4.1.2.

Uitkomst: Onvoldoende

Bevindingen: Er is maar één manier om pagina's te vinden, namelijk door het volgen van links. Zorg dat er nog een manier is om elke pagina te kunnen bereiken. Bijvoorbeeld door het toevoegen van een zoekfunctie of een sitemap.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner die andere content verbergt. De toetsenbordfocus komt echter eerst op de content onder deze cookiebanner en is dan niet zichtbaar. Zie ook succescriterium 2.4.3. Ook in de cookiebanner is de focus één keer vóór "Accepteer cookies" en zes keer tussen "Weiger cookies" en de knop "x" niet zichtbaar.

Ook voor de cookiebanner die onderaan het scherm staat op het domein alphenaandenrijn.varbi.com geldt dat deze als laatste in de focusvolgorde komt en daarmee de toetsenbordfocus verbergt voor interactieve elementen die zich onder de banner bevinden.

Als op pagina https://www.werkenbijalphenaandenrijn.nl/ en de vervolgpagina's de toetsenbordfocus op het logo linksboven of op de link "Job Alert" in het hoofdmenu staat, verdwijnt deze focusindicator binnen een seconde. Dat is niet toegestaan, dus zorg ervoor dat de focus zichtbaar blijft. Dit komt ook voor bij de andere links in het hoofdmenu en bij de links in de footer; daar krijgen de onderdelen twee keer de toetsenbordfocus, waarbij de indicator de tweede keer ook binnen een seconde verdwijnt.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ komt dit probleem ook voor bij de knop "Zoeken" en de link "Alle vacatures" onder "Werken bij..." en bij de link "Aanmelden voor JobAlert" onderaan de pagina. Dit kan ook op andere plaatsen voorkomen, bijvoorbeeld op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures.

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures staat onder de vacatures een pagina-navigatie. Als de niet-actieve onderdelen de toetsenbordfocus krijgen, is dit nauwelijks zichtbaar. Nu zijn alleen de hoeken en soms de linkerrand zichtbaar. Hierdoor is niet duidelijk op welk onderdeel de focus zich bevindt.

Als pagina https://www.werkenbijalphenaandenrijn.nl/ en andere pagina's op dit domein wordt bekeken op een klein of ingezoomd scherm (zie succescriteria 1.4.4 en 1.4.10), is het hoofdmenu verplaatst achter de knop "Open menu". De toetsenbordfocus is niet zichtbaar als deze zich op deze knop bevindt. Als het menu wordt getoond, gaat de toetsenbord verder op de onderliggende pagina. De toetsenbordfocus is dan niet zichtbaar. In dit menu kan de toetsenbordfocus ook terechtkomen op sub-onderdelen die verborgen zijn, bijvoorbeeld onder "Wie zijn wij" en "Vacatures". De focus is dan ook niet zichtbaar.

Als pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 wordt bekeken op een klein of ingezoomd scherm (zie succescriteria 1.4.4 en 1.4.10), staat bovenin een knop om de link "Support" te volgen of een taal te kiezen. De toetsenbordfocus op deze knop is niet zichtbaar. Na het laatste onderdeel in het geopende menu, gaat de toetsenbordfocus verder op de onderliggende pagina. Dit zorgt ervoor dat de toetsenbordfocus een aantal keer niet zichtbaar is.

Op een groter scherm of zonder zoom, is de focus niet zichtbaar op de knop voor de taalkeuze op pagina's https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4, https://alphenaandenrijn.varbi.com/nl/what:subscribe, https://alphenaandenrijn.varbi.com/nl/info/cookie en https://profile.varbi.com/nl/login/type:subscribe/. Dit probleem komt ook voor bij de link "Instellingen" op pagina https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://profile.varbi.com/nl/login/type:subscribe/ staat linksboven het logo van Grade Varbi. De alternatieve tekst is "Logo voor ". Dit is ook een link en dit betekent dat nu de visueel zichtbare tekst niet gebruikt kan worden om de link te bedienen. Voeg de zichtbare tekst toe aan de naam van de link. Zie ook succescriterium 2.4.4. Een vergelijkbaar probleem komt voor op pagina https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staan achter "CV" en "Motivatiebrief" de knoppen "Uploaden" en "Invullen". Deze knoppen hebben echter de namen "Kies bestand" en "Schrijf of plak je cv/motivatiebrief hier". De zichtbare teksten komen hier niet terug in de namen van de knoppen en dat betekent dat deze niet gebruikt kunnen worden met spraakbedieningssoftware. Let op: de knoppen voor "Invullen" geven wel goed aan wat hier gedaan moet worden. Zie ook succescriterium 1.3.1.

Op pagina https://profile.varbi.com/user/profile staat een knop "Profielfoto". Ook deze knop heeft de naam "Kies bestand". Ook hier kan de visueel zichtbare tekst niet gebruikt worden met spraakbedieningssoftware.

Een vergelijkbaar probleem komt voor op pagina https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted. Hier hebben de knoppen "Wijzig" en "Wijzigingen afmaken" de naam "Sollicitatie updaten/redigeren. De knop "Verwijder" heeft de naam "Sollicitatie terugtrekken". Ook hier kunnen de visueel zichtbare teksten niet gebruikt worden met spraakbedieningssoftware.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staat een checkbox bij het label "Ik ga ermee akkoord dat Varbi...". Deze checkbox heeft een aria-label met de waarde "SUBSCRIPTION_ACCEPT_GDPR_TERMS_LABEL". Dit zorgt ervoor dat de zichtbare tekst van het label niet meer gebruikt kan worden om de checkbox te bedienen met spraakbedieningssoftware. Verwijder deze aria-label. Zie ook succescriterium 1.3.1.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner. Als hierin de knop "Toon details" wordt geactiveerd, verschijnt onder andere een tabel. In de kolom onder "Omschrijving" staan Engelstalige teksten waarvoor geen taalwisseling is aangegeven. Voeg lang="en" toe of vertaal deze teksten naar het Nederlands. Dit geldt ook voor de tekst "Cookie report created by Cookie-Script" onderaan in de cookiebanner.

Op pagina https://www.werkenbijalphenaandenrijn.nl/Young%20Professionals staat de tekst "we care, we share, we dare". Voor deze Engelstalige tekst is geen taalwisseling (lang="en") aangegeven.

Op pagina https://alphenaandenrijn.varbi.com/nl/info/cookie staan tabellen waarin meerdere cellen Engelstalige inhoud hebben. Voor deze Engelstalige teksten is geen taalwisseling aangegeven.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staat een checkbox bij het label "Ik ga ermee akkoord dat Varbi...". Deze checkbox heeft een aria-label met de waarde "SUBSCRIPTION_ACCEPT_GDPR_TERMS_LABEL". Voor deze Engelstalige tekst is geen taalwisseling aangegeven. Zie ook succescriteria 1.3.1 en 2.5.3.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures/ kunnen de resultaten verfijnd worden. Als hier een checkbox wordt geselecteerd, wordt de focus verplaatst naar het begin van deze filters. Dit is een contextwijziging waarvoor niet vooraf wordt gewaarschuwd en dat is verwarrend. Verplaats de focus niet, maar laat deze staan, zodat de gebruiker verder kan navigeren.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat de vraag "1. Waar heb je de vacature voor het eerst gezien?" met verschillende keuzeopties. Als hier de optie "Overige:" wordt gekozen, verplaatst de focus direct naar een nieuw verschenen invoerveld. Dit kan verwarrend zijn.

Als op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 een bestand is bijgevoegd, verplaatst de focus naar het begin van het scherm. Dit is verwarrend.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat een formulier. Wanneer hierin meerdere fouten zijn gemaakt en de sollicitatie wordt verstuurd, verschijnt steeds slechts één foutmelding in beeld. Het is de bedoeling dat de gebruiker niet steeds terug moet gaan om per keer een fout op te lossen, maar dat de gebruiker in één keer het formulier kan versturen. Zorg ervoor dat alle foutmeldingen in beeld komen. Dit is nu pas het geval als de checkboxen bij "Ik begrijp dat Gemeente..." en "Ik begrijp dat Varbi..." zijn aangevinkt.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 kan de foutmelding "De volgende informatie ontbreekt of is foutief
De algemene voorwaarden en Wbp" verschijnen. Deze foutmelding is onduidelijk, want dit geeft niet aan welk(e) veld(en) foutief zijn, omdat "algemene voorwaarden" en "Wbp" niet in het formulier staan.

Het formulier op pagina's https://alphenaandenrijn.varbi.com/nl/what:subscribe en https://profile.varbi.com/nl/login/type:subscribe/ maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan je de tekstgrootte niet aanpassen zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://profile.varbi.com/nl/login/type:subscribe/ staan twee invoervelden voor de inloggegevens. Deze invoervelden hebben visueel alleen een placeholder en dat is niet voldoende als label, omdat de placeholdertekst verdwijnt zodra de gebruiker begint met typen in het invoerveld. Er zijn wel gekoppelde label-elementen aanwezig, maar deze zijn onzichtbaar gemaakt. Maak deze zichtbaar.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 zijn verplichte velden aangegeven met een asterisk (*). De checkboxen bij "Ik begrijp dat Gemeente..." en "Ik begrijp dat Varbi..." zijn ook verplicht, maar dat is hier niet aangegeven. De bijbehorende foutmelding is ook niet duidelijk, zie succescriterium 3.3.1.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 is een formulier waar bij de verplichte velden een asterisk (*) wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner. Als hierin de knop "Toon details" wordt geactiveerd, wordt de statusverandering niet direct gecommuniceerd naar hulpsoftware. Pas wanneer de gebruiker verder navigeert en weer terugkeert naar deze knop, is duidelijk dat de details getoond zijn.

Op het domein werkenbijalphenaandenrijn.nl staat bovenaan het scherm een cookiebanner. Als hierin de knop "Toon details" wordt geactiveerd, verschijnen de tabbladen "Cookie verklaring" en "Over cookies" en de knoppen "Prestatie", "Gerichte" en "Niet-geclassificeerde". Software kan de rol van deze interactieve elementen niet bepalen. Wijzig dit naar bijvoorbeeld "tablist" (inclusief de eisen zoals beschreven op https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) en "button". Let op dat het toevoegen van role="button" nog niet zorgt voor de toetsenbordtoegankelijkheid, zie 2.1.1. Dit element wijzigen naar een button-element zorgt er wel voor dat het met het toetsenbord te bedienen is.

Als in de cookiebanner wordt gekozen voor "Accepteer cookies", "Weiger cookies" of "x", verschijnt linksboven op de webpagina de knop "Cookie instellingen". Dit element heeft geen rol die door software bepaald kan worden. Zie ook succescriterium 2.1.1.

Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat tussen "Job Alert" in het hoofdmenu en het zoekveld onder "Werken bij..." een icoon voor het afspelen van een video. Dit interactieve icoon heeft geen naam en geen rol die door software bepaald kan worden. Dit komt ook voor op pagina https://www.werkenbijalphenaandenrijn.nl/stages, naast "Soorten stages".

Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures staan onder "Verfijn resultaten", naast de koppen "Omvang dienstverband" etc. iconen waarmee de categorie in- of uitgeklapt kan worden. Deze interactieve iconen hebben geen naam, geen rol en geen status die door software bepaald kan worden. Let erop dat ze momenteel ook zijn verborgen via aria-hidden="true".

Op pagina https://www.werkenbijalphenaandenrijn.nl/ staat een groot zoekveld voor vacatures. Dit invoerveld heeft geen toegankelijke naam. Er is wel een placeholdertekst die door sommige hulpsoftware gebruikt kan worden, maar dit wordt niet voldoende ondersteund. Op pagina https://www.werkenbijalphenaandenrijn.nl/vacatures gaat dit wel goed, omdat hier een label aan toegevoegd is.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat bij "Mobiel" een combobox waarmee de landcode gekozen kan worden. Dit element heeft nu geen naam die door software bepaald kan worden.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat de vraag "1. Waar heb je de vacature voor het eerst gezien?" met verschillende keuzeopties. Als hier de optie "Overige:" wordt gekozen, verschijnt een nieuw invoerveld. Dit textarea-element heeft geen toegankelijke naam.

Op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 staat de vraag "1. Waar heb je de vacature voor het eerst gezien?" met verschillende keuze-opties. Deze opties (radiobuttons) hebben geen naam die door software bepaald kan worden. Zorg ervoor dat de teksten, zoals "Gemeentebanen.nl" en "Indeed" labels zijn voor deze radiobuttons.

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe staan de labels "Categorie", "Hoe vaak wil je e-mails ontvangen?" en "E-mail". Deze labels zijn niet gekoppeld aan de invoervelden. Dit zorgt ervoor dat deze invoervelden geen naam hebben. Koppel deze labels en invoervelden via "for" en "id". Zie ook succescriterium 1.3.1.

Op pagina https://alphenaandenrijn.varbi.com/nl/info/cookie staan checkboxen vóór "Noodzakelijke cookies", "Statistieken" en "Marketing". Deze checkboxen hebben geen toegankelijke naam. Voeg dit toe, bijvoorbeeld via een (visueel onzichtbaar) label. Zie ook succescriterium 1.3.1.

Op pagina https://profile.varbi.com/user/profile kunnen talen toegevoegd worden. Het select-element achter "Toevoegen" met de waarde "Beginner" geen naam.

Als pagina https://profile.varbi.com/nl/login/type:subscribe/ wordt bekeken op een scherm dat 200% of 400% is ingezoomd, staat rechtsboven een link met een icoon van een pijl die naar rechts wijst. Deze link heeft nu geen naam die door software bepaald kan worden. Zie ook succescriteria 1.1.1 en 2.4.4.

Als op pagina https://profile.varbi.com/nl/user/mypage/?type=position&cid=930&trace=applicationsubmitted wordt gekozen om een sollicitatie te verwijderen, verschijnt een dialoogvenster. In dit venster staat een invoerveld zonder naam. Zie ook succescriterium 1.3.1.

Uitkomst: Onvoldoende

Bevindingen: Als op pagina https://alphenaandenrijn.varbi.com/nl/apply/positionquick/683622/?where=4 verschillende e-mailadressen worden ingevoerd bij "E-mailadres" en "Herhaal e-mailadres", komt meteen een foutmelding boven in beeld te staan voordat het formulier is verzonden. Blinden en slechtzienden die met schermvoorleessoftware werken krijgen geen signaal dat er iets is gewijzigd en dat er foutmeldingen staan op het scherm. Los dit op met bijvoorbeeld aria-live="assertive" of role="alert".

Op pagina https://alphenaandenrijn.varbi.com/nl/what:subscribe kunnen meldingen in beeld komen als "Job Alert is aangemaakt" of "Job Alert is verwijderd". Blinden en slechtzienden die met schermvoorleessoftware werken krijgen hier geen signaal van. Los dit op met bijvoorbeeld aria-live="polite" of role="status".