Rapport:
Audit digitale toegankelijkheid website AWVN

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat links bovenin het logo van AWVN. Deze afbeelding heeft het tekstalternatief "Logo" en dat geeft niet duidelijk genoeg aan waarvan dit logo is. Wijzig dit naar "Logo AWVN". Dit levert ook problemen op voor succescriterium 2.4.4. Dit probleem komt ook voor bij het logo in het inlogformulier, maar daar is dit geen link.

Op alle webpagina's staat bovenin na de hoofdnavigatie een loep-icoon voor het tonen van de zoekfunctie. Dit icoon heeft geen tekstalternatief. Dit geldt ook voor de iconen die verschijnen als de zoekfunctie verschijnt (een ander loep-icoon en een icoon van een kruis). Zie ook succescriteria 2.4.4 en 4.1.2. Bij laatstgenoemd succescriterium staat een oplossingsvoorstel.

Als de website wordt bekeken op een ingezoomd of klein scherm, bevindt zich na de zoekfunctie een icoon voor het openen en voor het sluiten van het menu. Dit icoon heeft geen tekstalternatief. Zie ook succescriteria 2.4.4 en 4.1.2.

Op alle webpagina's staat onderin een widget voor het aanmelden voor nieuwsbrieven. Als deze widget is geopend, staat hierin een icoon waarmee de widget geminimaliseerd kan worden. Dit icoon heeft geen tekstalternatief. Zie ook succescriterium 4.1.2.

Op pagina https://www.awvn.nl/ staat boven "Nieuwsoverzicht" een afbeelding van een affiche met onder andere de teksten "AI-Starterkit" en "Bits, Bots & Banen". Deze afbeelding heeft geen tekstalternatief. Voeg dit toe, waarbij in ieder geval de genoemde teksten terugkomen. Zie ook succescriteria 2.4.4 en 4.1.2.

Als op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ onderdelen in de tijdlijn geopend zijn, is een icoon van een kruis zichtbaar. Dit functionele icoon heeft geen tekstalternatief. Zie ook succescriterium 4.1.2.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters staan meerdere schakelaars bij "Andere nieuwsbrieven" (en waarschijnlijk ook bij "Uw nieuwsbrieven"). Deze functionele iconen hebben geen tekstalternatief. Hier zijn meer problemen mee, zie bijvoorbeeld succescriteria 2.1.1 en 4.1.2.

Op pagina https://www.awvn.nl/cao/nieuws/maandbericht-loonontwikkeling-2024/ staat een afbeelding van een diagram met het tekstalternatief "Grafiek bij maandbericht loonontwikkeling". Een deel van de informatie uit deze afbeelding staat ook op de pagina en dat is goed. Dit bevat echter niet alle informatie uit deze afbeelding. Voeg dit toe, bijvoorbeeld in een tabel.

Op pagina https://www.awvn.nl/dienstverlening/dienstverlening-advisering-awvn-arbeidsverhoudingen/ staat bovenin een afbeelding met de vijf clusters. Het tekstalternatief van deze afbeelding is "Dienstverlening AWVN" en dat geeft niet aan wat op de afbeelding staat, namelijk de namen van de clusters.
Onderaan op deze pagina, onder "Bekijk ook de andere clusters van onze dienstverlening" staan vier afbeeldingen van deze clusters. Al deze afbeeldingen zijn links en hebben allemaal het tekstalternatief "Dienstverlening AWVN". Dit geeft niet aan wat op de afbeelding staat en waar de links naartoe gaan. Zie ook succescriterium 2.4.4.

Op pagina https://www.awvn.nl/dienstverlening/ staat een afbeelding van een medewerker met het tekstalternatief "AWVN dienstverlening". Dit geeft niet aan wat op deze afbeelding staat.

Op pagina https://www.awvn.nl/ staan meerdere decoratieve afbeeldingen die een tekstalternatief hebben. Bijvoorbeeld "maandbericht" onder "Nieuwsoverzicht" en "vraag van de week…". In veel gevallen beschrijft dit tekstalternatief de afbeelding niet goed, in andere gevallen is het een herhaling van de koptekst. Laat de alternatieve tekst weg, zodat ze genegeerd kunnen worden en consistent zijn met andere vergelijkbare afbeeldingen. Dit komt vaker voor op de website, bijvoorbeeld op pagina https://www.awvn.nl/ongewenst-gedrag/.

Op alle pagina's staat onderaan in de code een afbeelding in een img-element met id="iH5m3M8wMwI8veksJf1tTeyFjCkZ8_E1W3dmVLKfwr7w". Deze afbeelding kan wel 'gezien' worden door hulpsoftware, zoals schermvoorleesprogramma's. Dit img-element mist een alt-attribuut, waardoor hulpsoftware mogelijk de bestandsnaam voorleest. Voeg hier het alt-attribuut toe met een lege waarde (alt=""), zodat hulpsoftware deze afbeelding kan negeren.

Op pagina https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ staat een verificatiemiddel van hCaptcha. De reeks afbeeldingen wordt niet op een alternatieve manier aangeboden, waardoor screenreadergebruikers het formulier niet kunnen verzenden. De suggestie van het plaatsen van een toegankelijkheidscookie wordt niet gezien als een vergelijkbaar alternatief.

In de PDF op pagina https://www.awvn.nl/app/uploads/2024/07/Organisatieadviseur-functiewaardering-Botlek-zuidwest.pdf staat rechtsboven het logo van AWVN. Deze informatieve afbeelding is niet gecodeerd (zie succescriterium 1.3.1 voor een toelichting) en dat betekent dat dit logo niet beschikbaar is voor blinde mensen. Zorg ervoor dat deze afbeelding op pagina 1 is gecodeerd en voorzien van een tekstalternatief zoals bijvoorbeeld "Logo AWVN". Let op: In de andere onderzochte PDF is dit logo ook niet gecodeerd, maar daar is wel een alternatief aanwezig in de eerste tekst op pagina 1. Dat kan ook een oplossing zijn in deze PDF.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://www.awvn.nl/about-awvn/ en https://www.awvn.nl/vacatures/ worden video's getoond. Deze video's hebben een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling.

De automatische ondertiteling in de video op pagina https://www.awvn.nl/about-awvn/ gaat voor een groot deel goed, maar rond 0:24 en 0:59 is "AWVN" ondertiteld als "a wvn" en "a WPM".

In de video "Wij zijn AWVN" op pagina https://www.awvn.nl/vacatures/ ontbreekt vanaf 0:30 meerdere keren het woord "we", bijvoorbeeld na "inspireren" en "gidsen". Rond 0:44 is "vernieuwend werkgeven" ondertiteld als "vernieuwd werkgever". Rond 1:09 is "Wij zijn" ondertiteld als "bij zijn".

In de video "Hoe ziet de werkdag van…" komen ook fouten in de ondertiteling voor. Bijvoorbeeld rond 0:25 "hebben geen eigenlijk overal" en rond 1:02 staat "[Applaus]" in plaats van "Tot straks".

Ook in de video "En die van AWVN'er…" komen fouten in de ondertiteling voor. Bijvoorbeeld rond 0:45 "pak" in plaats van "pakken" en rond 1:45 "aan mij vn'ers zij hen" in plaats van "AWVN'ers zijn".

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.awvn.nl/about-awvn/ staat een video waarin het logo en de contactgegevens aan het eind in beeld komt. Als je dat niet kan zien, mis je deze informatie. Voeg deze informatie toe aan de audiodescriptie of laat alle informatie uitspreken door de voice-over, waardoor de audiodescriptie overbodig wordt.

In de video's "Hoe ziet de werkdag van…" en "En die van…" op pagina https://www.awvn.nl/vacatures/ komt op verschillende plaatsen tekst in beeld, bijvoorbeeld "AWVN" aan het begin, de naam en functie van de persoon iets verderop en het logo plus slogan aan het eind. 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 succescriterium 1.2.5.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.awvn.nl/about-awvn/ staat een video waarin het logo en de contactgegevens aan het eind in beeld komt. Als je dat niet kan zien, mis je deze informatie. Voeg deze informatie toe aan de audiodescriptie of laat alle informatie uitspreken door de voice-over, waardoor de audiodescriptie overbodig wordt.

In de video's "Hoe ziet de werkdag van…" en "En die van…" op pagina https://www.awvn.nl/vacatures/ komt op verschillende plaatsen tekst in beeld, bijvoorbeeld "AWVN" aan het begin, de naam en functie van de persoon iets verderop en het logo plus slogan aan het eind. Er ontbreekt een 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. Gebruik een voice-over of extra audiospoor.

Uitkomst: Onvoldoende

Bevindingen: Als de website voor het eerst wordt bezocht, staat onderin een cookiemelding. De koptekst "Cookies" in deze melding is niet opgemaakt als kop. Maak hier een kop (bijvoorbeeld h2) van.

Als wordt ingelogd op de website, kan het dialoogvenster "Privacy statement" verschijnen. De koptekst "Privacy statement" is niet opgemaakt als kop. Maak hier een kop (bijvoorbeeld h2) van.

Op meerdere pagina's en plaatsen zijn woorden, zinnen en kopteksten opgemaakt met het strong- en/of em-element, bijvoorbeeld "bezoekadres" en "Telefoon 070 850 86 00" in de footer of "De transitievergoeding berekent u eenvoudig met deze rekentool." op pagina https://www.awvn.nl/transitievergoeding-berekenen/#/. Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3).

Op pagina https://www.awvn.nl/about-awvn/ staan teksten die opgemaakt zijn met het strong-element, zoals de eerste alinea en de verschillende kopteksten "Founded in 1919" tot en met "Partner". Maak de eerste alinea op met CSS en verander de kopteksten naar echte koppen, bijvoorbeeld h2. Dit komt vaker voor, bijvoorbeeld op pagina's https://www.awvn.nl/cao/nieuws/maandbericht-loonontwikkeling-2024/ en https://www.awvn.nl/dienstverlening/dienstverlening-advisering-awvn-arbeidsverhoudingen/.

Bovengenoemde strong- en em-elementen kunnen ook voorkomen bij koppen die wel opgemaakt zijn als kop. Bijvoorbeeld "Voor de pers: woordvoering" op pagina https://www.awvn.nl/service-contact/. Verwijder hier dit strong- of em-element.

Als in de cookiemelding de link "Meer informatie" is gekozen, verschijnen drie opties. Bij elke optie staat in het label-element een korte beschrijving (bijvoorbeeld "Optimale website" met daaronder een opsommingslijst. Vervolgens staat de tekst "Consequenties van deze keuze" met daaronder een opsommingslijst. Al deze content staat echter in één opsommingslijst, waardoor de relaties niet goed te bepalen zijn. Maak dit op een logische manier op en zet alle content na de beschrijving in een apart element die via aria-describedby is gekoppeld aan het invoerveld. Andere oplossingen zijn ook mogelijk.

Op pagina's https://www.awvn.nl/ en https://www.awvn.nl/ongewenst-gedrag/ staan onder bijvoorbeeld "Direct naar", "Noteer in uw agenda!" en "Recente nieuwsberichten" verschillende berichten. Bij sommige onderdelen staat hier een kop van niveau 4 (h4) boven een kop van niveau 3 (h3). Bijvoorbeeld "Inzet werkgevers CAO-seizoen 2024" en "Arbeidsvoorwaardennota 2024". Dit is geen goede kopstructuur. Wijzig deze koppen, zodat de relaties voor alle gebruikers duidelijk worden.

Op pagina https://www.awvn.nl/, onder "Nieuwsoverzicht", "Publicaties" en "Agenda" verschillende berichten. Hier staan ook teksten die kopteksten moeten worden, bijvoorbeeld "Banenafspraak: doelstelling in 2023 niet gerealiseerd". Dit geldt ook voor de teksten op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/, bijvoorbeeld "Oprichting AW-V" en "Sociaaleconomische context".

Op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ staat in het onderdeel "Sociaaleconomische context" een opsommingslijst die niet als echte opsommingslijst (ul- en li-elementen) is opgemaakt. In dit onderdeel is ook tekst onterecht opgemaakt met het em-element, namelijk "Geheugen van de polder. Arbeidsverhoudingen in vijftig tijdsbeelden". Dit probleem met opsommingslijsten komt vaker voor, bijvoorbeeld op pagina https://www.awvn.nl/vacatures/, in de onderdelen "Arbeidsvoorwaarden bij AWVN" en "Algemene informatie stagelopen bij AWVN".

Op pagina https://www.awvn.nl/online-producten/awvn-dataportaal/ staat een tabel. De cellen in de eerste rij zijn niet opgemaakt als tabelkoppen (th-elementen) en dat is wel nodig.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details zijn de labels in het formulier niet geassocieerd aan de bijbehorende invoervelden. Gebruik de for- en id-attributen om dit probleem op te lossen.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details staat de tekst "Geslacht" met daaronder vier opties. Deze tekst is nu niet gekoppeld aan de groep keuzerondjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Dit probleem komt ook voor op pagina https://www.awvn.nl/?s=awvn bij de teksten filters "Thema's", "Berichttype" en "Datum" en de onderliggende opties. Ook op pagina https://www.awvn.nl/transitievergoeding-berekenen/#/ komt dit probleem voor, bij de teksten "Heeft de medewerker de pensioengerechtigde leeftijd bereikt?", "Werken er 25 of meer werknemers in de onderneming?" en mogelijk meer.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details is de optie onder "Geslacht" visueel duidelijk, maar deze informatie is niet programmatisch te bepalen. Voeg bijvoorbeeld een visueel onzichtbare tekst toe als "Geselecteerd". Andere oplossingen zijn ook mogelijk.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters staan schakelaars bij de opties onder "Andere nieuwsbrieven" (en waarschijnlijk ook bij "Uw nieuwsbrieven"). Visueel is duidelijk welke schakelaar bij welke optie hoort, maar dat is niet programmatisch te bepalen. Zie ook succescriteria 2.1.1 en 4.1.2.

De PDF op pagina https://www.awvn.nl/app/uploads/2024/07/Organisatieadviseur-functiewaardering-Botlek-zuidwest.pdf is voorzien van codes of tags, waardoor hulpsoftware het document kan interpreteren en presenteren aan de gebruiker. Dat is goed gedaan, maar hier zijn nog wel een paar problemen mee.
Bij succescriterium 1.1.1 is al benoemd dat het logo op pagina 1 niet is gecodeerd en geen alternatief heeft. Let op: op vervolgpagina's is het beter om dit logo niet te coderen.
De kopteksten "Over AWVN" tot en met "Vragen?" zijn niet opgemaakt als koppen (h1, h2, h3 etc.) en dat is wel nodig. Let op: deze teksten zijn nu onderdeel van de alinea. Geef in het brondocument (MS Word) een harde enter in plaats van een zachte.
Advies: Dit document bevat meerdere lege alinea's. Dit zorgt voor een suboptimale leeservaring, dus het is beter om deze lege alinea's te verwijderen en witruimtes te creëren via opmaak in MS Word.

De PDF op pagina https://www.awvn.nl/download/143596/?tmstv=1721129686&page=143596 is ook voorzien van codes of tags. Ook hier zijn nog een aantal problemen mee.
De tekst in de footer "Progress through innovative employment" komt nergens terug in de codes. Gebruikers van hulpsoftware missen daardoor deze informatie. Zorg ervoor dat deze tekst één keer en op een logische plek is gecodeerd.
De tekst "AWVN General Terms and Conditions May 2023" bovenaan op pagina 1 is niet gecodeerd als kop (h1), maar als alinea. Wijzig dit naar een h1-kop en wijzig alle huidige h1-koppen naar een kop van een lager niveau (h2).
Paragraaf 6.1 op pagina's 1 en 2 is in de codes verdeeld in twee alinea's en dat hoort niet. Dit komt ook voor bij paragraaf 11.1 op pagina's 2 en 3. Maak dit op als één alinea.
De lijst "a.", "b." en "c." onder paragraaf 13.2 is niet gecodeerd als opsommingslijst (L, LI en LBody). Maak hier een opsommingslijst van.
Advies: De punten onder elke kop zijn nu opgemaakt als alineatekst. Het zou beter zijn om hier opsommingen van te maken, zodat direct duidelijk is hoeveel onderdelen elke kop heeft.
Advies: Na paragrafen 12.2 en 15.2 staan lege alinea's. Dit zorgt voor een suboptimale leeservaring, dus het is beter om deze lege alinea's te verwijderen.

Advies: Op pagina's https://www.awvn.nl/, https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/, https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details en https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters staan lege koppen. Dit kan verwarrend zijn voor gebruikers die via de koppenstructuur navigeren. Deze lege koppen kunnen daarom beter verwijderd worden.

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina's https://www.awvn.nl/ en https://www.awvn.nl/ongewenst-gedrag/ staan onder bijvoorbeeld "Direct naar", "Noteer in uw agenda!" en "Recente nieuwsberichten" verschillende berichten. De volgorde van de koppen en afbeeldingen is in principe niet logisch, maar omdat deze in een a-element met een duidelijk aria-label zitten, is dit in de praktijk geen probleem. Zie echter wel succescriterium 1.3.1.

Iets vergelijkbaars komt voor op https://www.awvn.nl/, onder "Nieuwsoverzicht", "Publicaties" en "Agenda", maar daar zijn geen koppen gebruikt. Zie echter wel succescriterium 1.3.1. Iets vergelijkbaars komt voor op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters staat de instructie "Groen is ja, rood is nee.". Dit is informatie die afhankelijk is van zintuiglijke kenmerken en kan daardoor gemist worden door bijvoorbeeld een blinde gebruiker. Verwijs bijvoorbeeld ook naar de positie van de schakelaar, want die verschilt ook.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://www.awvn.nl/service-contact/, https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/, https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/, https://www.awvn.nl/vacatures/ en https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details staan invoervelden waar bezoekers eigen gegevens moeten invoeren. HTML5-invoervelden die informatie over de gebruiker vragen, zoals naam, adres en geboortedatum, moeten een juist autocomplete-attribuut hebben. Op pagina https://www.w3.org/Translations/WCAG21-nl/#input-purposes staat meer informatie over welke velden een autocomplete-attribuut nodig hebben en welke dat moet zijn.

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://www.awvn.nl/online-producten/awvn-dataportaal/ staat een afbeelding van het dataportaal. In deze afbeelding, meer specifiek in het diagram, wordt alleen kleur gebruikt om informatie over te brengen. In de context van deze pagina is echter geoordeeld dat het niet nodig is om de informatie uit deze afbeelding te kunnen zien en is het niet afgekeurd. Wel zou het goed zijn om dit nader te laten onderzoeken en aan te passen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Als de website voor het eerst wordt bezocht, staat onderin een cookiemelding. In de knop "Akkoord" heeft de witte tekst een te laag contrast van 3,1:1 op de lichtblauwe achtergrond (HEX #0496FF), waar dit minimaal 4,5:1 moet zijn. Dit komt vaker voor, hieronder volgen enkele verschillende voorbeelden.

Op alle pagina's staat onderin de witte tekst "Aanmelden nieuwsbrieven" en als dit venster is geopend, de tekst "Aanmelden" op een lichtblauwe achtergrond (HEX #0496FF). De contrastratio is hier 3,1:1 waar dat minimaal 4,5:1 moet zijn. Dit komt ook voor op pagina https://www.awvn.nl/service-contact/ bij de link "Stuur ons uw vraag" en de knop "Versturen". Dit geldt ook voor de knop "Versturen" op https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ en andere pagina's met formulieren.

Als het formulier op pagina https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ is verstuurd, verschijnt de melding "Er is een e-mail naar het opgegeven e-mailadres verstuurd...". Deze witte tekst heeft een contrastratio van 3,1:1 op de lichtblauwe achtergrond (HEX #0496FF) waar dit minimaal 4,5:1 moet zijn.

Op alle webpagina's staat bovenin naast het hoofdmenu een link voor het openen van de zoekfunctie. Als deze is geopend, staat in het zoekveld de tekst "Waar bent u naar op zoek?"(HEX #9696C8) op een witte achtergrond. De contrastratio is hier 2,8:1 waar dat minimaal 4,5:1 moet zijn.

In het inlogformulier op alle webpagina's staan de grijze teksten "Mij onthouden" en "Hulp nodig bij het aanmelden" (HEX #777777) op een witte achtergrond. De contrastratio is 4,4:1 waar dit minimaal 4,5:1 moet zijn.

Op pagina https://www.awvn.nl/ staat de lichtblauwe tekst "Algemene Werkgeversvereniging Nederland" (HEX #0496FF) op een donkerblauwe achtergrond (HEX #2E2E91). De contrastratio is hier 3,6:1 waar dat minimaal 4,5:1 moet zijn. Dit probleem komt vaker voor, bijvoorbeeld op pagina https://www.awvn.nl/agenda/.

Op pagina https://www.awvn.nl/service-contact/ staat de lichtblauwe tekst "Over AWVN" (HEX #0496FF) op een lichtgrijze achtergrond (HEX #F4F4F9). De contrastratio is hier 2,8:1 waar dat minimaal 4,5:1 moet zijn. Dit probleem komt vaker voor, bijvoorbeeld op pagina's https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ en https://www.awvn.nl/transitievergoeding-berekenen/#/.

Op meerdere pagina's - waaronder https://www.awvn.nl/transitievergoeding-berekenen/#/, https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/ en https://www.awvn.nl/cao/nieuws/maandbericht-loonontwikkeling-2024/ - staat vlak boven de footer een caroussel met verschillende medewerkers. De functie van een medewerker is grijze tekst (HEX #A9AAAE) op een lichtgrijze achtergrond (HEX #F2F3F9). De contrastratio is hier 2,1:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ staan witte teksten op verschillende achtergrondafbeeldingen. De contrastratio is niet overal voldoende. Bijvoorbeeld 2,9:1 bij delen van de tekst "Wet op de CAO van kracht". Los dit op door een donkerder achtergrond of een schaduw om de teksten.

Op pagina https://www.awvn.nl/service-contact/ kunnen rode foutmeldingen (HEX #F11F1F) verschijnen op een paarse achtergrond (HEX #2E2E91). De contrastratio is hier 2,6:1 waar dat minimaal 4,5:1 moet zijn. Dit probleem komt ook voor op pagina https://www.awvn.nl/vacatures/.

Op pagina https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/ kunnen ook rode foutmeldingen (HEX #F11F1F) verschijnen, maar nu op een witte achtergrond. De contrastratio is hier 4,2:1 waar dat minimaal 4,5:1 moet zijn. Dit komt ook voor op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details, maar daar is het witte tekst op een rode achtergrond.

Op pagina https://www.awvn.nl/transitievergoeding-berekenen/#/ kunnen ook rode foutmeldingen (HEX E15D5D) verschijnen op een witte achtergrond. De contrastratio is hier 3,5:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://www.awvn.nl/vacatures/ staat onder het uitklapbaar onderdeel "Solliciteren" een formulier. Na "Uploaden CV en motivatie…" staat de witte tekst "Selecteer bestanden" op een grijze achtergrond (HEX #808080). De contrastratio is hier 3,9:1 waar dat minimaal 4,5:1 moet zijn.

Onder de bovengenoemde tekst op pagina https://www.awvn.nl/vacatures/ staat de grijze tekst "Toegestane bestandstypen…" (HEX #808080) op een paarse achtergrond (HEX #2E2E91). De contrastratio is hier 2,8:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details staan ingevoerde gegevens in de invoervelden. De contrastratio tussen de grijze tekst (HEX #7F7F7F) en de witte achtergrond is 4,0:1 waar dat minimaal 4,5:1 moet zijn.
Bij "Geslacht" heeft de geselecteerde optie witte tekst op een lichtblauwe achtergrond (HEX #0496FF). De contrastratio is hier 3,1:1 waar dat minimaal 4,5:1 moet zijn.

Advies: Als op pagina https://www.awvn.nl/?s=awvn een filter wordt geactiveerd, kunnen bepaalde opties gedeactiveerd worden. De tekstkleur verandert dan naar grijs (HEX #999999) en dat heeft een contrastratio van slechts 2,8:1 op de witte achtergrond. Omdat dit inactieve componenten zijn, gelden hiervoor geen contrasteisen. Wel zou het goed zijn om de contrastratio te verhogen, zodat ook mensen met een visuele beperking deze opties nog kunnen zien.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 200%, verdwijnt op alle webpagina's in de geopende cookiemelding (als op "Meer informatie" wordt geklikt) het bovenste deel van de content in deze melding buiten beeld. Het gaat onder andere om de beschrijvingen van de drie opties en het eerste deel van de toelichtingen. Er zijn ook geen manieren om de missende content te kunnen bekijken.

Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, verdwijnen de onderdelen in het bovenste menu: "Data & Tools", "Lid worden van de AWVN" en "Translate". Dit is verlies van functionaliteit.

Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, komen op pagina https://www.awvn.nl/ delen van de content over elkaar heen te staan. Bijvoorbeeld "Arbeidsvoorwaardennota" onder "Direct naar". De tekst wordt daardoor slecht of niet leesbaar. Dit komt ook voor op pagina https://www.awvn.nl/ongewenst-gedrag/.

Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 200%, verdwijnt op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ een deel van de content links en rechts buiten beeld. De content aan de rechterkant kan wel bereikt worden door te scrollen, maar dat geldt niet voor de content aan de linkerkant. Zie ook succescriterium 1.4.10.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.awvn.nl/dienstverlening/dienstverlening-advisering-awvn-arbeidsverhoudingen/ staan onder "Bekijk ook de andere clusters van onze dienstverlening" vier afbeeldingen van tekst. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats de links indien mogelijk als platte tekst of voeg een toegankelijk alternatief toe. Let op: het toevoegen van een alternatieve tekst zoals beschreven in succescriterium 1.1.1 is niet voldoende om te voldoen aan dit succescriterium. Vergelijkbare afbeeldingen komen ook op andere pagina's voor, bijvoorbeeld op https://www.awvn.nl/dienstverlening/. Daar is echter dezelfde tekst ook als 'echte' tekst aanwezig, wat een toegankelijk alternatief is.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, verdwijnt op alle webpagina's in de geopende cookiemelding (als op "Meer informatie" wordt geklikt) het bovenste deel van de content in deze melding buiten beeld. Het gaat onder andere om de eerste optie en een deel van de toelichtingen. Er zijn ook geen manieren om de missende content te kunnen bekijken.

Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 400%, verdwijnen de onderdelen in het bovenste menu: "Data & Tools", "Lid worden van de AWVN" en "Translate". Dit is verlies van functionaliteit.

Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 400%, komen op pagina https://www.awvn.nl/ delen van de content buiten beeld te staan. Bijvoorbeeld "Arbeidsvoorwaardennota" onder "Direct naar". De tekst wordt daardoor slecht of niet leesbaar. Let op dat horizontaal scrollen voor dit succescriterium niet is toegestaan. Op het moment van dit onderzoek gaat het wel goed op pagina https://www.awvn.nl/ongewenst-gedrag/, maar ook hier kan dit een probleem worden bij langere woorden.

Op pagina https://www.awvn.nl/?s=awvn komt het rechter deel van de content buiten beeld te staan. Dit is wel bereikbaar door horizontaal te scrollen, maar dat is voor dit succescriterium niet toegestaan.

Op meerdere pagina's - waaronder https://www.awvn.nl/service-contact/ en https://www.awvn.nl/transitievergoeding-berekenen/#/ - staat onderaan een knop "Help". Deze knop staat boven "Aanmelden nieuwsbrief", waardoor laatstgenoemde content niet volledig leesbaar is.
Als de knop "Help" wordt geopend, verschijnt een chatvenster waarbij het linkerdeel niet beschikbaar is. Let op dat horizontaal scrollen voor dit succescriterium geen oplossing is.

Op pagina's https://www.awvn.nl/, https://www.awvn.nl/service-contact/, https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/ en https://www.awvn.nl/vacatures/ staan invoervelden met daarin placeholder-teksten. Het laatste deel van lange teksten vallen weg achter de rand van het invoerveld. Dit is verlies van informatie.

Op pagina https://www.awvn.nl/online-producten/awvn-dataportaal/ is de tabel bij een zoomniveau van 400% gewijzigd naar een responsieve versie. Dat is op zich goed, maar het probleem is dat content in afzonderlijke tabelcellen leesbaar moet zijn zonder horizontaal te scrollen en dat is nu niet het geval.

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat bovenin naast het hoofdmenu een link voor het openen van de zoekfunctie. Als deze is geopend, staat in het zoekveld een icoon van een loep, waarmee de zoekopdracht uitgevoerd kan worden (HEX #9696C8) op een witte achtergrond. De contrastratio is hier 2,8:1 waar dat minimaal 3,0:1 moet zijn.

Op alle webpagina's staat bovenin ook een link waarmee een inlogvenster getoond kan worden. Als hierin "Mij onthouden" en "Hulp nodig..." de toetsenbordfocus krijgen, verschijnt een blauwe rand (HEX #B1E8F7) met een contrastratio van 1,3:1 op wit. Als "Volgende" de focus krijgt, verschijnt een andere blauwe rand (HEX #86DBF3) met een contrastratio van 1,6:1 op wit. Dit moet minimaal 3,0:1 zijn.

Op meerdere pagina's - waaronder https://www.awvn.nl/service-contact/ en https://www.awvn.nl/agenda/ - staat onderaan een knop "Help". Als deze wordt geopend, verschijnt een chatvenster. De grijze randen van de invoervelden(HEX #D8DCDE) in dit venster hebben een contrastratio van 1,4:1 op de witte achtergrond waar dit minimaal 3,0:1 moet zijn.

In het hierboven genoemde chatvenster bevindt zich ook een link "zendesk". Als deze de toetsenbordfocus krijgt, verschijnt een blauwe rand (#CCD8EA). Deze heeft een een contrastratio van 1,4:1 op wit waar dit minimaal 3,0:1 moet zijn.

Op pagina https://www.awvn.nl/?s=awvn staan onder "Thema's" en "Berichttype" meerdere selectievakjes. De lichtgrijze randen (HEX #E0E0E0) hebben een contrastratio van 1,2:1 op de witte achtergrond waar dit minimaal 3,0:1 moet zijn.

Op pagina https://www.awvn.nl/transitievergoeding-berekenen/#/ staat onder andere in de invoervelden bij "Geboortedatum medewerker" en "Datum in dienst" een icoon van een kalender. Dit interactieve icoon (HEX #94ACB6) heeft een contrastratio van 2,3:1 op de witte achtergrond waar dit minimaal 3,0:1 moet zijn.

Op pagina https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/ staat een formulier. Wanneer hier goede gegevens worden ingevoerd, verschijnt een groen vinkje (HEX #00B1A3). De contrastratio ten opzichte van de witte achtergrond is 2,7:1 waar dit minimaal 3,0:1 moet zijn.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters staan verschillende schakelaars onder "Andere nieuwsbrieven" (en mogelijk ook onder "Uw nieuwsbrieven"). Als een schakelaar 'aan' staat, is de achtergrondkleur groen (HEX #00B1A3). De contrastratio ten opzichte van de witte achtergrond is 2,7:1 waar dit minimaal 3,0:1 moet zijn.

Advies: Op pagina https://www.awvn.nl/online-producten/awvn-dataportaal/ staat een afbeelding van het dataportaal. In deze afbeelding zijn meerdere contrastproblemen gevonden. In de context van deze pagina is echter geoordeeld dat het niet nodig is om de informatie uit deze afbeelding te kunnen zien en is het niet afgekeurd. Wel zou het goed zijn om deze contrastproblemen nader te laten onderzoeken en aan te passen.

Uitkomst: Voldoende

Bevindingen: Advies: Op pagina https://www.awvn.nl/, onder "Direct naar" en op pagina https://www.awvn.nl/ongewenst-gedrag/, onder "Recente nieuwsberichten" staan teksten binnen kaders. Bij de testresolutie van 1280 x 1024 pixels blijven de huidige teksten leesbaar bij de ingestelde tekstafstanden. Let erop dat dit wel een probleem kan worden als hier andere en langere teksten in staan. Zie ook succescriteria 1.4.4 en 1.4.10, waar dit soms wel een probleem is.

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat bovenin een hoofdmenu. Als de muis hierover wordt bewogen, verschijnt nieuwe content, namelijk de subonderdelen van de menu-items. Deze content valt ook over de inhoud van de pagina. Deze extra content die verschijnt moet aan drie voorwaarden voldoen. De content is niet af te sluiten op de manier die vereist is voor dit succescriterium. Dit wil zeggen dat het niet mogelijk is om de content te laten verdwijnen zonder de muis te verplaatsen. Een oplossing kan zijn om dit mogelijk te maken met de Escape-toets.
Let op: Momenteel zijn de subonderdelen niet zichtbaar te maken met het toetsenbord (zie succescriterium 2.1.1). Als dat probleem wordt opgelost, moet het ook bij focus aan dit succescriterium voldoen.

Op pagina https://www.awvn.nl/transitievergoeding-berekenen/#/ staan tooltips bij onder andere "Datum uit dienst" en "Heeft de medewerker de pensioengerechtigde leeftijd bereikt?". Als de muis hierover wordt bewogen, verschijnt nieuwe content, namelijk een uitleg. Deze content is niet 'af te sluiten op de manier die vereist is voor dit succescriterium en niet 'aanwijsbaar' (hover met de muisaanwijzer), omdat hier niet met de muis over de tekst bewogen kan worden.

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat bovenin een hoofdnavigatie. Met de muis kunnen de subonderdelen van de navigatie getoond worden, maar dit is niet mogelijk met alleen het toetsenbord. Zorg ervoor dat ook toetsenbordgebruikers bij deze subonderdelen kunnen komen.

Op alle webpagina's staat bovenin naast de hoofdnavigatie een loep-icoon voor het tonen van de zoekfunctie. Als deze zoekfunctie getoond wordt, verschijnt onder andere een icoon van een kruis. Dit is niet met het toetsenbord te bereiken en te bedienen, waarschijnlijk doordat het geen button-element is. De enige mogelijkheid om de zoekfunctie te sluiten is om terug te navigeren naar de link die de zoekfunctie toont en dat is geen vergelijkbare ervaring. Zie ook succescriterium 4.1.2.

Als de website wordt bekeken op een ingezoomd of klein scherm, zijn op pagina https://www.awvn.nl/?s=awvn de filteropties verborgen achter de kop "Filters". Dit is niet met het toetsenbord te bereiken en te bedienen. Zie ook succescriterium 4.1.2 voor aanvullende problemen.

Als je bent ingelogd, wijzigt de link voor het inloggen naast het hoofdmenu en toont het de tekst "Welkom, [Voornaam]". Deze link - en daarmee ook de onderliggende onderdelen - is dan niet meer met het toetsenbord te bereiken en te bedienen. Zie ook succescriterium 4.1.2.

Op alle webpagina's staan vlak boven footer vijf iconen na "Deel dit artikel via:". Deze interactieve iconen zijn niet bereikbaar en bedienbaar met het toetsenbord. Zie ook succescriterium 4.1.2.

Op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ staat een tijdlijn-filter (schuifbalk) die niet via het toetsenbord te bedienen is. De onderdelen in de tijdlijn kunnen met de muis geopend worden, maar dit kan niet met het toetsenbord.

Op pagina's https://www.awvn.nl/dienstverlening/dienstverlening-advisering-awvn-arbeidsverhoudingen/ en https://www.awvn.nl/ongewenst-gedrag/ staat links op het scherm een interactief element "Leeswijzer". Deze is niet met het toetsenbord te bereiken en te bedienen. Zie ook succescriterium 4.1.2.

Op pagina's https://www.awvn.nl/transitievergoeding-berekenen/#/, https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details en https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters staan invoervelden die niet bedienbaar zijn met het toetsenbord. Dit komt waarschijnlijk omdat ze verborgen zijn. Het gaat op de eerstgenoemde pagina om de opties bij "Heeft de medewerker de pensioengerechtigde leeftijd bereikt?", op de tweede pagina om de opties onder "Geslacht" en op de derde pagina om de schakelaars bij "Andere nieuwsbrieven" (en waarschijnlijk ook "Uw nieuwsbrieven").

Op pagina https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ staat een verificatiemiddel van hCaptcha. In bepaalde gevallen moeten twee dezelfde objecten geselecteerd worden. Dit is niet mogelijk met alleen het toetsenbord. De suggestie van het plaatsen van een toegankelijkheidscookie wordt niet gezien als een vergelijkbaar alternatief.

Advies: Als wordt ingelogd op de website, kan het dialoogvenster "Privacy statement" verschijnen. Hierin staat ook het interactieve element "sluit". Dit is niet met het toetsenbord te bereiken en te bedienen. Dit wordt echter niet afgekeurd, omdat er een alternatief is via de Escape-toets. Wel kan dit beter aangepast worden, bijvoorbeeld door er een button-element van te maken. Zie ook succescriterium 4.1.2.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina's https://www.awvn.nl/about-awvn/ en https://www.awvn.nl/vacatures/ wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld "M" voor het dempen van het geluid en "K" voor het pauzeren van de video. 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.

Uitkomst: Onvoldoende

Bevindingen: Op meerdere pagina's - waaronder https://www.awvn.nl/transitievergoeding-berekenen/#/, https://www.awvn.nl/about-awvn/ en https://www.awvn.nl/online-producten/awvn-dataportaal/ - staat onderaan, vlak boven de footer een caroussel met medewerkers, die na elke paar seconden een nieuw beeld laat zien. Deze content gaat dusdanig snel voorbij, dat sommige bezoekers moeite hebben met het lezen of bedienen van deze content. Een mogelijkheid om dit op te lossen is door een pauzeknop toe te voegen. Let op: deze knop moet volledig toegankelijk zijn.

Op pagina https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ staat een formulier met het verificatiemiddel van hCaptcha. Als deze captcha wordt ingevuld en vervolgens ongeveer 2 minuten geen activiteit is, verdwijnt de verificatie en moet deze opnieuw ingevuld worden. Dit is een tijdslimiet die niet aangepast kan worden.

Uitkomst: Onvoldoende

Bevindingen: Op meerdere pagina's - waaronder https://www.awvn.nl/transitievergoeding-berekenen/#/, https://www.awvn.nl/about-awvn/ en https://www.awvn.nl/online-producten/awvn-dataportaal/ - staat onderaan, vlak boven de footer een caroussel met medewerkers, die na elke paar seconden een nieuw beeld laat zien. Deze carrousel kan niet gestopt, gepauzeerd of verborgen worden. Bij sommige mensen kan de beweging misselijkheid veroorzaken. Voor mensen met bijvoorbeeld een cognitieve beperking kan het lastig zijn omdat zij zich tijdens het lezen niet kunnen concentreren op de tekst, door de beweging op het scherm. Zorg dat bezoekers de carrousel kunnen stoppen of pauzeren of verwijder de carrousel in z’n geheel.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op elke webpagina ontbreekt een mechanisme om de herhalende content over te slaan. Bezoekers die de website met een toetsenbord en/of hulpsoftware bedienen, moeten op elke pagina langs dezelfde onderdelen gaan voordat ze bij de inhoud van de pagina zijn. Dit is op te lossen 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 erop komt wanneer met het toetsenbord wordt genavigeerd.

Advies: Op de webpagina's zijn landmarks gebruikt. Dit kan voor sommige gebruikers ook een manier zijn om herhalende content over te slaan. Om dit goed te laten werken, moet de unieke content in een main-landmark staan, maar deze ontbreekt. Let op: landmarks zijn niet voor alle mensen te gebruiken, dus dit zou niet de enige manier moeten zijn. Zorg in ieder geval voor een goede skiplink en voeg eventueel aanvullend een main-landmark toe om de unieke content.

Uitkomst: Onvoldoende

Bevindingen: De PDF op pagina https://www.awvn.nl/app/uploads/2024/07/Organisatieadviseur-functiewaardering-Botlek-zuidwest.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.

De PDF op pagina ttps://www.awvn.nl/download/143596/?tmstv=1721129686&page=143596 heeft wel een titel in de eigenschappen: "Microsoft Word - Algemene voorwaarden 2017 definitief- engels". Deze titel is echter niet duidelijk genoeg. De toevoeging "Microsoft Word" doet namelijk vermoeden dat het een Word-document is, maar het is een PDF. Verder zou het beter zijn om de titel te vertalen naar het Engels.

Advies: De pagina's https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details en https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters zijn eigenlijk te zien als één pagina met twee verschillende parameters. In dat geval hoeven ze geen unieke titel te hebben. Beide hebben de paginatitel "Uw profiel - AWVN". Deze titel kan echter beter wel aangepast worden en duidelijker aangeven wat het onderwerp of doel is. Bijvoorbeeld "Uw persoonlijke gegevens - AWVN" en "AWVN-nieuwsbrieven - AWVN".

Advies: De meeste paginatitels eindigen met " | AWVN" en dat is goed. De pagina's https://www.awvn.nl/service-contact/, https://www.awvn.nl/online-producten/awvn-dataportaal/ en https://www.awvn.nl/vacatures/ missen dit.
Verder zijn er andere pagina's waar niet " | AWVN" in de paginatitel staat, maar " - AWVN". Dit laatste kan beter gewijzigd worden, omdat dit vaak wordt voorgelezen als "minteken AWVN".

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's komt de toetsenbordfocus ook terecht op een onzichtbaar (mobiele) menu, soms ook pas na een deel van de unieke content. De focus mag niet terechtkomen op onzichtbare elementen. Bijvoorbeeld op pagina's https://www.awvn.nl/, https://www.awvn.nl/transitievergoeding-berekenen/#/ en https://www.awvn.nl/agenda/.

Op alle webpagina's komt de toetsenbordfocus na de knop "Terug naar boven" terecht op meerdere onzichtbare links, onder andere voor nieuwsbrieven. Dit is niet de bedoeling.

Als na het hoofdmenu wordt gekozen voor "Inloggen" verschijnt een dialoogvenster. De toetsenbordfocus gaat hier direct naartoe en dat is goed. Het probleem is echter dat de focus ook terecht kan komen op de onderliggende pagina en dat is niet toegestaan. Zorg ervoor dat de focus in het dialoogvenster blijft. Dit levert ook problemen op voor succescriterium 2.4.7.

Als de website wordt bekeken op een ingezoomd of klein scherm, bevindt zich een icoon voor de zoekfunctie na het logo. Als deze geopend wordt, komt de focus eerst op het menu erachter en dat is niet logisch. De focus moet direct naar het zoekveld gaan.

Als de website wordt bekeken op een ingezoomd of klein scherm, bevindt zich bovenaan een icoon voor het hoofdmenu na de zoekfunctie en het logo. Als dit hoofdmenu is gesloten, komt de toetsenbordfocus alsnog terecht op de verborgen onderdelen in dit hoofdmenu en dat is niet de bedoeling.

Als het menu vervolgens is geopend, gaat de toetsenbordfocus daar direct naartoe en dat is goed. Na het laatste onderdeel in dit menu, blijft het menu de onderliggende pagina bedekken en gaat de focus verder op de onderliggende pagina. Dat is niet de bedoeling. Geef de gebruiker de mogelijkheid om het menu te sluiten na het laatste onderdeel of laat het menu automatisch sluiten als de focus eruit gaat. Dit levert ook problemen op voor succescriterium 2.4.7.

Als wordt ingelogd op de website, kan het dialoogvenster "Privacy statement" verschijnen. Dit venster overlapt de onderliggende pagina, maar de toetsenbordfocus kan wel op de onderliggende pagina komen. De focus begint ook op die onderliggende pagina. Zorg ervoor dat de focus direct naar het dialoogvenster gaat en ook daar in blijft. Zie ook succescriterium 2.4.7.

Op pagina's https://www.awvn.nl/dienstverlening/dienstverlening-advisering-awvn-arbeidsverhoudingen/ en https://www.awvn.nl/ongewenst-gedrag/ staat links in het scherm een leeswijzer. Als deze is geopend en als de toetsenbordfocus daarin zit, kan de focus verdergaan op de onderliggende pagina terwijl de leeswijzer nog geopend is. Dit is niet de bedoeling.

Op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ kan de toetsenbordfocus terechtkomen op links in de tijdlijn die verborgen zijn en dat is niet de bedoeling. Zie ook succescriterium 2.4.7.

Als op pagina https://www.awvn.nl/?s=awvn door de zoekresultaten wordt gegaan, worden nieuwe resultaten ingeladen. De focus komt echter niet op de nieuw verschenen resultaten, maar gaat verder naar de footer. De enige manier om naar de resultaten te gaan, is via Shift+Tab, maar dan worden eerst steeds andere resultaten geladen.

Op pagina https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/ staat een formulier. Er wordt in de HTML gebruikgemaakt van het attribuut tabindex met de waarde "1" op de inputvelden. Daardoor ontstaat een onlogische focusvolgorde, want de focus begint in het formulier. Verwijder dit attribuut en zorg dat de focusvolgorde door webpagina's logisch is wanneer men met het toetsenbord navigeert. Dit komt ook voor bij de inputvelden op pagina https://www.awvn.nl/service-contact/, maar daar lijkt het geen effect te hebben op de focusvolgorde.

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat links bovenin het logo van AWVN. Deze afbeelding heeft het tekstalternatief "Logo" en dat geeft niet duidelijk genoeg aan waar deze link naartoe gaat. Zie ook succescriteria 1.1.1 en 2.5.3.

Op alle webpagina's staat bovenin na de hoofdnavigatie een loep-icoon. Dit is een link zonder naam en daardoor is het doel van deze link niet duidelijk. Zie ook succescriteria 1.1.1 en 4.1.2.

Als de website wordt bekeken op een ingezoomd of klein scherm, bevindt zich na de zoekfunctie een icoon voor het openen en voor het sluiten van het menu. Deze link heeft geen naam en daardoor geen duidelijk linkdoel. Zie ook succescriteria 1.1.1 en 4.1.2.

Op meerdere pagina's - waaronder https://www.awvn.nl/transitievergoeding-berekenen/#/ en https://www.awvn.nl/about-awvn/ - staat een carrousel met verschillende medewerkers. De naam van de medewerker is een link. Hierbij is de visueel zichtbare tekst (de naam van de medewerker) geen onderdeel van de toegankelijke naam van de link. Die is namelijk in alle gevallen "Gerelateerde adviseur naam". Dit betekent dat het doel van deze links niet duidelijk is. Dit geldt in sommige gevallen ook voor de afbeelding. Dit komt ook voor als er slechts één medewerker is, bijvoorbeeld op pagina https://www.awvn.nl/cao/nieuws/maandbericht-loonontwikkeling-2024/. Zie ook succescriterium 2.5.3.

Op pagina's https://www.awvn.nl/about-awvn/, boven "Short animation…" en op pagina https://www.awvn.nl/ongewenst-gedrag/, onder "Tools voor het ontwikkelen" staat een lijst met downloadbare bestanden. Deze hebben visueel een beschrijving, datum en de tekst "download". De naam van deze links is steeds "download". Het doel van deze links is daarom niet duidelijk. Zie ook succescriterium 2.5.3.

Op pagina https://www.awvn.nl/dienstverlening/ staan in de uitklapbare onderdelen "Arbeidsmarkt" tot en met "Arbeidsvoorwaarden" afbeeldingen die ook links zijn. De naam van deze links is in alle gevallen "Dienstverlening AWVN", waardoor het doel van de links niet duidelijk is. Zie ook succescriterium 2.5.3. Het advies is om de link bij deze afbeeldingen te verwijderen, omdat er ook al een andere link aanwezig is.

Op pagina https://www.awvn.nl/dienstverlening/ staan in de uitklapbare onderdelen "Arbeidsmarkt" tot en met "Arbeidsvoorwaarden" verschillende links met de linktekst "Lees verder". Deze links hebben geen context met de content erboven, waardoor het doel van deze links niet duidelijk is. Wijzig dit, bijvoorbeeld door een andere linktekst, een onzichtbare tekst, een title of een aria-label. Let op: In het laatste geval moet de visueel zichtbare tekst ook onderdeel zijn van het aria-label, liefst vooraan. Een vergelijkbaar probleem is te vinden in de tabel op pagina https://www.awvn.nl/online-producten/awvn-dataportaal/. Hier staan meerdere links met de linktekst "Meer". Hiervan is het doel ook niet duidelijk.

Op pagina https://www.awvn.nl/dienstverlening/dienstverlening-advisering-awvn-arbeidsverhoudingen/ staat onderaan, onder "Bekijk ook de andere clusters van onze dienstverlening" vier afbeeldingen van clusters. Al deze afbeeldingen zijn links en hebben allemaal het tekstalternatief "Dienstverlening AWVN". Dit geeft niet aan waar de links naartoe gaan. Zie ook succescriterium 1.1.1.

Op pagina https://www.awvn.nl/ staat boven "Nieuwsoverzicht" een afbeelding met onder andere de teksten "AI-Starterkit" en "Bits, Bots & Banen". Deze link heeft geen naam, waardoor het doel van de link niet duidelijk is. Zie ook succescriterium 4.1.2.

Uitkomst: Onvoldoende

Bevindingen: Naast het volgen van links zijn alle webpagina's ook te vinden via de zoekmachine. Dat is goed gedaan. Het probleem is echter dat de PDF-documenten op pagina's https://www.awvn.nl/download/143596/?tmstv=1721129686&page=143596 en https://www.awvn.nl/app/uploads/2024/07/Organisatieadviseur-functiewaardering-Botlek-zuidwest.pdf niet gevonden kunnen worden via deze zoekmachine. Zorg dat deze ook vindbaar zijn via de zoekmachine.

Advies: De pagina's https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details en https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters zijn eigenlijk te zien als één pagina met twee verschillende parameters en dan geldt dat deze pagina niet te vinden is via de zoekmachine. Het zou goed zijn om ze wel als losse zoekresultaten te kunnen vinden, omdat de inhoud wel anders is.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Bij succescriterium 2.4.3 zijn problemen benoemd met onder andere de zoekfunctie, het menu bij een ingezoomd of klein scherm, de leeswijzer en meer. In deze gevallen zorgen die problemen ervoor dat de toetsenbordfocus niet overal zichtbaar is. Zie succescriterium 2.4.3 voor een toelichting.

Als wordt ingelogd op de website, kan het dialoogvenster "Privacy statement" verschijnen. Dit venster overlapt de onderliggende pagina, maar de toetsenbordfocus kan wel op de onderliggende pagina komen. De focus is dan niet altijd zichtbaar. Zie ook succescriterium 2.4.3.

Op pagina https://www.awvn.nl/vacatures/ is de focus op "Ja, ik ga akkoord" niet zichtbaar.

Op pagina's https://www.awvn.nl/about-awvn/ en https://www.awvn.nl/vacatures/ is de focus op de video's niet zichtbaar.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details is de focus niet zichtbaar op de selectievelden bij "Titulatuur (voor)" en "Titulatuur (achter)".

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.awvn.nl/vacatures/ staat onder "Solliciteren" een formulier met de knop "Selecteer bestanden". Deze knop heeft de naam ", " vanwege het aria-label. Wijzig of verwijder dit aria-label, zodat de naam overeenkomt met de visueel zichtbare tekst.

Op meerdere pagina's - waaronder https://www.awvn.nl/transitievergoeding-berekenen/#/ en https://www.awvn.nl/about-awvn/ - staat een carrousel met verschillende medewerkers. De naam van de medewerker is een link. Hierbij is de visueel zichtbare tekst (de naam van de medewerker) geen onderdeel van de toegankelijke naam van de link. Die is namelijk in alle gevallen "Gerelateerde adviseur naam". Dit betekent dat de zichtbare tekst niet gebruikt kan worden om de link te bedienen met spraakbedieningssoftware. Dit geldt in sommige gevallen ook voor de afbeelding. Dit komt ook voor als er slechts één medewerker is, bijvoorbeeld op pagina https://www.awvn.nl/cao/nieuws/maandbericht-loonontwikkeling-2024/. Zie ook succescriterium 2.4.4.

Op pagina's https://www.awvn.nl/about-awvn/, boven "Short animation…" en op pagina https://www.awvn.nl/ongewenst-gedrag/, onder "Tools voor het ontwikkelen" staat een lijst met downloadbare bestanden. Deze hebben visueel een beschrijving, datum en de tekst "download". De naam van deze links is steeds "download". De zichtbare tekst, zoals de beschrijving, kan nu niet gebruikt worden met spraakbedieningssoftware. Zie ook succescriterium 2.4.4.

Op pagina https://www.awvn.nl/dienstverlening/ staan in de uitklapbare onderdelen "Arbeidsmarkt" tot en met "Arbeidsvoorwaarden" afbeeldingen die ook links zijn. De visueel zichtbare tekst, bijvoorbeeld "arbeidsmarkt" komt niet overeen met de naam van deze links, want die is in alle gevallen "Dienstverlening AWVN". Zie ook succescriterium 2.4.4.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de eigenschappen van PDF https://www.awvn.nl/download/143596/?tmstv=1721129686&page=143596 is de taal niet goed ingevuld. Deze staat op Nederlands in plaats van Engels Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.awvn.nl/?s=awvn staan filteropties onder "Datum" met de placeholder-teksten "Start date" en "End date". Deze teksten zijn in een andere taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door in de omliggende HTML-code het volgende toe te voegen: lang="en". Beter is het nog om deze teksten te vertalen naar het Nederlands, zodat hier geen taalwisseling nodig is.

De taal van pagina https://www.awvn.nl/about-awvn/ is Nederlands en dat is goed, omdat onder andere de navigatie en footer in het Nederlands zijn. De content vanaf "General employers’ association AWVN" tot en met "If you want to know more about AWVN, please contact" is echter Engelstalig. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door in de omliggende HTML-code het volgende toe te voegen: lang="en".

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Als op pagina https://www.awvn.nl/?s=awvn in de filters een datum wordt ingevoerd in één van de datumvelden, wordt de toetsenbordfocus zonder waarschuwing verplaatst naar de browserbediening. Dit is verwarrend en mogelijk desoriënterend voor sommige bezoekers. Maak gebruik van een knop waarmee bezoekers zelf het filteren controleren of gebruik asynchrone JavaScript-functionaliteit die de selectie aanpast. Gebruik bij dit laatste ook een "live-region" waar je aan de bezoeker duidelijk maakt dat er iets is gewijzigd (via hulpsoftware).
Let op: Momenteel zijn de selectievelden onder "Thema's" en "Berichttype" niet met het toetsenbord te bedienen en daarom ook niet te testen voor dit succescriterium. Hier kunnen problemen ontstaan als deze wel met het toetsenbord te bedienen zijn.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Als op pagina https://www.awvn.nl/service-contact/ de formuliervelden niet of niet goed zijn ingevuld, verschijnt bij meerdere velden meldingen als 'Dit veld is verplicht.' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld "bericht" is niet ingevuld’. Het is wel goed gedaan dat de meldingen zijn gekoppeld aan de betreffende invoervelden. Dit probleem komt ook voor op pagina's https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/ en https://www.awvn.nl/vacatures/.

Het formulier op pagina https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ 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 kun 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://www.awvn.nl/service-contact/ 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'. Dit probleem komt ook voor op pagina's https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/, https://www.awvn.nl/transitievergoeding-berekenen/#/ en https://www.awvn.nl/vacatures/.

Op pagina https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/ zijn de velden "Uw e-mailadres…" en "Waarmee mag ik u helpen?" verplicht, maar dat is niet vooraf aangegeven.

Op pagina https://www.awvn.nl/service-contact/ gelden bepaalde invoereisen voor het veld "telefoonnummer". Deze eisen moeten vooraf aan de gebruiker gecommuniceerd worden en dat is nu niet het geval.

De formuliervelden op pagina https://www.awvn.nl/registratie/?redirect_to=https://www.awvn.nl/ hebben geen zichtbaar label maar wel een placeholder-tekst. De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen. Dit probleem komt ook voor op pagina https://www.awvn.nl/awvn-adviseurs/marijn-van-der-heiden/, maar daar zijn wel onzichtbare labels aanwezig.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.awvn.nl/service-contact/ gelden bepaalde invoereisen voor het veld "telefoonnummer", zie ook succescriterium 3.3.2. De foutmelding "Geef een geldig telefoonnummer op." die kan verschijnen biedt echter geen suggestie om de fout op te lossen. Geef een voorbeeld voor een juiste invoer, en vermeld hierbij dat dit een voorbeeld is. Dit probleem komt ook voor in het chatvenster op alle webpagina's, met de melding "Geef een geldig mobiel nummer op.".

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle webpagina's staat bovenin na de hoofdnavigatie een loep-icoon voor het tonen van de zoekfunctie. Dit interactief element heeft geen naam en geen informatie over de status. Zie ook succescriteria 1.1.1 en 2.4.4. Geef het een naam via een title-attribuut of een aria-label op het a-element of een title-element in de SVG, bijvoorbeeld "Zoeken". Geef informatie over de status, bijvoorbeeld via aria-expanded met de juiste waarde ("true" of "false").

Als de zoekfunctie is geopend, verschijnen interactieve elementen in de vorm van een loep-icoon en een icoon van een kruis. Beide elementen hebben geen naam. Het icoon van een kruis heeft ook geen rol die door software te bepalen is. Maak hier een button-element van. Zie voor dit laatste ook succescriterium 2.1.1.

Als de website wordt bekeken op een ingezoomd of klein scherm, bevindt zich na de zoekfunctie een icoon voor het openen en voor het sluiten van het menu. Dit interactief element heeft geen naam en geen statusinformatie. De oplossing is vergelijkbaar met wat hierboven is beschreven voor de zoekfunctie. Zie ook succescriteria 1.1.1 en 2.4.4.

Als je bent ingelogd, wijzigt de link voor het inloggen naast het hoofdmenu en toont het de tekst "Welkom, [Voornaam]". De status van deze link (in- of uitgeklapt met submenu) is nu niet te bepalen. Zie ook succescriterium 2.1.1.

Op alle webpagina's staan vlak boven de footer vijf iconen na "Deel dit artikel via:". Deze interactieve iconen hebben de rol afbeelding gekregen en dat geeft niet aan dat ze interactief zijn. Zet deze afbeeldingen in een link-element. Zie ook succescriterium 2.1.1.

Op alle webpagina's staat onderin een widget voor het aanmelden voor nieuwsbrieven. Deze widget heeft geen rol en geen statusinformatie. Als de widget is geopend, staat hierin een icoon waarmee de widget geminimaliseerd kan worden. Dit icoon heeft geen naam en geen rol.

Als de website wordt bekeken op een ingezoomd of klein scherm, staan op pagina https://www.awvn.nl/?s=awvn filters die getoond en verborgen kunnen worden. De rol van dit interactief element is nu die van een kop (h4) en dat geeft niet de juiste rol aan. Maak hier een knop (button-element) van of zorg voor een losse knop. Zie ook succescriterium 2.1.1 voor aanvullende problemen.

Op alle onderzochte webpagina's zijn twee nav-elementen aanwezig. Dit is een landmark en wanneer twee dezelfde landmarks aanwezig zijn, moeten zij een unieke naam hebben. Dat is nu niet het geval. Geef deze nav-elementen een unieke naam via een aria-label of aria-labelledby.

Op pagina https://www.awvn.nl/ staat boven "Nieuwsoverzicht" een afbeelding met onder andere de teksten "AI-Starterkit" en "Bits, Bots & Banen". Deze link heeft geen naam. Zie ook succescriteria 1.1.1 en 2.4.4.

Op pagina https://www.awvn.nl/?s=awvn staat boven de zoekresultaten een select-element voor het sorteren van de resultaten. Dit element heeft geen naam. Voeg een label toe en koppel dit aan dit select-element. Dit komt ook voor op pagina https://www.awvn.nl/agenda/.

Op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ staat een tijdlijn-filter. Dit interactieve element heeft geen naam. De rol van dit element is nu ook onduidelijk. Zie pagina https://www.w3.org/WAI/ARIA/apg/patterns/slider/ voor een mogelijke oplossing. Let op: sliders kunnen lastig zijn voor bepaalde mensen die bijvoorbeeld een touchscreen gebruiken. Zorg voor hen ook voor een toegankelijk alternatief.

Als op pagina https://www.awvn.nl/tijdlijn-geschiedenis-awvn/ onderdelen in de tijdlijn geopend zijn, is een icoon van een kruis zichtbaar. Dit interactieve element heeft geen naam. Geef het een aria-label of voeg een title-element toe aan het SVG-element. Zie ook succescriterium 4.1.2.

Op pagina's https://www.awvn.nl/dienstverlening/dienstverlening-advisering-awvn-arbeidsverhoudingen/ en https://www.awvn.nl/ongewenst-gedrag/ staat links op het scherm een interactief element "Leeswijzer". Dit interactief element heeft geen rol. Maak hier een button-element van. Zie ook succescriterium 2.1.1.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=personal_details zijn de labels in het formulier niet geassocieerd aan de bijbehorende invoervelden, waardoor de invoervelden geen naam hebben. Zie ook succescriterium 1.3.1.

Op pagina https://www.awvn.nl/persoonlijke-profielpagina/?account_section=newsletters staan schakelaars bij "Andere nieuwsbrieven" (en mogelijk ook bij "Uw nieuwsbrieven"). Deze schakelaars hebben geen naam. Dit komt doordat het gekoppeld label geen inhoud heeft. Let op: deze schakelaars zijn nu ook verborgen, zie ook succescriterium 2.1.1.

Op pagina https://www.awvn.nl/transitievergoeding-berekenen/#/ staan onder andere bij "Datum uit dienst" en "Heeft de medewerker de pensioengerechtigde leeftijd bereikt?" iconen waarop geklikt kan worden voor meer informatie. De rol van deze interactieve elementen is nu die van een afbeelding en dat is niet duidelijk. Zie pagina https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ voor een mogelijke oplossing.

Advies: Als wordt ingelogd op de website, kan het dialoogvenster "Privacy statement" verschijnen. Hierin staat ook het interactieve element "sluit". Dit element heeft geen rol die door software te bepalen is. Dit wordt echter niet afgekeurd, omdat er een alternatief is via de Escape-toets en omdat dit element niet met het toetsenbord te bedienen is. Wel kan dit beter aangepast worden, bijvoorbeeld door er een button-element van te maken. Zie ook succescriterium 2.1.1.

Uitkomst: Niet aanwezig