Technologie · Seconde · Internet et le Web : Architecture et Navigation · 1er Trimestre

Accessibilité du Web pour tous

Les élèves découvrent les principes de l'accessibilité web et leur importance pour l'inclusion numérique.

• Programmes Officiels
• MEN: Lycee - Le Web
• MEN: Lycee - Impacts sociaux

À propos de ce thème

L'accessibilité du Web vise à rendre les contenus numériques utilisables par toutes les personnes, quelles que soient leurs capacités physiques, sensorielles ou cognitives. Ce sujet explore les normes WCAG (Web Content Accessibility Guidelines) et leur application concrète : textes alternatifs pour les images, contrastes de couleurs suffisants, navigation au clavier, et compatibilité avec les lecteurs d'écran.

En France, le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) impose aux services publics de respecter ces standards. L'accessibilité est à la fois un enjeu technique, social et éthique : environ 12 millions de Français vivent avec un handicap. Les élèves découvrent que concevoir pour l'accessibilité améliore l'expérience de tous les utilisateurs. Les ateliers où les élèves naviguent sur un site sans souris ou testent un lecteur d'écran provoquent une prise de conscience immédiate des barrières numériques invisibles.

Questions clés

1. Pourquoi l'accessibilité du Web est-elle considérée comme un enjeu à la fois technique, social et éthique ?
2. Comment les normes d'accessibilité permettent-elles de rendre le Web utilisable par tous, indépendamment des handicaps ?
3. Dans quelle mesure les développeurs sont-ils responsables de l'accessibilité des sites qu'ils créent ?

Objectifs d'apprentissage

• Expliquer les principes fondamentaux de l'accessibilité web et leur rôle dans l'inclusion numérique.
• Analyser comment les normes WCAG et RGAA contribuent à rendre le contenu web utilisable par des personnes ayant divers handicaps.
• Identifier les éléments clés d'un site web accessible, tels que les textes alternatifs et les contrastes de couleurs.
• Évaluer l'impact de l'accessibilité web sur l'expérience utilisateur globale, au-delà des personnes en situation de handicap.
• Critiquer des exemples de sites web existants en identifiant les barrières potentielles à l'accessibilité.

Avant de commencer

Architecture du Web et protocoles (HTTP, HTML)

Pourquoi : Comprendre les bases du fonctionnement du web et du langage HTML est nécessaire pour appréhender comment les éléments sont structurés et peuvent être rendus accessibles.

Navigation sur le Web

Pourquoi : Les élèves doivent savoir comment naviguer sur internet pour pouvoir ensuite identifier les difficultés rencontrées par certains utilisateurs et proposer des améliorations.

Vocabulaire clé

Accessibilité web	Conception et développement de sites web de manière à ce que les personnes en situation de handicap puissent les percevoir, les comprendre, naviguer et interagir avec eux.
WCAG (Web Content Accessibility Guidelines)	Un ensemble de recommandations internationales pour rendre le contenu web plus accessible, servant de référence pour les normes d'accessibilité.
RGAA (Référentiel Général d'Amélioration de l'Accessibilité)	Le référentiel français qui définit les critères techniques d'accessibilité pour les services numériques, notamment ceux des administrations publiques.
Texte alternatif (texte alt)	Une description textuelle d'une image ou d'un autre élément non textuel, lue par les technologies d'assistance comme les lecteurs d'écran.
Lecteur d'écran	Un logiciel qui interprète le contenu d'un écran d'ordinateur et le présente à l'utilisateur sous forme vocale ou braille.

Attention à ces idées reçues

Idée reçue courante

L'accessibilité ne concerne que les personnes aveugles.

Ce qu'il faut enseigner à la place

Elle concerne aussi les personnes avec un handicap moteur (navigation au clavier), auditif (sous-titres), cognitif (lisibilité) ou situationnel (écran en plein soleil, bras cassé). L'exercice de navigation au clavier seul montre que les barrières touchent un public beaucoup plus large.

Idée reçue courante

Rendre un site accessible demande beaucoup plus de travail et coûte cher.

Ce qu'il faut enseigner à la place

Les bonnes pratiques d'accessibilité s'intègrent naturellement au processus de développement : utiliser des balises sémantiques, ajouter des textes alternatifs et assurer des contrastes suffisants ne rallonge pas significativement le travail. L'audit automatisé avec des outils gratuits permet de repérer rapidement les problèmes.

Idées d'apprentissage actif

Hands-on Modeling : Naviguer sans souris

Les élèves doivent accomplir des tâches courantes (remplir un formulaire, consulter un article, naviguer dans un menu) en utilisant uniquement le clavier. Ils notent les obstacles rencontrés et les sites qui facilitent ou compliquent cette navigation.

30 min·Individuel

Cercle de recherche: Audit d'accessibilité

Les groupes utilisent un outil en ligne (WAVE, Lighthouse) pour analyser l'accessibilité d'un site de leur choix. Ils classent les erreurs trouvées par gravité et proposent des corrections HTML et CSS concrètes.

45 min·Petits groupes

Galerie marchande: Avant/après accessibilité

Chaque groupe modifie une page web pour corriger ses problèmes d'accessibilité (ajout d'alt, correction des contrastes, balisage sémantique). Les versions avant et après sont affichées côte à côte pour comparaison.

40 min·Petits groupes

Penser-Partager-Présenter: Le Web est-il vraiment pour tous ?

Les élèves réfléchissent aux types de handicaps concernés par l'accessibilité web (visuel, auditif, moteur, cognitif). Ils partagent leurs idées sur la responsabilité des développeurs et les limites du cadre réglementaire actuel.

20 min·Binômes

Liens avec le monde réel

• Les développeurs web travaillant pour des entreprises comme la SNCF doivent s'assurer que leurs plateformes de réservation en ligne sont conformes au RGAA, permettant ainsi à tous les voyageurs, y compris ceux malvoyants, de planifier leurs déplacements.
• Les concepteurs d'interfaces utilisateur pour des applications mobiles, comme celles proposées par la Banque Postale, intègrent des principes d'accessibilité pour garantir que les clients ayant des difficultés motrices ou visuelles puissent effectuer leurs opérations bancaires en toute autonomie.
• Les créateurs de contenu éducatif en ligne, tels que ceux de la plateforme FUN MOOC, appliquent les WCAG pour que les étudiants ayant des troubles de l'apprentissage ou des déficiences auditives puissent suivre les cours et accéder aux ressources pédagogiques.

Idées d'évaluation

Billet de sortie

Distribuez une fiche à chaque élève avec une capture d'écran d'un élément de site web (image, bouton, formulaire). Demandez-leur d'écrire une phrase expliquant comment rendre cet élément plus accessible et pourquoi c'est important.

Question de discussion

Proposez aux élèves de débattre de la question : 'Dans quelle mesure la responsabilité de l'accessibilité web incombe-t-elle uniquement aux développeurs ?' Encouragez-les à citer des exemples concrets de collaboration ou de partage de responsabilités.

Vérification rapide

Présentez une courte liste de caractéristiques de sites web (ex: 'contraste des couleurs faible', 'navigation uniquement à la souris', 'vidéos sans sous-titres'). Demandez aux élèves d'indiquer pour chaque caractéristique si elle favorise ou entrave l'accessibilité, et de justifier brièvement leur réponse.

Questions fréquentes

Quelles sont les principales normes d'accessibilité web ?

Les WCAG (Web Content Accessibility Guidelines) sont les normes internationales, déclinées en trois niveaux (A, AA, AAA). En France, le RGAA traduit ces exigences en critères vérifiables pour les services publics. Le niveau AA est le standard minimal attendu pour un site accessible.

Comment un texte alternatif aide-t-il les personnes malvoyantes ?

Le texte alternatif (attribut alt) décrit le contenu d'une image. Un lecteur d'écran lit cette description à la place de l'image. Sans texte alternatif, l'utilisateur ne sait même pas qu'une image est présente, perdant potentiellement une information essentielle de la page.

Dans quelle mesure les développeurs sont-ils responsables de l'accessibilité ?

En France, la loi impose aux sites du service public un niveau d'accessibilité conforme au RGAA. Au-delà du cadre légal, c'est une responsabilité professionnelle : un développeur qui ignore l'accessibilité exclut une partie de la population. Les formations intègrent de plus en plus ces compétences.

Pourquoi les exercices de mise en situation sont-ils essentiels pour comprendre l'accessibilité ?

Naviguer sans souris ou écouter un lecteur d'écran pendant quelques minutes suffit à prendre conscience des obstacles invisibles pour un utilisateur valide. Cette expérience crée une empathie durable et motive les élèves à intégrer l'accessibilité dès la conception, plutôt que de la traiter comme un ajout secondaire.