De a11y-quiz

door Jules Ernst

Maak het bruikbaar-festival,
12 november 2015

Wat is a11y?

• accessibility
• a11y (11 tekens weggelaten)

toegankelijkheid

Programma

• Kennismaking
• Digitale toegankelijkheid
• Standaarden (HTML5, WCAG 2, WAI-ARIA)
• Kennismaking
• Issues en meer
• Tips en tools

Kennismaking

Over Jules

zzp'er

Portfolio

Curriculum Vitae

1. Softwarehouse - programmeur/projectleider
2. Webbureaus - duizendpoot
3. Servicedesk Webrichtlijnen (ICTU)
4. Onafhankelijk webadviseur

De quiz

Deze quiz bevat vragen over toegankelijkheid; sommige vragen zijn daarom niet voor iedereen toegankelijk. De antwoorden op alle vragen volgen na de 10 vragen.
Gebruik de spatiebalk om naar elk volgende scherm te gaan.

De 10 vragen gaan over

• Interactie
• Toegankelijkheid
• Bruikbaarheid

Beperkingen

Zijn er mensen bij die problemen hebben met zien of gehoor?

Deze mensen zullen helaas naar het antwoord moeten raden,

Let's start!

Vraag 1: Kijk

Kleuren: Welk getal staat in de afbeelding
(waarde van 0 t/m 9)

Vraag 2: Luister

Screenreader: Wat zijn de openingstijden die in het geluidsfragment genoemd worden?

Vraag 3: Lees: Wat staat er in het gras?

Vraag 4: Contrast

Van welke knop is het contrast het laagst?

Vraag 5: Toetsenbordgebruik

Vraag 5: Toetsenbordgebruik

Vraag 5: Toetsenbordgebruik

Wat is de tabvolgorde hierboven?

1. A - B - C - D - E
2. E - B - C - D - A
3. D - C - B - A - E

Vraag 7: Weetje

Is een voorleesfunctie verplicht volgens de toegankelijkheidsrichtlijnen?

Vraag 8: Denk na

Bekijk de video. Hoe groot is de afbeelding van 136x96 pixels op deze pagina?

Vraag 9: Afkortingen

Lees de tekst zorgvuldig.

Vraag 9: Afkortingen

Er staan 8 afkortingen in het vorig fragment. Van 2 afkortingen wordt op de betreffende pagina de betekenis gegeven.

Waar staat Cer voor?

Vraag 10

Waarschuwing! De vraag staat op het volgende scherm.
Deze vraag bevat bewegend beeld dat mogelijk niet prettig is. Als je hier hinder van kan ondervinden kijk dan even niet naar het scherm.
Het scherm en de vraag staat circa 10 seconden in beeld.

Vraag 10: Lees

Vraag 10: Lees

Je mag weer kijken en het antwoord opschrijven (getal onder de 10).

De quiz, de antwoorden

Vraag 1: Kijk

Kleuren: Welk getal staat in de afbeelding
(waarde van 0 t/m 9)

Vraag 1: Kijk

Kleuren: Welk getal staat in de afbeelding
(waarde van 0 t/m 9)

Vraag 1: Kijk

Kleuren: Welk getal staat in de afbeelding
(waarde van 0 t/m 9)

Vraag 2: Luister

Screenreader: Wat zijn de openingstijden?

Vraag 2: Luister

Screenreader: Wat zijn de openingstijden?

Bel ons
036 - 3109500

ma-vr 08:00 - 21:00
za 10:00 - 16:00

Vraag 3: Lees (wat staat hier)

Vraag 3: Lees (wat staat hier)

Vraag 3: Lees (wat staat hier)

Vraag 4: Contrast

Van welke knop is het contrast het laagst? (WCAG AA)

Vraag 4: Contrast

Van welke knop is het contrast het laagst?

1. Contrastratio 3,0:1, deze is het laagst.
2. Contrastratio 5,0:1
3. Contrastratio 5,5:1

WCAG 2 niveau AA: contrastratio minimaal 4.5:1

Vraag 5: Toetsenbordgebruik

Wat is de tabvolgorde hierboven?

1. A - B - C - D - E
2. E - B - C - D - A
3. D - C - B - A - E

Vraag 5: Toetsenbordgebruik

Wat is de tabvolgorde hierboven?

1. A - B - C - D - E
2. E - B - C - D - A
3. D - C - B - A - E

Vraag 6: Gok

Hoeveel links staan er op deze pagina?

Vraag 6: Gok

Hoeveel links staan er op deze pagina?

368 hyperlinks

Vraag 7: Weetje

Is een voorleesfunctie verplicht volgens de toegankelijkheidsrichtlijnen?

Vraag 7: Weetje

Is een voorleesfunctie verplicht volgens de toegankelijkheidsrichtlijnen?

Antwoord: nee, maar...

Vraag 8: Denk na

Hoe groot is de afbeelding van 136x96 pixels op deze pagina?

Vraag 8: Denk na

Hoe groot is de afbeelding van 136x96 pixels op deze pagina?

Antwoord:3648x2736 pixels

Vraag 9: Afkortingen

Waar staat Cer voor?

• Cer: Compensatie eigen risico
• Wmo: Wet maatschappelijke ondersteuning
• Wtcg: Wet Tegemoetkoming Chronisch zieke
• Wajong: Wet werk en arbeidsondersteuning jonggehandicapten
• WAO: Wet Arbeidsongeschiktheid
• WIA: Wet werk en inkomen naar arbeidsvermogen
• UWV: Uitvoeringsinstituut werknemersverzekeringen
• CAK: Het Centraal Administratie Kantoor

Vraag 10: Lees

Vraag 10: Lees