Ergonomie et accessibilité de vos contenus Web
Société québécoise des professionnels en relations publiques (SQPRP)
Montréal, 26 octobre 2011
Partagez!
2011. Déposé sous license Creative Commons BY-NC-SA.
- Attribution
- NonCommercial
- ShareAlike 2.5 Canada
Conférencier
Denis Boudreau
- 11 années d'expérience en accessibilité du Web
- Président, Coopérative AccessibilitéWeb
- Co-rédacteur, standards SGQRI 008
- Expert invité, W3C
- WCAG Working Group
- Education and Outreach Working Group
- WCAG Evaluation Methodology TaskForce
- HTML5 Accessibility TaskForce
Comprendre l'accessibilité du Web
Découvrir la démographie
Qu'est-ce que l'accessibilité du Web ?
Se réaliser selon sa pleine capacité ou ses ambitions
- Signifie que les personnes handicapées peuvent :
- Percevoir le Web
- Comprendre le Web
- Naviguer sur le Web
- Interagir avec le Web
Mais aussi contribuer de manière significative à
un Web de plus en plus interactif et social.
Les personnes handicapées au Québec
10,4 % de la population (800 000 personnes)
- Quatre grands champs de déficiences :
- Limitations visuelles
- Limitations auditives
- Limitations motrices
- Limitations cognitives
- Situations de handicaps
- Handicaps permanents ou temporaires
- Besoins variés selon personnes et situations
Les autres clientèles de l'accessibilité
Bien plus de gens que l'on pourrait penser...
- Personnes vieillissantes
- Personnes analphabètes
- Personnes allophones
- Utilisateurs de technologies désuètes
- Utilisateurs de technologies émergentes
- Utilisateurs de connexions à bas débit
- Utilisateurs peu ou pas expérimentés
- Etc.
Comprendre les standards d'accessibilité
Découvrir les bonnes pratiques
Les standards en vigueur à l'international
Consortium du World Wide Web (W3C)
- 4 principes
- 12 règles
- 61 critères
- perceptible
- utilisable
- compréhensible
- robuste
Les standards en vigueur au Québec
Une directive obligatoire du Conseil du trésor
- Trois standards - une intention
- SGQRI 008-01 : Sites Web
- SGQRI 008-02 : Documents téléchargeables
- SGQRI 008-03 : Objets multimédia
Champ d'application : L'ensemble des sites Web (publics, intranets et extranets) des ministères et organismes du gouvernement du Québec.
Principes directeurs en accessibilité
Favoriser la compréhension des contenus Web
- Une simplification du langage utilisé
- Des phrases et paragraphes courts
- Du contenu en listes plutôt qu'en paragraphes
- Des colonnes de texte moins larges
- Une taille de texte et un interlignage suffisants
- Une iconographie ou des illustrations intuitives
- Un minimum de mouvement dans les pages
- Des supports au texte avec images ou vidéos
- Etc.
Exigences générales
Les thématiques suivantes seront abordées
- Codage
- Feuille de style
- Compréhension
- Navigation
- Structure
- Présentation
- Images
- Formulaires
- Tableaux
Article 15f : Navigation dans un site Web
Description de l'exigence
Tout site Web doit, indépendamment de l'affichage horizontal, vertical ou autre : baliser le menu de navigation sous la forme d’une liste, indiquer la liste de menus codée de la façon appropriée, si un menu présente des niveaux inférieurs, offrir un maximum de deux niveaux inférieurs, présenter les niveaux inférieurs d’un menu dans des listes imbriquées, éviter l’utilisation d’un sous-menu en cascade de second niveau pour un menu déroulant non persistant.
Référence : 1.3.1 Information et relations (WCAG 2.0 - niveau A)
http://certif.accessibiliteweb.com/accueil/base-de-connaissances/les-regles/principe-1-perceptible/regle-1-3-adaptable/perception-structure
Article 17e : Présentation d'une page Web
Description de l'exigence
Toute page Web doit être présentée en comportant, à l’exception d’un texte décoratif, d’un logo ou d’un nom de marque, un rapport de contraste d'au moins de 4,5 pour 1 entre le texte, présenté ou non dans une image, et son arrière-plan, ou de 3 pour 1 dans le cas de texte agrandi ou la page Web doit offrir 2 feuilles de style de remplacement respectant ces niveaux de contraste, l’une en polarité normale et l’autre en polarité inversée, en plus de la feuille de style de base.
Référence : 1.4.3 Contrastes minimums (WCAG 2.0 - niveau AA)
http://certif.accessibiliteweb.com/accueil/base-de-connaissances/les-regles/principe-1-perceptible/regle-1-4-distinguable/contrastes-visuels-sonores
Clinique d'évaluation en direct
Mettre ce que nous avons vu en pratique...
Rappel des principes directeurs
Favoriser la compréhension des contenus Web
- Une simplification du langage utilisé
- Des phrases et paragraphes courts
- Du contenu en listes plutôt qu'en paragraphes
- Des colonnes de texte moins larges
- Une taille de texte et un interlignage suffisants
- Une iconographie ou des illustrations intuitives
- Un minimum de mouvement dans les pages
- Des supports au texte avec images ou vidéos
- D'autres suggestions ?
Conclusion
Questions ou commentaires?
