Formation WCAG : accessibilité web

Formation WCAG et Accessibilité Web

[Jour 1 – Matin]

Panorama des standards du Web et API d’accessibilité

• Introduction aux WCAG et aux normes internationales
• DOM, API d’accessibilité et arbre d’accessibilité
• Fonctionnement des technologies d’assistance
• Impact du code sur la lecture assistée
• Interaction navigateur et lecteur d’écran
• Atelier pratique : Inspection de l’arbre d’accessibilité.

[Jour 1 – Après-midi]

Fondamentaux WAI ARIA

• Rôles, états et propriétés ARIA
• Sémantique native et ARIA : bon usage
• Pièges courants et règles d’utilisation
• Compatibilités navigateur et lecteur
• Bonnes pratiques de sémantique enrichie
• Atelier pratique : Correction totale d’un composant avec ARIA.

Structure d’une page accessible

• Balises essentielles : titre, langue, en tête
• Zones de navigation et landmarks
• Liens d’évitement et navigation clavier
• Structuration logique des contenus
• Cas particuliers : iframe, contenu dynamique
• Atelier pratique : Structuration complète d’une page.

[Jour 2 – Matin]

Sémantique HTML et contenus simples

• Usage correct des titres, listes et citations
• Liens : nom accessible et pertinence
• Images : alt décoratif, informatif, description
• Tableaux : en têtes, légende, résumé
• Compatibilité avec lecteurs d’écran
• Atelier pratique : Rendre un contenu conforme WCAG.

[Jour 2 – Après-midi]

Formulaires accessibles

• Labels, aria-describedby, champs obligatoires
• Groupes de champs et sémantique adéquate
• Gestion des messages d’erreur
• Comportements attendus des lecteurs
• Cas particuliers : aides contextuelles
• Atelier pratique : Audit et correction d’un formulaire.

Présentation et styles : contrastes et responsive

• Règles de contraste selon WCAG 2.2
• Lisibilité : taille, espacement, visibilité
• Animations, clignotements et restrictions
• Responsive et reflow
• Gestion du focus visuel
• Atelier pratique : Correction CSS pour accessibilité.

[Jour 3 – Matin]

Composants d’interface et interactions

• Composants natifs et composants personnalisés
• Navigation clavier : tabulation et gestion du focus
• Techniques de roving tabindex
• Interactions clavier, souris et toucher
• Accessibilité mobile
• Atelier pratique : Accessibiliser un composant personnalisé.

[Jour 3 – Après-midi]

Multimédia et contenus interactifs

• Audio et vidéo : sous titres, transcription et audiodescription
• Players accessibles et fonctionnalités indispensables
• Contenus non temporels : alternatives nécessaires
• Notifications et changements de contexte
• ARIA live et contenus mis à jour
• Atelier pratique : Rendre un lecteur vidéo conforme.

Design Patterns WAI ARIA

• Principaux modèles WAI ARIA
• Disclosure, Tabs, Dialog, Menu, Grid
• Rôles, interactions clavier et états
• Bonnes pratiques pour composants avancés
• Validation et optimisation
• Atelier pratique : Implémentation complète d’un pattern.