Toegankelijke versie: https://toegankelijkheidscertificaat.nl/workinnl.nl/table/
Toegankelijkheidsonderzoek 
Toegankelijke versie: https://toegankelijkheidscertificaat.nl/workinnl.nl/table/
Via deze pagina kan je de bevindingen of de steekproef van het onderzoek kopiëren naar het geheugen van je computer. Daarna kan je de informatie plakken in een spreadsheet zoals Excel. Voor deze functionaliteit is JavaScript vereist. Mocht de knop niet werken probeer dan altijd een keer de pagina te verversen. Vaak doet de kopieerknop het dan weer wel.
| Naam website | Work in NL |
|---|---|
| Scope |
|
nr |
Bevinding |
WCAG SC |
Mogelijk verantwoordelijk |
Status |
1 | Op https://www.workinnl.nl/ staat een afbeelding die linkt naar een enquête. Deze groene afbeelding bevat veel tekst, en deze komt niet terug in de alternatieve tekst. Met hulpsoftware wordt deze tekst niet voorgelezen. Zorg ervoor dat deze tekst ook als echte tekst aanwezig is in de pagina. Dit is ook afkeurbaar onder SC 1.4.5, 2.4.4 en 4.1.2.
Dit probleem komt op meerdere pagina's voor, bijvoorbeeld:
- https://workinnl.nl/themas/zorg+ne/
- https://workinnl.nl/en/ | 1.1.1 | techniek, content, visuele vormgeving | |
2 | Op https://www.workinnl.nl/ staan onder "Thema's" meerdere afbeeldingen die linken naar andere pagina's. Het zijn iconen bij teksten in een soort "card". Omdat deze afbeeldingen links zijn, vormen ze de "toegankelijke naam" van de link. Het alt-attribuut van de afbeeldingen is leeg, waardoor deze links geen naam hebben. Mensen die het scherm niet (goed) kunnen zien hebben zo geen idee waar de link naartoe gaat. Een praktische oplossing is het samenvoegen van de afbeelding-link en de tekst-link, zodoende krijgt de nieuwe samengevoegde link een naam van de tekst (en kan de afbeelding een leeg alt-attribuut houden). | 1.1.1 | techniek, content, visuele vormgeving | |
3 | Op https://www.workinnl.nl/ staat een link "report vulnerability" met een icoon erachter waarmee aangegeven wordt dat de link een nieuw venster opent. De alternatieve tekst ontbreekt bij dit icoon. Zorg dat de betekenis van het icoon ook beschikbaar is voor hulpsoftware. | 1.1.1 | techniek, content, visuele vormgeving | |
4 | Op https://www.workinnl.nl/Beheer/Formulierenmodule/1813866.aspx en https://workinnl.nl/themas/zorg+ne/ staan verschillende iconen bij contactgegevens (zoals telefoon/whatsapp logo/envelop). Deze communiceren wat voor contactgegevens het zijn, maar hebben geen alternatieve tekst. Zorg dat de betekenis van het icoon ook beschikbaar is voor hulpsoftware. | 1.1.1 | techniek, content, visuele vormgeving | |
5 | Op pagina https://www.workinnl.nl/ wordt een video getoond. Deze video heeft naast een Nederlandse vertaalde ondertiteling in de video een automatisch gegenereerde ondertiteling in de speler. Op een aantal plekken staan onjuiste woorden, zoals op 0:!2 "working and now dottonl" in plaats van "workinnl.nl". Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling. | 1.2.2 | visuele vormgeving | |
6 | Advies: De video is in het Engels, maar aangezien in de video via "open captions" een Nederlandse ondertiteling is opgenomen, lijkt de video bedoeld voor een Nederlandstalig publiek. Het is te overwegen om ook een Nederlandstalige voice-over in de video op te nemen (voor zover dit mogelijk is naast de Engelstalige spreker). | 1.2.5 | visuele vormgeving | |
7 | Op pagina https://www.workinnl.nl/ staat in de footer overzichten van links onder "Service" en "Over deze website". Dit zijn opsommingen van links, maar deze zijn niet correct opgemaakt. Gebruik het ul- en li-element om opsommingen weer te geven. | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
8 | Op pagina https://www.workinnl.nl/contact/ zijn koppen opgemaakt met het strong- -element, bijvoorbeeld "Contact over deze website". Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden. Niet om als koppen te visualiseren, omdat de teksten dan niet dezelfde betekenis hebben als een kop. Maak gebruik van kopniveau 2 (h2) om koppen te markeren.
Dit komt op meerdere plekken voor, bijvoorbeeld:
- https://www.workinnl.nl/over+deze+website/ en
- https://www.workinnl.nl/Beheer/accessibility/) | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
9 | De PDF https://workinnl.mett.nl/documenten/HandlerDownloadFiles.ashx?idnv=1815420 "Een zorgverzekering in Nederland: wanneer moet ik die afsluiten?" is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Dit geldt ook voor de andere onderzochte PDF:
- https://www.workinnl.nl/documenten/HandlerDownloadFiles.ashx?idnv=2631265 | 1.3.1 | techniek, interactieontwerp, content, visuele vormgeving | |
10 | Op https://www.workinnl.nl/ staat een afbeelding die linkt naar een enquête. Op deze afbeelding is zwarte tekst aanwezig. Deze tekst heeft een contrastverhouding van 4,4:1 op de groen-blauwe achtergrond. Dit is minder dan de vereiste 4,5:1 voor normale tekst. | 1.4.3 | interactieontwerp | |
11 | Op https://www.workinnl.nl/ staan 2 linkjes onder het kopje "Vind je niet wat je zoekt?". Deze zijn lichtblauw op een lichte grijze achtergrond. De contrastverhouding van deze combinatie is 4,0:1. Dit is minder dan de vereiste 4,5:1 voor normale tekst. | 1.4.3 | interactieontwerp | |
12 | Op https://www.workinnl.nl/Beheer/Formulierenmodule/1813866.aspx staat een linkje "Gebruik de toegankelijke versie van hCaptcha". Deze is lichtblauw op een lichte grijze achtergrond. De contrastverhouding van deze combinatie is 4,1:1. Dit is minder dan de vereiste 4,5:1 voor normale tekst. | 1.4.3 | interactieontwerp | |
13 | Op de pagina's https://workinnl.nl/themas/zorg+ne/ en https://www.workinnl.nl/themas/werken+nl/ staan infographics. Deze gebruiken allebei witte tekst op een blauwe achtergrond. Doordat deze tekst heel klein kan zijn, is een contrastverhouding van 4,5:1 vereist.
Op https://www.workinnl.nl/themas/werken+nl/ geldt hetzelfde voor de combinaties wit met oranje, wit met paars, wit met grijsblauw en grijsblauw met licht grijsblauw. (Vrijwel alle witte teksten, behalve die op donkerblauw en roze)
Dit geldt ook voor de PDF's met dezelfde infographics:
- https://workinnl.mett.nl/documenten/HandlerDownloadFiles.ashx?idnv=1815420
- https://www.workinnl.nl/documenten/HandlerDownloadFiles.ashx?idnv=2631265 | 1.4.3 | interactieontwerp | |
14 | Op pagina https://www.workinnl.nl/ staat een afbeelding die linkt naar de enquête. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. Plaats deze tekst daarom als HTML-tekst op de pagina. Zie ook SC 1.1.1 | 1.4.5 | interactieontwerp, visuele vormgeving | |
15 | In de PDF https://workinnl.mett.nl/documenten/HandlerDownloadFiles.ashx?idnv=1815420 "Een zorgverzekering in Nederland: wanneer moet ik die afsluiten?" zijn stippellijnen tussen de vlakken opgenomen die aan de blokken content een bepaalde structuur geven. Omdat deze stippellijnen een betekenis hebben moet het contrast voldoende zijn. Zowel de oranje als de lichtblauwe stippellijnen hebben een te laag contrast ten opzichte van de groene en lichtblauwe achtergrond. Zorg dat het contrast een minimale verhouding heeft van 3:1 | 1.4.11 | interactieontwerp | |
16 | In de PDF https://workinnl.mett.nl/documenten/HandlerDownloadFiles.ashx?idnv=1815420 "Een zorgverzekering in Nederland: wanneer moet ik die afsluiten?" is in de eigenschappen van het document een titel aanwezig "Infographic Zorg v4". Maar in de eigenschappen staat ingesteld dat de Bestandsnaam wordt getoond. Zorg dat niet de bestandsnaam maar de Documenttitel wordt getoond. | 2.4.2 | content, visuele vormgeving | |
17 | De PDF https://www.workinnl.nl/documenten/HandlerDownloadFiles.ashx?idnv=2631265 "Als je ziek bent in Nederland" heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en zorg dat niet de bestandsnaam maar de titel van het document wordt getoond. | 2.4.2 | content, visuele vormgeving | |
18 | Op https://www.workinnl.nl/Beheer/accessibility/ staat een link genaamd "dit contactformulie". Door een mogelijke typefout is de letter R hier buiten de link gevallen. Zorg dat de R ook binnen de link staat. | 2.4.4 | techniek, interactieontwerp, content, visuele vormgeving | |
19 | Op https://workinnl.nl/themas/zorg+ne/ staat een link "info@zorgverzekeringslijn.nl". In de code is de link echter in 2 delen gesplitst, waarbij het eerste deel ("info@z") verwijst naar een ander mailadres, namelijk info@fairwork.nu. Maak hier één goede link van. | 2.4.4 | techniek, interactieontwerp, content, visuele vormgeving | |
20 | Op https://www.workinnl.nl/contact/ staat Nederlandstalige content, de pagina geeft echter aan dat de content Engelstalig is (lang="en"). Dit komt op meer pagina's voor. Gebruik de juiste taalcode bij de pagina's. | 3.1.1 | content, visuele vormgeving | |
21 | In de eigenschappen van PDF https://workinnl.mett.nl/documenten/HandlerDownloadFiles.ashx?idnv=1815420 "Een zorgverzekering in Nederland: wanneer moet ik die afsluiten?" is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.
Dit geldt ook voor de PDF:
- https://www.workinnl.nl/documenten/HandlerDownloadFiles.ashx?idnv=2631265 | 3.1.1 | content, visuele vormgeving | |
22 | Op pagina https://www.workinnl.nl/ staat een taalkeuze-menu. Hierbij wordt gebruikgemaakt van vlaggen van landen (Tip! sommige talen kunnen in meerdere landen voorkomen, daarmee is een vlag te beperkt om de taal aan te duiden). Deze vlaggen hebben alle een Engelstalige alt-tekst, bijvoorbeeld "Switch to dutch version". Hier direct achter staat de naam van de taal. Markeer deze items met de correcte landcode zodat de naam door hulpsoftware goed wordt uitgesproken.
Dit komt op meerdere pagina's voor. | 3.1.2 | visuele vormgeving | |
23 | Op pagina https://www.workinnl.nl/ staan in de footer Engelstalige links. Sommige van deze zijn in het Nederlands al gangbaar zoals "Privacy". Maar andere termen zols "Terms of use", "Cookie settings" en "Report vulnerability" hebben deze een taal die mogelijk afwijkt van de taal die in de pagina wordt aangegeven. Markeer deze onderdelen met de juiste taalcode.
Dit komt op meerdere pagina's voor. | 3.1.2 | visuele vormgeving | |
24 | Op https://www.workinnl.nl/shortcuts/search_search.aspx?search=work staan zoekresultaten. Deze kunnen in een andere taal zijn, maar dit wordt niet aangegeven in de html-code. | 3.1.2 | visuele vormgeving | |
25 | Op https://www.workinnl.nl/Beheer/Formulierenmodule/1813866.aspx wordt een mix van talen gebruikt. De taal van de pagina staat ingesteld op Engels. Zorg dat onderdelen zoals de footer met een juiste taalcode (Nederlands: "nl") worden gemarkeerd. | 3.1.2 | visuele vormgeving | |
26 | Op https://www.workinnl.nl/ staan onder "Thema's" meerdere afbeeldingen die linken naar andere pagina's. Het zijn iconen bij teksten in een soort "card". Omdat deze afbeeldingen links zijn, vormen ze de "toegankelijke naam" van de link. Het alt-attribuut van de afbeeldingen is leeg, waardoor deze links geen naam hebben. Een praktische oplossing is het samenvoegen van de afbeelding-link en de tekst-link, zodoende krijgt de nieuwe samengevoegde link een naam van de tekst (en kan de afbeelding een leeg alt-attribuut houden). | 4.1.2 | techniek, content, visuele vormgeving |
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.
| https://www.workinnl.nl/ |
| https://www.workinnl.nl/contact/default.aspx |
| https://www.workinnl.nl/over+deze+website/default.aspx |
| https://www.workinnl.nl/shortcuts/search_search.aspx?search=work |
| https://workinnl.nl/en/default.aspx |
| https://www.workinnl.nl/Beheer/Formulierenmodule/1813866.aspx |
| https://www.workinnl.nl/en/relevant+organisations/default.aspx |
| https://www.workinnl.nl/informatiepunten/default.aspx |
| https://www.workinnl.nl/bestaat-niet |
| https://www.workinnl.nl/Beheer/accessibility/default.aspx |
| https://workinnl.nl/themas/zorg+ne/default.aspx |
| https://workinnl.mett.nl/documenten/HandlerDownloadFiles.ashx?idnv=1815420 |
| https://www.workinnl.nl/documenten/HandlerDownloadFiles.ashx?idnv=2631265 |
| https://www.workinnl.nl/themas/wonen+nl/default.aspx |
| https://www.workinnl.nl/themas/werken+nl/default.aspx |
Bij dit onderzoek is de volgende software gebruikt:
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.
Rapportinformatie: V2.0.1-WCAG2.1-R3.1-T0.13-nl