WCAG 2.0 en Webrichtlijnen versie 2 door Iacobien Riezebosch 20 juni 2013, Nationaal Congres Digitale Toegankelijkheid
Digitale toegankelijkheid
• WCAG: Web Content Accessibility Guidelines • Internationale richtlijnen voor digitale toegankelijkheid. • Vastgesteld door het W3C: belangengroeperingen, overheden, bedrijven en experts • Opgenomen in nationale wetten en regels wereldwijd
WCAG
Alle content en functionaliteit toegankelijk voor mensen met een functiebeperking: § § § §
doof en slechthorend blind en slechtziend motorische beperking cognitieve beperking
WCAG
• Wetgeving EU in voorbereiding: Directive (Europese richtlijn) • Naar Europese norm over elektronische toegankelijkheid. Opgenomen worden: § WCAG 2.0, niveau AA § meetmethode (in ontwikkeling)
Digitale toegankelijkheid en Europa
Webrichtlijnen
• WCAG 2.0 is volledig opgenomen. • Toegankelijkheid: informatie bruikbaar voor iedereen, ongeacht: § § § § §
functiebeperking (WCAG 2.0) software hardware device omstandigheden
Webrichtlijnen
Informatie is: § § § §
toegankelijk uitwisselbaar duurzaam vindbaar en doorzoekbaar
Webrichtlijnen
§
Pas-toe-of-leg-uit
§
Toepassingskader
§
Onafhankelijke toetsing: Waarmerk drempelvrij.nl (Webrichtlijnen / WCAG)
Webrichtlijnen
Responsive Mobile Usability Zoekmachineoptimalisatie
Semantiek
Digitale toegankelijkheid
• WCAG 1.0 § §
1999: “Internet” HTML, JavaScript, (CSS)
• Webrichtlijnen 1
§ Eerste versie in 2004
Richtlijnen, versie 1
Amazon.com 1999
WhiteHouse.gov1999
Postbus 51, 1999
Rijksoverheid 2001
• • • • • • •
Nieuwe technologieën Veelheid aan devices Veelheid aan gebruikers Gebruikers nog steeds beperkte vaardigheden Mobiel, mobile only gebruikers Snel internet, langzaam internet Video, social media, kaarten, interactie
Nu: meer mogelijkheden
Party like it’s 1999?
• WCAG 1.0: richtlijnen voor het web van toen • WCAG 2.0: richtlijnen voor het web van nu EN STRAKS: • WCAG 2.0 en Webrichtlijnen 2 voor nieuwe sites en siteonderdelen • WCAG 2.0: ISO-norm, wordt EU-norm Opgenomen in wetgeving en regelgeving wereldwijd • Webrichtlijnen 2: Pas-toe-of-leg-uit, toepassingskader. WCAG 2.0 integraal opgenomen.
Nu
De nieuwe richtlijnen. Hoe het zit …
WCAG 2.0 Principe
R ichtlijn SC
Principe
Richtlijn SC
Algemene techniek y
Principe
Richtlijn SC
Afdoende technieken Algemene techniek x
Principe
HTMLtechniek x
Succescriterium
Aanbevolen technieken PDFtechniek x
SC
Gangbare fouten(!)
JavaScripttechniek x
NORMATIEF INFORMATIEF
Flashtechniek x
De lagen van WCAG 2.0
??
WCAG 2.0
Webrichtlijnen 2
Waarneembaar
Bedienbaar
Universeel
Begrijpelijk
Robuust
De principes in het kort
Waarneembaar
Bedienbaar
Begrijpelijk
Robuust
Universeel
+
+
minimaal
waar mogelijk
Nederlandse overheid Internationaal Europese wetgeving in ontwikkeling In wetten en regelgeving wereldwijd
Succescriteria verdeeld in niveaus
Geen standaardeis voor hele site, maar maak gebruik van AAA-punten. Bijvoorbeeld: • Duidelijke en duurzame URI’s • Leesniveau • Superduidelijke linktekst • Paragraafkoppen
Triple A
waar mogelijk
Niveau 1 WCAG 2.0, niveau A Niveau 2 WCAG 2.0, niveau AA Niveau 1 Webrichtlijnen 2, niveau A Niveau 3 Webrichtlijnen 2, niveau AA
Internationale richtlijnen
Nederlandse Overheidsstandaard
Logo’s Waarmerk drempelvrij.nl
VE
!!! D W U RNIE b van
het we eid r o o v amh jnen Richtli aks.. Werkza ereist! str niet v t p i nu en r c JavaS r e d kt voor n i o h z c s e Ook g DF en P s l a en gieën. o l format o n h c tige te elijkheden s m o k toe er mog e m : p Pas o
Van richtlijnen versie 1 naar 2
•
‘Verzameling webpagina’s’ en proces
•
‘Conforme alternatieve versie’
•
Beweging pauzeren
•
Formulieren
•
Foutpreventie en hulp
Uitgelicht
•
Online documenten
•
Zelfde eisen als aan (HTML-)pagina’s
•
Toegankelijk / toegankelijk alternatief
•
Huisstijl, contrast en PDF
Uitgelicht
Voorbeeld PDF (demo)
Niet benaderen als technisch probleem
Lastige succescriteria ?
Organisatorische benadering: Strategie, mandaat, processen, afspraken
Organisatie
Fabels en feiten
Toegankelijkheid kan net zo makkelijk in fase 2
HTML 5 en CSS3 mogen niet, want dan krijg je geen logo Je kan net zo goed toetsen met een checklist of tool. We gaan waar mogelijk voldoen … De bouwer zorgt dat het voldoet aan de webrichtlijnen
Het is niet mogelijk aan alle richtlijnen te voldoen. Een toetsing is zwart-wit. Met 1 fout voldoe je niet. Met pas-toe-of-leguit zeg je gewoon wat je niet toegankelijk maakt.
Als je niet voldoet aan de richtlijnen kan het ook toegankelijk zijn. Volgens de richtlijnen mag je niet …
Sommige informatie is minder belangrijk. Dat hoeft niet toegankelijk
Niet alle richtlijnen zijn even belangrijk.
Die webrichtlijn bijt met het SEO-advies.
Raadpleeg bron of onafhankelijk expert
Iacobien Riezebosch iacobien.nl @iacobien
[email protected] Artikelen op iacobien.nl/artikelen/
Vragen?
• Foto van vrouw met typemachine bij de Seine, 1947: Robert Doisneau from Parisiennes ISBN-13:978-2-0803-0037-9 • A key globe by Todor Petkov : http://www.flickr.com/photos/todpetkov/2680783476/ • Netherlands Grunge Flag door Nicolas Raymond: http://www.flickr.com/photos/80497449@N04/7378088150/ • Extra Large Red Heart door Bill Ward: http://www.flickr.com/photos/billward/3314459079/ • Eyes wide open door little phat: http://www.flickr.com/photos/phattys_pics/3625188205/ • Time machine door thethreesisters: • http://www.flickr.com/photos/tripletsisters/6795243547/ • Scattered puzzle pieces next to solved fragment door Horia Varlan: http://www.flickr.com/photos/horiavarlan/4273913228/ • © schema’s en iconen WCAG 2.0, Webrichtlijnen versie 2, Waarneembaar, Bedienbaar, Begrijpelijk, Robuust en Universeel: Iacobien Riezebosch, 2013
Copyright en foto’s
