Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Werken bij de EU

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Werken bij de EU
Datum 24 juli 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 13

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Voor de link 'Connect op Magnet.me' op pagina https://www.werkenbijdeeu.nl/ staat een icoon dat aangeeft dat de link verwijst naar een externe pagina. Hier heeft het icoon geen alternatieve tekst en is de informatie die het icoon visueel overbrengt niet beschikbaar voor bezoekers die het scherm niet kunnen zien. Zorg ervoor dat dit icoon een alternatieve tekst krijgt. Dit kan bijvoorbeeld met een aria-label op het a-element van de link zoals bij andere links met dit icoon is gedaan, let dan wel op dat het aria-label de toegankelijke naam volledig vervangt.

Bevinding 2: Op pagina https://www.werkenbijdeeu.nl/toegankelijkheid staat in de header van de pagina het logo van de Rijksoverheid. Het logo heeft de alternatieve tekst 'Naar de homepage van werken bij de EU.nl'. Omdat het logo is opgemaakt als link omschrijft deze alternatieve tekst wel het linkdoel, maar niet het logo zelf. Zorg ervoor dat de alternatieve tekst het logo omschrijft, zoals op de homepage. Het linkdoel mag in de alternatieve tekst staan, maar dat is niet verplicht.
Dit komt ook voor op andere pagina's waar dit logo is opgemaakt als link.

Bevinding 3: Advies: Op pagina https://www.werkenbijdeeu.nl/ staat het logo 'Werken bij de EU'. Dit logo heeft de alternatieve tekst 'logo WerkenbijdeEU, liggend formaat' gekregen. De tekst 'liggend formaat' is overbodig in de alternatieve tekst. Hier wordt de alternatieve tekst niet op afgekeurd, maar het zou beter zijn om dit te verwijderen uit de alternatieve tekst. Omdat de afbeelding ook is opgemaakt als link, kan een linkdoel worden toegevoegd aan de alternatieve tekst. Dan kan de alternatieve tekst bijvoorbeeld 'Logo WerkenbijdeEU, gaan naar home' zijn.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://www.werkenbijdeeu.nl/contact staat de h4 kop 'Voor antwoorden op vragen verwijzen we je graag naar de informatie op deze website en de websites waar naartoe gelinkt wordt. Daar is heel veel informatie te vinden. Helaas hebben wij geen gelegenheid specifieke, persoonlijke vragen in behandeling te nemen.'. Deze tekst is geen kop voor onderstaande content, maar komt nu wel voor in koplijsten van hulpsoftware. Zorg ervoor dat deze tekst als gewone tekst wordt opgemaakt. Visueel mag de tekst wel dikgedrukt zijn (niet met het strong-element).

Bevinding 5: In de PDF die te downloaden is vanaf de link https://www.werkenbijdeeu.nl/binaries/werken-bij-de-eu/documenten/publicaties/2017/05/24/vacature-overzicht-24-mei-2017/Vacatureoverzicht+24+mei+2017.pdf staat een tabel. Deze tabel is in de codelaag niet correct opgemaakt. De koppen in de tabel zijn niet opgemaakt met TH-tags. Hierdoor kan hulpsoftware niet aangeven dat hier koppen staan. Ook staan er (gele) subkoppen, zoals 'EU Functie', in de tabel. Deze subkoppen moeten ook zijn opgemaakt met TH-tags. Hierbij moeten de subkoppen ook een bereik over meerdere kolommen krijgen en er een scope/bereik worden aangeven.

Bevinding 6: Advies: Op pagina
https://www.werkenbijdeeu.nl/training-en-advies/nuttige-websites-en-literatuur
zijn de namen van literaire werken en websites opgemaakt met het em-element. Omdat het hier om namen gaat is het goed dat hier nadruk op wordt gelegd, maar in dit geval is het beter om hiervoor het cite-element te gebruiken dan het em-element.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 7: In de PDF die te downloaden is vanaf de link https://www.werkenbijdeeu.nl/binaries/werken-bij-de-eu/documenten/publicaties/2017/05/24/vacature-overzicht-24-mei-2017/Vacatureoverzicht+24+mei+2017.pdf staan rode teksten (HEX #FF0000) op een witte achtergrond. Deze teksten hebben onvoldoende contrast. De contrastverhouding is hier 3,9:1, waar dat minimaal 4,5:1 moet zijn.
Ook de groene teksten (HEX #00B050) op de witte achtergrond heeft onvoldoende contrast. Hier is de contrastverhouding 2,8:1, waar het ook minimaal 4,5:1 moet zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 8: De PDF die te downloaden is vanaf de link https://www.werkenbijdeeu.nl/binaries/werken-bij-de-eu/documenten/publicaties/2017/05/24/vacature-overzicht-24-mei-2017/Vacatureoverzicht+24+mei+2017.pdf heeft geen documenttitel. Een documenttitel is een belangrijk navigatiemiddel voor verschillende bezoekers. Het geeft ook duidelijk aan wat het hoofdonderwerp van het document is. Zorg ervoor dat de PDF een documenttitel krijgt die de inhoud goed omschrijft. Ook moet de documenttitel getoond worden bij openen en niet de bestandsnaam, wat ook kan worden ingesteld bij de documenteigenschappen onder 'Weergave bij openen'.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 9: Advies: Op pagina https://www.werkenbijdeeu.nl/ staan blokken content die zijn opgemaakt als links, bijvoorbeeld de kop 'Tijdelijk contract' en de onderstaande tekst. Omdat zowel de kop als tekst zijn geplaatst binnen het a-element is de toegankelijke naam van deze link erg lang. Een lange linktekst is niet afkeurbaar, maar kan vervelend zijn voor gebruikers van hulpsoftware. Daarom is het bij blokken content altijd beter om alleen de kop op te maken als een link. Als alleen de kop is opgemaakt als link kan het klikgebied eventueel worden vergroot met Javascript.
Op dezelfde pagina zijn ook de blokken die verwijzen naar nieuwsberichten zo opgemaakt dat de linktekst lang is. De zoekresultaten op pagina https://www.werkenbijdeeu.nl/zoeken?trefwoord=stage&search-submit= hebben hetzelfde probleem.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 10: Op onder andere pagina https://www.werkenbijdeeu.nl/contact is onder de kop 'Deel deze pagina' een link naar 'X' te zien. De naam van deze link is 'Deel deze pagina op uw eigen account op Twitter'. Omdat hierin de actuele naam van dit medium ('X'), dat wel op het logo te zien is, niet voorkomt is de link lastig aan te spreken en te bedienen voor bezoekers die gebruik maken van spraakgestuurde navigatie. Los dit op door de naam van de link aan te passen, bijvoorbeeld naar 'Deel deze pagina op uw eigen account op X'.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 11: De PDF die te downloaden is vanaf de link https://www.werkenbijdeeu.nl/binaries/werken-bij-de-eu/documenten/publicaties/2017/05/24/vacature-overzicht-24-mei-2017/Vacatureoverzicht+24+mei+2017.pdf heeft de taalinstelling Engels terwijl de meeste content in het document Nederlands lijkt te zijn. Door de Engelse taalinstelling spreekt voorleessoftware de Nederlandse content niet correct uit. Er staat ook Engelse content in het document. Daarom is het aan te raden om de taalinstelling van het bestand op Nederlands te zetten en een Engelse taalwissel te plaatsen op de Engelse teksten.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Voldoende

Bevinding 12: Advies: Op pagina https://www.werkenbijdeeu.nl/training-en-advies/nuttige-websites-en-literatuur staan verschillende namen van literaire werken. Deze namen zijn in het Engels terwijl de taalaanduiding van de pagina Nederlands is. Namen zijn uitgezonderd van het hebben van een taalwissel, maar houd er rekening mee dat Engelse teksten op een Nederlandstalige pagina niet correct worden voorgelezen door screenreaders. Er kan toch voor worden gekozen om gebruik te maken van een taalwissel op de Engelse teksten, maar dit heeft alleen nut bij Engelse teksten vanaf drie of meer woorden.

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://www.werkenbijdeeu.nl/contact staat het invoerveld 'Telefoonnummer'. Wanneer bezoekers hier iets anders dan een telefoonnnummer invoeren, bijvoorbeeld tekst, verschijnt de foutmelding 'Veld 'Telefoonnummer' is niet correct, moet in volgende formaat zijn: Nummer.'. Deze foutmelding geeft aan welke fout de bezoeker heeft gemaakt, maar de suggestie hoe bezoekers de fout kunnen oplossen kan verwarrend werken. Geef een voorbeeld van het formaat dat bezoekers moeten gebruiken om het veld correct in te vullen, geef hierbij aan dat het om een voorbeeld gaat.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-01-15 12:45:59 v2.4-011