Accessibilité numérique : WCAG et conception inclusive

Informatique de gestion · Bachelor 3

Principes WCAG, niveaux de conformité et cadre suisse de l'égalité des personnes handicapées.

Introduction

L'accessibilité numérique consiste à concevoir des sites et applications utilisables par le plus grand nombre, y compris les personnes en situation de handicap visuel, auditif, moteur ou cognitif. Les Web Content Accessibility Guidelines (WCAG), publiées par le W3C, en sont la référence internationale.

Elles reposent sur quatre principes : un contenu perceptible, un fonctionnement utilisable, une information compréhensible et un code robuste (acronyme POUR en français). Trois niveaux de conformité existent : A, AA et AAA ; le niveau AA est le plus souvent visé comme objectif réaliste.

En Suisse, la loi fédérale sur l'élimination des inégalités frappant les personnes handicapées (LHand) impose notamment aux collectivités publiques et aux prestataires de services publics des offres accessibles. Au-delà de l'obligation, l'accessibilité améliore aussi l'expérience de tous : sous-titres, contrastes marqués ou navigation au clavier servent aussi dans un train bruyant ou sous un fort soleil.

Objectifs d'apprentissage

Décrire les quatre principes des WCAG et les niveaux A, AA, AAA
Appliquer des critères concrets : contrastes, alternatives textuelles, navigation au clavier
Situer l'accessibilité numérique dans le cadre légal suisse (LHand)
Intégrer l'accessibilité dès la conception plutôt qu'après coup

Concepts clés

Quatre principes POUR: Perceptible, Utilisable, Compréhensible, Robuste : toute exigence WCAG se rattache à l'un d'eux.
Niveaux de conformité: A est le minimum, AA l'objectif courant, AAA le plus exigeant et rarement exigé pour un site entier.
Conception inclusive: Penser dès le départ aux situations de handicap, permanentes, temporaires ou liées au contexte.

Conclusion

L'accessibilité repose sur quatre principes (POUR) et des critères vérifiables, avec AA comme cible usuelle. Elle découle aussi d'un cadre légal suisse et bénéficie à tous les utilisateurs ; elle s'intègre dès la conception, bien moins coûteuse qu'une correction tardive.

Cartes

Que signifie « perceptible » dans les WCAG ?: L'information doit pouvoir être perçue par au moins un sens : texte alternatif pour les images, sous-titres pour l'audio.
Que signifie « utilisable » ?: Tous les éléments doivent être actionnables, notamment au clavier seul, avec un temps suffisant et sans piège de focus.
Que signifie « compréhensible » ?: Le texte est lisible, le comportement prévisible et les erreurs de saisie sont expliquées et corrigeables.
Que signifie « robuste » ?: Le code doit être interprétable par différentes technologies d'assistance, grâce à du HTML valide et sémantique.
Qu'est-ce qu'un texte alternatif ?: Description textuelle d'une image que lit un lecteur d'écran ; elle est vide pour une image purement décorative.
Quel contraste minimal vise le niveau AA pour un texte courant ?: Un rapport de contraste d'au moins 4,5 pour 1 entre texte et fond.
Pourquoi ne pas transmettre une information par la seule couleur ?: Les personnes daltoniennes ne la perçoivent pas ; il faut ajouter une icône, un libellé ou un motif.
Quel est le rôle de la LHand en matière numérique ?: Elle vise l'égalité d'accès aux prestations, notamment publiques ; l'accessibilité des services en ligne en découle.
Pourquoi l'accessibilité profite-t-elle à tous ?: Elle améliore l'usage en situation de handicap temporaire ou de contexte difficile (bruit, lumière, main occupée).

Glossaire

WCAG: Recommandations du W3C pour rendre les contenus web accessibles, organisées en principes, critères et niveaux.
Lecteur d'écran: Logiciel qui restitue vocalement ou en braille le contenu affiché.
Texte alternatif: Équivalent textuel d'un contenu non textuel.
Navigation au clavier: Capacité d'utiliser toutes les fonctions sans souris, avec un ordre de tabulation logique et un focus visible.
Contraste: Rapport de luminosité entre le texte et son arrière-plan.
ARIA: Attributs complétant le HTML pour décrire rôles et états aux technologies d'assistance, à n'utiliser que si le HTML natif ne suffit pas.