webrichtlijnen back to ready for the future...webrichtlijnen back to ready for the future ......

46
Webrichtlijnen Back to Ready for the future Jaap van de Putte | 26 juni 2014 | Slagen met Webrichtlijnen

Upload: others

Post on 11-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Webrichtlijnen Back to Ready for the future

Jaap van de Putte | 26 juni 2014 | Slagen met Webrichtlijnen

Page 2: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 3: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 4: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 5: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 6: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Why making it accessible?

Page 7: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Speech is the future. !

!

En voor webcontent betekent dat:

!

We often need text as source.

Page 8: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

It is not about the tool. It is about the context of the

tool. !

Voor ons vertaald naar: !

It is not about the content. It is about the context of

the content.

Page 9: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 10: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 11: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 12: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 13: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 14: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 15: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 16: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 17: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 18: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Webrichtlijnen Ready for the future

Page 19: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Web Content Accessibility Guidelines (WCAG) 2.0

12 richtlijnen

4 principes !Waarneembaar | Bedienbaar

Begrijpelijk | Robuust

38 succescriteria"op niveau A en AA

Technieken (aantal variabel)

Page 20: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 1: Waarneembaar

Tekst

Indexeerbaar door zoekmachines

Page 21: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Toegankelijkheid en video• Technologie ontwikkeld snel:

• BBC: alle video toegankelijk

• YouTube: automatische ondertiteling

• Apple en Google:spraaksynthese

Page 22: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 1: Waarneembaar

Tekst

Indexeerbaar door zoekmachines

41

2

3

Page 23: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 1: Waarneembaar

Page 24: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 1: Waarneembaar

Kunt u dit lezen? Kunt u dit lezen? Kunt u dit lezen? Kunt u dit lezen? Kunt u dit lezen? Kunt u dit lezen?

Page 25: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

WaarneembaarUsability

AccessibilityFindability

Page 26: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 2: Bedienbaar

Page 27: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 2: Bedienbaar• Betekenis meegeven aan

content (semantiek)

!

• "In de kolom rechts vind je de brochures."

Page 28: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 3: Begrijpelijk

Page 29: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 3: Begrijpelijk

Page 30: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Begrijpelijke taal

Bron: Jakob Nielsen, Nielsen Norman Group

Page 31: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 3: Begrijpelijk

Page 32: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

BegrijpelijkUsability:

begrijpelijke taal helpt iedereen

Accessibility:1,5 miljoen

laaggeletterden

Findability:hoogfrequente

woorden worden beter gevonden

Page 33: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 4: Robuust

Page 34: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Principe 5: Universeel Extra principe van de Webrichtlijnen

Page 35: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Voordelen Webrichtlijnen• Betere kwaliteit van je site

• Makkelijk bij aanbesteden

Page 36: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Nadelen Webrichtlijnen• Tekst Webrichtlijnen is ontoegankelijk

• Webrichtlijnen zijn een dogma: "Ik moet voldoen."

• Benadering tot nu toe was alles of niets

Page 37: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Toegankelijkheid Webrichtlijnen

Page 38: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen): Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld: (Niveau A) !• Vooraf opgenomen louter-geluid: Er wordt een alternatief geleverd

voor op tijd gebaseerde media dat equivalente informatie geeft voor vooraf opgenomen louter-geluid content.

• Vooraf opgenomen louter-videobeeld: Er wordt een alternatief geleverd voor op tijd gebaseerde media of een geluidsspoor dat equivalente informatie geeft voor vooraf opgenomen louter-videobeeld content.

Page 39: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen): Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld: (Niveau A) !!

Geluidsopname video-opname zonder geluid

Page 40: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Louter-geluid en louter-videobeeld (vooraf opgenomen): Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld: (Niveau A)

Geluidsopnames en video-opnames zonder geluid (niveau A):

Origineel

Herschreven

Page 41: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

• Vooraf opgenomen louter-geluid: Er wordt een alternatief geleverd voor op tijd gebaseerde media dat equivalente informatie geeft voor vooraf opgenomen louter-geluid content.

• Vooraf opgenomen louter-videobeeld: Er wordt een alternatief geleverd voor op tijd gebaseerde media of een geluidsspoor dat equivalente informatie geeft voor vooraf opgenomen louter-videobeeld content.

1. Bied bij geluidsopnames een uitgeschreven tekst (transcript) aan, inclusief auditieve informatie. Denk hierbij aan MP3-bestanden en podcasts.

2. Bied bij video-opnames zonder geluid een tekstalternatief of een audiobeschrijving.Uitzondering: je mag video ook aanbieden zonder alternatief als de video zelf een alternatief is voor tekst.

Origineel

Herschreven

Page 42: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat
Page 43: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Nieuwe overheidsmonitor1. Meet echt de toegankelijkheid

2. Je krijgt ook punten als je niet 100 % scoort

3. Toetsing wordt geïntegreerd in je score, ook als de toetsing niet 100 % is

Page 44: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Belang van toetsing• Webbouwers

zeggen te voldoen, maar dat klopt (meestal) niet

• Vergelijk dit met bouwkundige keuring

Page 45: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Webrichtlijnen: je hebt ze nodig

Page 46: Webrichtlijnen Back to Ready for the future...Webrichtlijnen Back to Ready for the future ... begrijpelijke taal helpt iedereen Accessibility: ... voor op tijd gebaseerde media dat

Nog vragen?