web

Accessibilite web

Pratiques de conception web garantissant l'acces a tous les utilisateurs, y compris les personnes handicapees.

Qu'est-ce que l'accessibilite web ?

L'accessibilite web (a11y, pour "accessibility" avec 11 lettres entre le a et le y) designe les pratiques de conception et de developpement qui garantissent que les sites et applications web sont utilisables par tous, y compris les personnes en situation de handicap. Cela concerne les handicaps visuels (cecite, malvoyance, daltonisme), auditifs (surdite), moteurs (difficulte a utiliser une souris), et cognitifs (dyslexie, troubles de l'attention).

Standards WCAG

Les WCAG (Web Content Accessibility Guidelines) du W3C definissent les standards internationaux d'accessibilite. Quatre principes (POUR) : Perceivable (le contenu doit etre perceptible par au moins un sens), Operable (l'interface doit etre utilisable au clavier et avec les technologies d'assistance), Understandable (le contenu et l'interface doivent etre comprehensibles), Robust (le contenu doit fonctionner avec les technologies actuelles et futures). Trois niveaux : A (minimum), AA (standard recommande, exige par la legislation), AAA (optimal).

Techniques essentielles

HTML semantique : utiliser les bonnes balises (nav, main, article, aside, button) plutot que des div pour tout. Les technologies d'assistance s'appuient sur la semantique. ARIA (Accessible Rich Internet Applications) : attributs supplementaires quand le HTML seul ne suffit pas (aria-label, aria-expanded, role). Contraste : ratio minimum 4.5:1 pour le texte normal, 3:1 pour le grand texte (AA). Navigation au clavier : tous les elements interactifs doivent etre accessibles au Tab, avec un focus visible. Texte alternatif : attribut alt descriptif sur toutes les images informatives, alt vide pour les images decoratives.

Tests d'accessibilite

Outils automatises : axe-core (integre dans les DevTools Chrome), Lighthouse (audit d'accessibilite), Pa11y (CI/CD), jest-axe (tests unitaires). Les outils automatises ne detectent qu'environ 30% des problemes. Tests manuels : naviguer au clavier seul (Tab, Enter, Escape), tester avec un lecteur d'ecran (NVDA sur Windows, VoiceOver sur Mac/iOS, TalkBack sur Android), verifier avec le zoom navigateur a 200%. Tests utilisateurs : rien ne remplace les tests avec des utilisateurs handicapes reels.

Legislation et obligations

En France, le RGAA (Referentiel General d'Amelioration de l'Accessibilite) impose aux sites publics et aux grandes entreprises un niveau AA. En Europe, le European Accessibility Act (2025) etend les obligations au secteur prive. Aux Etats-Unis, l'ADA et la section 508 imposent l'accessibilite. Les poursuites judiciaires pour non-accessibilite sont en augmentation. Au-dela de l'obligation legale, l'accessibilite ameliore l'experience pour tous : sous-titres utiles en environnement bruyant, grand texte apprecie des seniors, navigation clavier utilisee par les power users.

Besoin d'aide technique ?

Decrivez votre projet pour des conseils personnalises par nos experts.

Recevoir des conseils

Questions frequentes

L'accessibilite ralentit-elle le developpement ?
Non si elle est integree des le debut (shift-left). Ajouter l'accessibilite a posteriori est couteux. En revanche, utiliser du HTML semantique, des labels sur les formulaires et un contraste suffisant des la conception ajoute un effort minimal. Le surcout est estime a 5-10% du budget de developpement. Les benefices (SEO ameliore, meilleure UX, conformite legale) depassent largement ce cout.
Par ou commencer pour ameliorer l'accessibilite d'un site existant ?
Commencez par un audit automatise (Lighthouse, axe) pour identifier les problemes evidents. Priorites : 1) Navigation au clavier fonctionnelle, 2) Contraste suffisant, 3) Alt text sur les images, 4) Labels sur les formulaires, 5) Structure de headings correcte (H1-H6). Corrigez les problemes critiques (navigation impossible) avant les problemes mineurs (optimisations ARIA). Testez avec un lecteur d'ecran pour decouvrir les problemes que les outils ne detectent pas.

Pages liees

Chaque semaine, le meilleur de la tech francaise

Tendances, salaires, outils et opportunites — directement dans votre boite mail.

Gratuit. Desabonnement en un clic. Pas de spam.