Issues:
Quickscan digitale toegankelijkheid website Unc Inc

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Het logo links bovenaan de pagina (iedere pagina) heeft wel een linkdoel, maar in de alternatieve tekst van een logo moet altijd minimaal het woord 'logo', de naam van de organisatie en eventuele andere tekst in de afbeelding voorkomen.

Bevinding 2: De afbeeldingen onder 'Ontwerp voor positieve verandering' op de homepage hebben wel een alternatieve tekst, maar deze teksten beschrijven de afbeeldingen niet. Bijvoorbeeld 'Home1', 'Heppie Eppie' en 'Boek een afspraak voor een gratis migratieplan met vrijblijvende offerte'. Daarnaast hebben de afbeeldingen zowel een title-attribuut als een alt-attribuut. Het title-attribuut wordt niet door alle browsers en hulpsoftware ondersteund en mag daarom niet gebruikt worden voor alternatieve teksten. Deze afbeeldingen zijn in principe decoratief en mogen zo gemarkeerd worden door het alt-attribuut wel toe te voegen, maar leeg te laten.

Bevinding 3: Op pagina www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-… staat een video. Voor een video of animatie betekent dit dat er direct voor (bij voorkeur) of direct na een korte omschrijving staat van wat er in de video of animatie te zien is. Dit kan bijvoorbeeld door een titel (bijvoorbeeld in een koptekst) die direct boven de video staat, of een zin of paragraaf tekst direct boven de video. Als de uitleg verder weg staat van de video, dan mag dat alleen als in die uitleg een directe verwijzing staat naar de video.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Bevinding 4: Dit succescriterium is niet getoetst in deze quickscan.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Bevinding 5: De video op www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-… bevat geen ondertiteling voor doven of slechthorenden.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Bevinding 6: De video op www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-… bevat geen audiodescriptie of media alternatier voor belangrijke visuele informatie.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 7: De video op www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-… bevat geen audiodescriptie voor belangrijke visuele informatie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 8: De links 'Bekijk onze laatste projecten' en 'Zie wat ons bezighoudt' op de homepage zijn opgemaakt als kop, maar er staat geen content onder. Gebruik CSS of een vergelijkbare techniek om hetzelfde visuele effect te bereiken, zonder semantische HTML te gebruiken.

Bevinding 9: De formuliervelden op pagina accept.uncinc.nl/nl/contact hebben geen toegankelijke naam. Ze hebben wel een label, maar het id-attribuut mist. De relatie tussen het label en de invoerveld is niet in de code aangegeven.

Bevinding 10: De pdf op pagina www.uncinc.nl/sites/default/files/UncInc_Map_NL_20170914.pdf is niet gecodeerd en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 11: Op pagina www.uncinc.nl/nl/nieuws staat de datum van het nieuwsartikel bóven de kop van het artikel (dat geldt voor alle nieuwsartikelen). Hierdoor is de relatie tussen de datum en het artikel niet meer duidelijk voor screenreadergebruikers. Zorg ervoor dat alle metadata van een artikel in de code ónder de kop staat. Visueel mag de datum er wél boven staan. Dit komt op meerdere pagina's voor, waaronder op www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-….

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 12: Dit succescriterium is niet getoetst in deze quickscan.

1.3.4 Weergavestand (Niveau AA)

Informatie over succescriterium 1.3.4 Weergavestand

Bevinding 13: Dit succescriterium is niet getoetst in deze quickscan.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 14: De invoervelden op pagina accept.uncinc.nl/nl/contact bevatten geen autocomplete attributen. Invoervelden die informatie over de gebruiker vragen, zoals naam/achternaam, adres en geboortedatum, moeten een juist autocomplete attritbuut hebben. Lees meer over autocomplete attributen op deze site: www.w3.org/TR/html52/sec-forms.html.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 15: Dit succescriterium is niet getoetst in deze quickscan.

1.4.2 Geluidsbediening (Niveau A)

Informatie over succescriterium 1.4.2 Geluidsbediening

Bevinding 16: Dit succescriterium is niet getoetst in deze quickscan.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 17: De grijze tekst 'Welkom bij Unc Inc' op de homepage heeft een te laag contrast. De contrastratio is hier 2,3:1, waar dat minimaal 4,5:1 moet zijn. Meerdere grijze teksten op de website hebben een contrastfout, waaronder de teksten onder 'Ontwerp voor positieve verandering' en 'Geen users maar mensen. Geen klanten maar partners' en de tekst in de footer (iedere pagina). Dit probleem komt op alle pagina's voor.

Bevinding 18: Het contrast van de blauwe locatiemarker-iconen en de witte cijfers in de pdf op pagina www.uncinc.nl/sites/default/files/UncInc_Map_NL_20170914.pdf is te laag. De contrastratio is hier 2,3:1, waar dat minimaal 4,5:1 moet zijn.
De kaart in de pdf valt onder de uitzondering, maar de locatiemarkers op de pagina in de rechterkolom die de stappen aangeven moeten voldoen aan de minimale contrasteisen.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 19: Dit succescriterium is niet getoetst in deze quickscan.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 20: Dit succescriterium is niet getoetst in deze quickscan.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 21: Dit succescriterium is niet getoetst in deze quickscan.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 22: Wanneer de buttons 'Over ons' en 'Onze aanpak' op de homepage focus hebben, is dat niet duidelijk zichtbaar, omdat de focusrand bestaat uit een iets grotere dropshadow dan de dropshadow die buttons hebben wanneer ze géén focus hebben. De contrastratio is hier 1,2:1, waar dat minimaal 3:1 moet zijn. Dit probleem komt op meerdere pagina's voor.

Bevinding 23: Wanneer de button 'Verstuur' op pagina accept.uncinc.nl/nl/contact focus heeft is dat bijna niet zichtbaar, omdat de focusrand dezelfde kleur heeft als de button. De contrastratio tussen de button en de focusrand is hier 1:1, waar dat minimaal 3:1 moet zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 24: Dit succescriterium is niet getoetst in deze quickscan.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Bevinding 25: Dit succescriterium is niet getoetst in deze quickscan.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 26: Wanneer bezoekers de website voor het eerst bezoeken, verschijnt er een cookiemelding. De knoppen 'Ja' en 'Nee' zijn niet toetsenbordtoegankelijk.
Dit geldt ook voor de zogenaamde ‘hamburger’ knop die verschijnt als de website bekeken wordt op kleine schermen.

Bevinding 27: De kaart op pagina www.uncinc.nl/nl/contact is niet toegankelijk (wanneer bezoekers inzoomen is het adres niet meer leesbaar en de locatiemarker is niet met het toetsenbord te openen). Kaartapplicaties vallen onder een uitzondering, maar er wordt wel geadviseerd om de kaart toegankelijk te maken.

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Bevinding 28: Dit succescriterium is niet getoetst in deze quickscan.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 29: Dit succescriterium is niet getoetst in deze quickscan.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Bevinding 30: Dit succescriterium is niet getoetst in deze quickscan.

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Bevinding 31: Dit succescriterium is niet getoetst in deze quickscan.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 32: De website beschikt niet over een manier om het navigatiemenu over te slaan en direct naar de hoofdinhoud te gaan.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 33: De titel van de pdf www.uncinc.nl/sites/default/files/UncInc_Map_NL_20170914.pdf luidt ‘UncInc_Map.indd’. Deze titel beschrijft niet goed waar dit document over gaat. Daarnaast moet ook worden ingesteld dat de titel wordt getoond in de titelbalk en niet de bestandsnaam, zoals nu het geval is.

Bevinding 34:
Advies: Laat de paginatitels overeen komen met de namen van de pagina's in het navigatiemenu om verwarring bij bezoekers te voorkomen.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 35: Wanneer bezoekers met het toetsenbord over de homepage navigeren, komen zij na het navigatiemenu in de header van de pagina een aantal andere links tegen, zoals de link over het Tropenmuseum, Cartoon Movement, Espero en Vandebron, die op dat moment niet zichtbaar zijn op het scherm. Het lijkt erop dat er aria-hidden is gebruikt op de onzichtbare projecten, maar aangezien ze toch focusbare elementen bevatten krijgen ze alsnog focus. Dat is verwarrend voor bezoekers die wél kunnen zien, maar toch met het toetsenbord navigeren.

Bevinding 36:
Op pagina www.uncinc.nl/nl/nieuws kunnen bezoekers meer artikelen laden door op de button 'Laad meer' te klikken. De nieuwe nieuwsartikelen zouden daarna focus moeten krijgen, maar de focus gaat verder in de footer van de pagina (na de button 'Laad meer').

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 37: De links naar de projecten Rookvrije Generatie, K3 en Healthnet PTO (plus de onzichtbare projecten) hebben geen toegankelijke linktekst en missen daardoor een linkdoel voor bezoekers die gebruik maken van een screenreader. Dit geldt ook voor de links van de nieuwsartikelen op pagina www.uncinc.nl/nl/nieuws.

Bevinding 38:
In de footer van de pagina staan links naar social media platforms. De iconen hebben als linknaam alleen de naam van het platform, maar geen beschrijving van de pagina. Zorg ervoor dat het voor álle bezoekers duidelijk is waar een link naar verwijst.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Bevinding 39: Dit succescriterium is niet getoetst in deze quickscan.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 40: Dit succescriterium is niet getoetst in deze quickscan.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 41: Dit succescriterium is niet getoetst in deze quickscan.

2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Bevinding 42: Dit succescriterium is niet getoetst in deze quickscan.

2.5.2 Aanwijzerannulering (Niveau A)

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Bevinding 43: Dit succescriterium is niet getoetst in deze quickscan.

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 44: Het logo van de website is gemaakt van een knop (een div met role=’button’) die voorzien is van een aria-label ‘animation’. Daarbinnen zit een link met title-element met ‘home’. Een link binnen een knop is niet correct. Daarnaast vertelt de toegankelijke naam van dit bedieningselement niet wat zijn functie is. De zichtbare tekst komt niet in de toegankelijke naam waardoor deze link/knop is niet met stem te bedienen.

Bevinding 45: De links naar de projecten Rookvrije Generatie, K3 en Healthnet PTO (plus de onzichtbare projecten) hebben geen toegankelijke linktekst en zijn daardoor niet met de stem te bedienen. Dit geldt ook voor de links van de nieuwsartikelen op pagina www.uncinc.nl/nl/nieuws.

2.5.4 Bewegingsactivering (Niveau A)

Informatie over succescriterium 2.5.4 Bewegingsactivering

Bevinding 46: Dit succescriterium is niet getoetst in deze quickscan.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 47: De knoppen om de videospeler op pagina www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-… te bedienen zijn Engelstalig. Zorg dat alle bedienbare elementen een toegankelijke naam hebben in de hoofdtaal van de pagina.

Bevinding 48: In de footer van de pagina (iedere pagina) staat een link naar de Engelstalige versie van de pagina. Voor deze link 'Switch to English' moet een taalwissel worden aangegeven in de code.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Bevinding 49: Dit succescriterium is niet getoetst in deze quickscan.

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Bevinding 50: Dit succescriterium is niet getoetst in deze quickscan.

3.2.3 Consistente navigatie (Niveau AA)

Informatie over succescriterium 3.2.3 Consistente navigatie

Bevinding 51: Dit succescriterium is niet getoetst in deze quickscan.

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Bevinding 52: Dit succescriterium is niet getoetst in deze quickscan.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 53: Het formulier op pagina accept.uncinc.nl/nl/contact bevat geen foutidentificatie. Een toegankelijke foutmelding vermeldt wélke fout is gemaakt en waar die fout is gemaakt. In dit geval vermeldt de foutmelding niet welke fout de bezoeker heeft gemaakt, maar is een instructie ‘Dit is een vereist veld’.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 54: Dit succescriterium is niet getoetst in deze quickscan.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 55: Dit succescriterium is niet getoetst in deze quickscan.

3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Bevinding 56: Dit succescriterium is niet getoetst in deze quickscan.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 57: Dit succescriterium is niet getoetst in deze quickscan.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 58: Wanneer bezoekers de website voor het eerst bezoeken, verschijnt er een cookiemelding. De knoppen 'Ja' en 'Nee' hebben geen toegankelijke rol en naam. Deze op knoppen lijkende elementen zijn gemaakt van niet-interactieve div-elementen. Er ontbreekt de juiste rol (role=’button’) om aan de hulpsoftware te vertellen dat dit knoppen zijn en wat deze knoppen doen. Hulpsoftware leest de tekst op deze knoppen voor zonder aan te kondigen dat hierop geklikt kan worden en wat er als gevolg gaat gebeuren als men erop klikt. Doordat deze rol ontbreekt, voldoen deze knoppen niet aan een hele reeks van succescriteria, zie 2.1.1, 2.4.3, 2.4.7 en meer.
Op deze website komen meer zelfgemaakte bedieningselementen voor die niet voldoen aan de toegankelijkheidseisen. Zie bijvoorbeeld de zogenaamde ‘hamburger’ knop die verschijnt als de website bekeken wordt op kleine schermen.

Bevinding 59: Het logo van de website is gemaakt van een knop (een div met role=’button’) die voorzien is van een aria-label ‘animation’. Daarbinnen zit een link met title-element met ‘home’. Een link binnen een knop is niet correct. Daarnaast vertelt de toegankelijke naam van dit bedieningselement niet wat zijn functie is.

Bevinding 60: De links naar de projecten Rookvrije Generatie, K3 en Healthnet PTO (plus de onzichtbare projecten) hebben geen naam (zie ook 2.4.4).

Bevinding 61: De videospeler op pagina www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-… heeft als rol 'application'. Deze rol vertelt screenreaders dat alles binnen dat element zich gedraagt en luistert naar de commando's van een desktopapplicatie. Voorbeelden van webapplicaties die deze rol nodig hebben en gebruiken zijn Google Docs, online development software en e-mail applicaties. Deze rol past dus niet en mag niet gebruikt worden op een videospeler.

Bevinding 62: De videospeler op pagina www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-… bevat geen beschrijving binnen het title-attribuut.

Bevinding 63: De formuliervelden op pagina accept.uncinc.nl/nl/contact hebben geen toegankelijke naam. Ze hebben wel een label, maar het id-attribuut mist.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 64: Dit succescriterium is niet getoetst in deze quickscan.

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

• Home:
  https://accept.uncinc.nl/
• Contact:
  https://www.uncinc.nl/nl/contact
• pdf:
  https://www.uncinc.nl/sites/default/files/UncInc_Map_NL_20170914.pdf
• Formulieren:
  https://accept.uncinc.nl/nl/contact
• Video:
  https://www.uncinc.nl/nl/nieuws/kijk-hier-de-webinar-gamification-voor-gedragsverandering-terug
• Overzichtspagina:
  https://www.uncinc.nl/nl/nieuws

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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