Accessibilité Web

S'assurer de la lisibilité : le contraste, les couleurs, la typographie et la mise en pages
Identifier la langue principale du contenu
Proposer des alternatives aux contenus non textuels, sans perte d’information, lorsqu'ils sont porteurs de sens
Structurer le contenu de façon logique
Clairement identifier les liens
Offrir la possibilité de naviguer facilement et rapidement dans le contenu
Utiliser les balises adéquates, notamment pour les champs de formulaires
Utiliser un niveau de langage approprié

Par où on commence?

Par un idéal…

... celle du droit à une éducation de qualité pour tous.

L’atteinte du plein potentiel de tous les élèves, en développant des services éducatifs de qualité, adaptés à la diversité des besoins.

Une société inclusive qui place les individus qui la composent au cœur de ses décisions, de ses préoccupations et de ses développements.

Par des valeurs...

... d'universalité, d'accessibilité et d'équité.

Par la volonté...

... de concevoir des contenus accessibles, un pas à la fois : concevoir des contenus accessibles peut sembler complexe. Il est impossible de maîtriser tous les aspects de l'accessibilité Web du jour au lendemain. Pour intégrer l'accessibilité Web aux projets de conception de cours, il est suggéré :

de mener le projet en mode agile, en se plaçant dans la posture d’apprenant;
de nommer un champion de l’accessibilité au sein de l’équipe. Ce champion n'a pas à tout connaître de l'accessibilité Web mais s'y intéresse et souhaite en apprendre davantage.
D'être capable de faire des compromis dans l’écosystème de l’accessibilité, selon les contraintes de temps et de budget.

Dans un contexte de formation à distance :

En plaçant l’expérience de l’apprenant au cœur de nos préoccupations en tant que concepteur de cours, on maximise son engagement.

Les mythes de l'accessibilité Web

À venir.

Les 4 piliers de l'accessibilité numérique

Principe 1 : Perceptible

Les informations doivent être présentées de façon à ce que l’utilisateur puisse les percevoir.

Proposer des équivalents textuels à tout contenu non textuel qui pourra alors être présenté sous d'autres formes selon les besoins de l'utilisateur : grands caractères, braille, synthèse vocale, symboles ou langage simplifié.

Proposer des versions de remplacement aux média temporels.
Créer un contenu qui puisse être présenté de différentes manières sans perte d'information ni de structure (par exemple avec une mise en page simplifiée).
Faciliter la perception visuelle et auditive du contenu par l'utilisateur, notamment en séparant le premier plan de l'arrière-plan.

Principe 2 : Utilisable

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

Rendre toutes les fonctionnalités accessibles au clavier.
Laisser à l'utilisateur suffisamment de temps pour lire et utiliser le contenu.
Ne pas concevoir de contenu susceptible de provoquer des crises.
Fournir à l'utilisateur des éléments d'orientation pour naviguer, trouver le contenu et se situer dans le site.

Principe 3 : Compréhensible

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

Rendre le contenu textuel lisible et compréhensible.
Faire en sorte que les pages apparaissent et fonctionnent de manière prévisible.
Aider l'utilisateur à éviter et à corriger les erreurs de saisie.

Principe 4 : Robuste

Le contenu doit être suffisamment robuste pour être interprété de manière fiable par une large variété de logiciels ou d’applications, y compris les aides technologiques.

Source : Web Content Accessbility Guidelines 2.0

L'accessiblité du numérique accessible... Dekecé?

Schéma illustrant le concept de l'accessibilité du numérique accessible, dont la description est ci-contre.

Quand c'est numérique, c'est forcément accessible...

C'est un mythe de croire qu'un contenu est numérique est obligatoirement accessible. Pour qu'un contenu soit accessible, il faut qu'il ait été conçu selon les 4 principes de l'accessibilité, issus du WCAG. Il est aussi important de pouvoir utiliser la ressource que de pouvoir y accéder : le contenu doit être "découvrable", c'est à dire qu'il est facile de le trouver (structure de l'information et de sa classification), qu'une connexion internet est fonctionnelle au besoin et que le terminal et le système d'exploitation soient compatibles. En résumé, il faut donc :

pouvoir utiliser la ressource (le numérique accessible);
pouvoir accéder à la ressource (l'accessibilité du numérique).

Dans l'écosystème de l'éducation, la conception universelle de l'apprentissage vient guider les concepteurs de contenus et les enseignants pour créer une expérience apprenant qui favorise la réussite éducative.

Le cadre légal

Le droit des élèves

Les normes et standards pour l'accessibilité du Web

Loi sur la gouvernance et la gestion des ressources informationnelles
SGQRI 008 2.0 : Standard du gouvernement du Québec sur les ressources informationnelles 008 version 2.0 (juillet 2018)
WCAG : Web Content Accessibility Guidelines
- Vernière version 2.1, mise à jour Juin 2018, en anglais seulement
- Version 2.0 sur laquelle repose le SGQRI 008 2.0, traduite en français
WAI Aria : Web Accessible Initiative - Accessible Rich Internet application

Les autres lois, selon le contexte

Et en dehors du Web?

PDF, Suite Office, outils Google, InDesign, etc. À venir.

Pour aller plus loin

À venir.

Ressources

Concevoir pour l'accessibilité

Série d'affiches conçues par le Home Office (UK) et traduites en français : Concevoir pour l’accessibilité web (do & don't).
Trucs et astuces de base pour concevoir un contenu Web accessible selon le Web Accessibility Initiative (WAI).
Outil gratuit en ligne pour tester l'accessibilité d'une page Web, selon les standards aux États-Unis

L'accessibilité dans Moodle

L’accessibilité dans Moodle et directives de codage.
Groupe de travail sur l’accessibilité et liste de diffusion Moodle.

Mise en pages et polices de caractères (typographie)

12 conseils pour des polices de texte améliorant l’utilisabilité de site Web (source : Testapic.com)
Guide ultime de la typographie pour le Web (source : Buzut.net)
Article proposant plusieurs outils gratuit en ligne pour tester les contrastes de couleur et la typographie (source Choblab.com).
Outil gratuit en ligne pour développer une palette de couleurs accessible pour un site Web.
Guide pratique pour vos documents imprimés de l’INLB (plus pour l'imprimé mais très intéressant pour les notions de contraste et de proportions).
Polices conçues pour l'accessibilité : « Open Dyslexic » et Accessible-DFA.

Qualité de la langue

Outil gratuit en ligne pour évaluer le niveau de lisibilité d’un texte (niveau de langage approprié)

Report abuse