Formation Accessibilité Web RGAA

Vous souhaitez rendre vos sites et applications web accessibles à toutes et tous, et vous conformer aux exigences du RGAA ? Notre formation Accessibilité Web RGAA est conçue pour vous donner les outils, réflexes et bonnes pratiques indispensables, de la structuration sémantique d’une page à la correction de composants riches en JavaScript. Grâce à un maximum de cas pratiques, menés sur un exercice fil rouge tout au long de la session, vous repartirez capable de structurer, corriger et auditer des sites accessibles au quotidien et pas seulement le temps d’un projet.

Objectifs de la formation

• Structurer une page web conforme aux exigences RGAA
• Rendre accessible images, liens, listes, tableaux et couleurs/contrastes
• Concevoir des formulaires accessibles
• Corriger des composants riches avec WAI-ARIA
• Utiliser les outils de test pour auditer et débugger
• Intégrer les réflexes d’accessibilité dans son flux de développement quotidien

Programme de la formation

Module 1 : Introduction à l’Accessibilité Web

L’objectif de ce premier module est de situer précisément les enjeux humains et légaux de l’accessibilité numérique. Il permet aux apprenants de comprendre le cadre réglementaire en vigueur et d’apprendre à se repérer méthodiquement dans les référentiels WCAG et RGAA.

• Enjeux et cadre légal
• Panorama WCAG et Structure du référentiel RGAA

Module 2 : Structurer une page web avec une sémantique HTML conforme

Ce module est dédié à la conception d’un document HTML robuste. L’enjeu est de veiller à ce que la structure globale, les zones de landmarks et l’ensemble du balisage sémantique soient immédiatement et parfaitement exploitables par les technologies d’assistance.

• Principes du HTML
• Structure du document (landmarks)
• Contenu sémantique

Module 3 : Enrichir les composants interactifs grâce à WAI-ARIA (Accessible Rich Internet Applications)

Ce chapitre aborde l’utilisation des rôles, des propriétés et des états ARIA. Il permet de rendre pleinement compréhensibles l’ensemble des composants interactifs complexes que le langage HTML natif ne permet pas de décrire de manière autonome.

• Rôles
• Propriétés et états

Module 4 : Faciliter la navigation et rendre les liens explicites

L’objectif central de ce module est d’apprendre à mettre en place des systèmes de navigation cohérents sur toute l’interface. Il traite également de la rédaction de liens dont l’intitulé demeure parfaitement clair et compréhensible lorsqu’il est extrait de son contexte.

• Systèmes de navigation
• Zones de navigation
• Liens

Module 5 : Rendre les images accessibles aux technologies d’assistance

Ce module enseigne comment faire la distinction entre les images porteuses d’information et les images purement décoratives ou les icônes, afin de leur associer une alternative textuelle pertinente.

• Images de décoration
• Images porteuse d’information
• Texte alternative
• Icônes

Module 6 : Garantir la lisibilité de l’information et des couleurs

Ce chapitre vise à vérifier méthodiquement que toute information véhiculée reste perceptible indépendamment de la forme, de la typographie, de la couleur choisie ou de la présentation CSS appliquée. Il présente également les outils à utiliser.

• Information perceptible
• Typographie
• Couleurs
• Outils à utiliser

Module 7 : Concevoir des formulaires compréhensibles et utilisables

Ce module se concentre sur la structuration accessible des champs de formulaire. Il aborde la mise en place d’étiquettes explicites, l’organisation des regroupements, le paramétrage des boutons et la sécurisation de la saisie des données.

• Étiquettes
• Boutons
• Structure
• Saisie des données

Module 8 : Structurer des tableaux de présentation et de données

L’objectif est d’apprendre à différencier sans ambiguïté les tableaux de mise en forme et les tableaux de données. Les participants apprennent à baliser correctement l’ensemble des tableaux complexes.

• Tableaux de présentation
• Tableaux de données

Module 9 : Rendre les contenus multimédias accessibles

Ce module est consacré aux contenus audio et vidéo. Il enseigne comment fournir des alternatives adaptées pour tout média temporel, non temporel, synchronisé ou non synchronisé, via la transcription, le sous-titrage, l’audiodescription et un lecteur accessible.

• Média temporel ou non temporel
• Média synchronisé ou non synchronisé
• Transcription et sous-titrage
• Audiodescription
• Lecteur accessible
• Média de décoration

Module 10 : Garantir l’accès aux scripts et sécuriser la consultation

Ce dernier module garantit la mise en œuvre d’une navigation au clavier et à la souris pleinement fonctionnelle. Il enseigne comment prévoir une alternative à JavaScript et prévenir les pièges liés aux scripts, aux limites de temps et aux contenus en mouvement.

• Alternative à JavaScript
• Navigation au clavier et à la souris
• Consultation

Modalités de la formation

• Public : Développeurs, Intégrateurs, Web Designers.
• Prérequis : Bonne maîtrise HTML, Notions en CSS et en JavaScript.
• Durée : 3 jours / 21 heures.
• Lieux : Lyon, Aix-en-Provence, Reims ou chez vous (Intra-entreprise).

Découvrir nos autres formations