Objectifs 508

Une présentation sur les standards du web et l'accessibilité donnée à dotBase

Transcript

1. Objectif 508 standards web et accessibilité david roessli - cybermedia concepts - mercredi 12 avril 2006
2. introduction ‣ “standards web” et “accessibilité”: quelques définitions ‣ pourquoi devenir accessible? ‣ quels sont les enjeux? ‣ comment devenir accessible?
3. standards web
4. un standard stand•ard c㷦TUBOEⓒSEc standard signifie norme en anglais « un standard est quelque chose que l'on pourrait améliorer et qu'on n'améliore pas; c'est parce qu'on ne l'améliore pas que c'est un standard » -- Rodnay Zaks, Sybex
5. un standard stand•ard c㷦TUBOEⓒSEc ‣ n. une chose, telle qu’une activité ou un produit, qui est largement reconnu ou utilisé, essentiellement grâce à son excellence; ‣ n. [..] se fonde par principe sur une spécification, pas une implémentation ‣ adj. utilisé régulièrement, largement disponible ou fourni [..]
6. une vision Le Consortium World Wide Web (W3C) Le Consortium World Wide Web (W3C) est un consortium international dont la mission est: “De développer des technologies interopérables pour mener le web à son plein potentiel comme forum pour l'information”.. http://www.w3.org
7. html specs “HyperText Markup Language est un language de description de document [..] qui ne sert pas à décrire le rendu visuel des pages Web [..], mais plutôt le sens des différentes parties du texte: titre, liste, mise en évidence…” http://fr.wikipedia.org/wiki/Html
8. css specs “Le language CSS (Cascading Style Sheets ou feuilles de style en cascade) est utilisé pour décrire la présentation d'un document structuré écrit en HTML ou en XML.” http://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade
9. comment? séparer la forme du contenu balisage sémantique du contenu feuille de style css pour la forme observance
10. mais encore? séparer le comportement de la forme + contenu javascript non-intrusif technologies propriétaire avec parsimonie observance
11. observance des standards ‣ vous vous préoccupez de vos visiteurs ‣ maximise le nombre de visiteurs potentiels ‣ chargement plus rapide des pages ‣ pose les fondations de l’accessibilité ‣ améliore le ranking des moteurs de recherche ‣ maintenance du contenu balisé facilitée ‣ contenu futur-compatible et extensible ‣ la manière correcte de faire le travail
12. accessibilité
13. qu’est-ce que l’accessibilité? “Making allowances for characteristics a person cannot change or cannot change easily.” Joe Clark
14. qu’est-ce que l’accessibilité? “Prendre en compte les caractéristiques qu’une personne ne peut pas changer, ou difficilement.” Joe Clark
15. qu’est-ce que l’accessibilité? “Mettre le Web à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.” Tim Berners-Lee “Mettre le Web à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.” Tim Berners-Lee
16. l’accessibilité n’est pas ‣ une page “texte-seul” ‣ une version “accessible” séparée ‣ une page confectionnée spécialement pour répondre à un handicap particulier ‣ une page confectionnée spécialement pour un périphérique particulier
17. pourquoi être accessible? ‣ parce qu’on peut l’être ‣ parce qu’on doit l’être ‣ pour offrir le meilleur service au public ‣ parce que l’accessibilité est un composant des standards web
18. comment devenir accessible? ‣ utiliser un balisage validé du contenu ‣ utiliser une feuille de style en cascade validée pour la forme ‣ ne pas utiliser d’images pour représenter du texte, la navigation, etc. ‣ utiliser les technologies propriétaires avec parsimonie ‣ fournir une déclaration d’accessibilité
19. recommendations ‣ Web Content Accessibility Guidelines ou WCAG ‣ WCAG 1.0 offre 3 niveaux de conformité ➡ level A : minimum ➡ level AA : bon ➡ level AAA : best practice
20. WCAG 2.0: les principes ‣ Le contenu doit être perceptible ‣ Les éléments d'interaction doivent être utilisables ‣ Le contenu et les commandes doivent être compréhensibles ‣ Le contenu doit être assez robuste pour fonctionner avec les technologies actuelles et celles à venir http://www.w3.org/TR/WCAG20/
21. légalement Au Royaume Uni, le Disability Discrimination Act 1995 ne fait pas référence explicitement à l’accessibilité des sites internet, mais rend illégal toute discrimination à l’encontre de personnes souffrant de handicaps. Au Royaume Uni, le Disability Discrimination Act 1995 ne fait pas référence explicitement à l’accessibilité des sites internet, mais rend illégal toute discrimination à l’encontre de personnes souffrant de handicaps. Un document (*) publié en 2004 par le Disability Rights Commission du gouvernement accompagnant le DDA référence explicitement les sites internet comme un “service au public” qui doit être considéré comme couvert par l’Act. (*) Code of Practice: Rights of Access - Goods, Facilities, Services and Premises
22. en chiffres Plus de 11% de la population du Royaume Uni souffre d’un handicap relatif à l’usage du Web. Cela représente environ 808,000 personnes. Office for National Statistics (2001)
23. en chiffres 3.6% de la population du Royaume Uni - soit environ 255,000 personnes - souffrent d’un handicap dit “sensoriel”. Cela signifie “difficultés à voir” ou “difficultés à entendre.” Office for National Statistics (2001)
24. en chiffres Certaines personnes souffrant de handicaps moteur – soit 5.7% de la population, ou 404,000 personnes – seront concernées par l’accessibilité du Web. (Essentiellement de problèmes squeletto-musculaire des mains ou des bras). Office for National Statistics (2001)
25. en chiffres Et finalement, certaines personnes souffrant d’handicap d’apprentissage (environ 2.1%, ou 149,000 personnes) seront aidées par l’accessibilité du Web. Office for National Statistics (2001)
26. arg alt
28. home page press room corporate 8’990 39’780 18’979 5’315 9’865 6’126 potential savings * * file size in KBytes
29. overall average saving 50%
30. in terms of bandwidth 226,868,208 KBytes/year 216 GBytes/year 113,434,104 KBytes ~ 180 CDs
31. en pratique
32. today’s tools ‣ Installer le navigateur Firefox; ‣ avec le Web Developers Toolbar; ‣ avec le HTML Validator; ‣ et Fangs, émulateur de lecteur d’écran
33. checkpoints ‣ valider le balisage et les styles ‣ éviter l’utilisation de frames ‣ fournir des descriptions alternatives aux images ‣ rendre le javascript non- intrusif ‣ augmenter la taille du texte ‣ désactiver les feuilles de style en cascade ‣ émuler un lecteur d’écran ‣ évaluer l’accessibilité
34. checkpoints ‣ contraste et couleurs ‣ titres des documents ‣ url des pages ‣ texte des hyperliens ‣ formats non-HTML ‣ navigation au clavier ‣ table pour des données tabulaires ‣ formulaires ‣ utiliser un lecteur d’écran ‣ évaluer l’accessibilité
35. ne pas confondre accessible et compréhensible
36. accessibilité et ergonomie ne pas confondre
37. “One web for anyone, everywhere, on anything.” Roger Johansson http://www.456bereastreet.com
38. linx
39. services ‣ W3C markup validator http://validator.w3.org/ ‣ W3C css validator http://jigsaw.w3.org/css-validator/ ‣ TAW | web accessibility test http://www.tawdis.net/taw3/cms/en ‣ WebXACT | web accessibility test http://webxact.watchfire.com/ ‣ Cyntia Says | web accessibility test http://www.contentquality.com/ ‣ JAWS | version gratuite pour développeur http://www.freedomscientific.com/fs_downloads/jaws.asp
40. références ‣ Developing sites for users with Cognitive disabilities and learning difficulties http://juicystudio.com/article/cognitive-impairment.php ‣ Web Content Accessibility Guidelines 1.0 http://www.w3.org/TR/WCAG10/ ‣ Techniques for Web Content Accessibility Guidelines 1.0 http://www.w3.org/TR/WCAG10-TECHS/ ‣ Techniques for WCAG 2.0 http://www.w3.org/TR/WCAG20-HTML-TECHS/
41. weblogs ‣ Joe Clark // Joe Clark http://joeclark.org ‣ 456 Berea Street // Roger Johansson http://www.456bereastreet.com ‣ Dive into Mark // Mark Pilgrim http://diveintomark.org ‣ Box of Chocolates // Derek Featherstone http://boxofchocolates.ca
42. dem•o firefox | default styles | lynx | fangs
43. www.cybmed.com