Introduction à l'accessibilité du Web

Collège Édouard-Montpetit

30 novembre 2010

Présentation

Denis Boudreau

Avis
Déposé intégralement sous licence Creative Commons BY-ND.
Permalien
http://accessibiliteweb.com/presentations/2010/edouard-montpetit/

Avant de débuter....

Qu'est-ce que l'expérience utilisateur?

Valeur, utilité, utilisabilité, désirabilité, répérabilité, accessibilité, crédibilité.

Facettes de l’expérience utilisateur (Peter Morville)

Qu'est-ce que l'accessibilité du Web ?

Permet à chaque individu de se réaliser à sa pleine capacité ou à la hauteur de ses ambitions.

Démographie québécoise

Série d'icônes représentant divers types de handicaps

Limitations visuelles

Icône représentant les types de handicaps visuels

Limitations auditives

Icône représentant les types de handicaps auditifs

Limitations motrices

Icône représentant les types de handicaps moteurs

Limitations cognitives

Icône représentant les types de handicaps cognitifs

Les autres clientèles de l'accessibilité

Bien plus de gens que l'on pourrait penser...

Vieillissement de la population

Graphique présentant les taux d’incapacité selon les groupes d’âges et le sexe, Canada, en 2001 et 2006.

Les standards d'accessibilité

Web Content Accessibility Guidelines 2.0

  • 4 principes
  • 12 règles
  • 61 critères
    • perceptible
    • utilisable
    • compréhensible
    • robuste

wcag 2.0 : perceptible, utilisable, compréhensible, robuste.

Contenus perceptibles

  • Principe 1: Perceptible
    • 1.1 Équivalents textuels
    • 1.2 Médias temporels
    • 1.3 Adaptable
    • 1.4 Distingable

Perceptible : L'information et les composants de l'interface utilisateur doivent être présentés à l'utilisateur de façon à ce qu'il puisse les percevoir.

wcag 2.0 : perceptible (mis en emphase), utilisable, compréhensible, robuste.

Contenus utilisables

  • Principe 2: Utilisable
    • 2.1 Accessibilité au clavier
    • 2.2 Délai suffisant
    • 2.3 Crises
    • 2.4 Navigable

Utilisable : Les composants de l'interface utilisateur et de navigation doivent être utilisables.

wcag 2.0 : perceptible, utilisable (mis en emphase), compréhensible, robuste.

Contenus compréhensibles

  • Principe 3: Compréhensible
    • 3.1 Lisible
    • 3.2 Prévisible
    • 3.3 Aide à la saisie

Compréhensible : Les informations et l'utilisation de l'interface utilisateur doivent être compréhensibles.

wcag 2.0 : perceptible, utilisable, compréhensible (mis en emphase), robuste.

Contenus robustes

  • Principe 4: Robuste
    • 4.1 Compatible

Robuste : Optimiser la compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d'assistance.

wcag 2.0 : perceptible, utilisable, compréhensible, robuste (mis en emphase).

Du point de vue technique

A mené à la catégorisation suivante (selon WCAG 2.0)

  1. Contenu non-textuel (1.1)
  2. Média temporel (1.2)
  3. Perception de la structure (1.3)
  4. Formulaires (1.3)
  5. Tableaux de données (1.3)
  6. Ordre de lecture (1.3)
  7. Caractéristiques sensorielles (1.3)
  8. Utilisation de la couleur (1.4)
  9. Contrastes visuels et sonores (1.4)
  10. Présentation visuelle du texte (1.4)
  11. Accessibilité au clavier (2.1)
  12. Délai de consultation ou d'interaction (2.2)
  13. Prévention des crises (2.3)
  14. Accès au contenu principal (2.4)
  15. Soutien à la navigation (2.4)
  16. Ordre de tabulation correct (2.4)
  17. Clarification de la fonction des liens (2.4)
  18. Définition de la langue (3.1)
  19. Sens des mots rares et abréviations (3.1)
  20. Simplification de la langue (3.1)
  21. Changements de contexte (3.2)
  22. Proposition de navigation cohérente (3.2)
  23. Prévention des erreurs (3.3)
  24. Compatibilité avec les outils (4.1)

Les standards d'accessibilité SGQRI 008

  • Démarche gouvernementale
  • Influence du W3C
  • Trois documents normatifs
    • SGQRI 008-01
    • SGQRI 008-02
    • SGQRI 008-03

SGQRI 008-01 : sites Web

  • Près de 70 exigences
  • Spécifications techniques (générales et particulières)
  • Dispositions transitoires/finales

Champ d'application : Le HTML des sites Web (publics, intranets et extranets) des ministères et organismes du gouvernement du Québec.

SGQRI 008-02 : docs téléchargeables

  • Environ 40 exigences
  • Spécifications techniques (générales et particulières)
  • Dispositions transitoires/finales

Champ d'application : Documents PDF, Word, Excel, Powerpoint et autres formats applicables proposés sur les sites Web des ministères et organismes du gouvernement du Québec.

SGQRI 008-03 : objets multimédia

  • Environ 50 exigences
  • Spécifications techniques (générales et particulières)
  • Dispositions transitoires/finales

Champ d'application : Animations vectorielles, fichiers audio ou vidéo et autres objets multimédia proposés sur les sites Web des ministères et organismes du gouvernement du Québec.

Adoption et prise d'effet

Référence :

Accessibilité aux personnes handicapées - travaux de normalisation : http://www.msg.gouv.qc.ca/normalisation/standards/accessibilite/

Les problèmes les plus fréquents

Toujours selon la catégorisation inspirée de WCAG 2.0

  1. Contenu non-textuel (1.1)
  2. Média temporel (1.2)
  3. Perception de la structure (1.3)
  4. Formulaires (1.3)
  5. Tableaux de données (1.3)
  6. Ordre de lecture (1.3)
  7. Caractéristiques sensorielles (1.3)
  8. Utilisation de la couleur (1.4)
  9. Contrastes visuels et sonores (1.4)
  10. Présentation visuelle du texte (1.4)
  11. Accessibilité au clavier (2.1)
  12. Délai de consultation ou d'interaction (2.2)
  13. Prévention des crises (2.3)
  14. Accès au contenu principal (2.4)
  15. Soutien à la navigation (2.4)
  16. Ordre de tabulation correct (2.4)
  17. Clarification de la fonction des liens (2.4)
  18. Définition de la langue (3.1)
  19. Sens des mots rares et abréviations (3.1)
  20. Simplification de la langue (3.1)
  21. Changements de contexte (3.2)
  22. Proposition de navigation cohérente (3.2)
  23. Prévention des erreurs (3.3)
  24. Compatibilité avec les outils (4.1)

Les cibles prioritaires

Références

Règles pour l'accessibilité des contenus Web (WCAG) 2.0 :
http://www.w3.org/Translations/WCAG20-fr/

Les règles d'accessibilité 2.0 :
http://www.accessibiliteweb.org/bdc/directives/regles-wcag-2.0

Équivalents textuels

Affecte les personnes avec des limitations visuelles ou des limitations auditives.

Navigation au clavier

Affecte les personnes avec des limitations visuelles, motrices, et cognitives.

Structure des contenus

Affecte les personnes avec des limitations visuelles, motrices, et cognitives.

Recours aux couleurs

Affecte les personnes avec des limitations visuelles.

Utilisation des formulaires

Affecte les personnes avec des limitations visuelles, motrices et cognitives.

Une responsabilité à partager

Référence

Répartition par fonctions du Web :
http://accessibiliteweb.com/fr/accessibilite/repartitions/wcag-2-0.html

Accessibilité fonctionnelle

"What's in it for me?"

Perspectives et opportunités

Références

Merci de votre attention!

Denis Boudreau,
Président

Coopérative AccessibilitéWeb
1751 rue Richardson, bureau 6111
Montréal (Québec), Canada H3K 1G6
Téléphone : +1 877.315.5550

Courriel : info@accessibiliteweb.com
Web : www.accessibiliteweb.com
Blogue : www.accessiblogue.com
Twitter : @AccessibiliteWb / @dboudreau

Permalien
http://accessibiliteweb.com/presentations/2010/edouard-montpetit/