Du HTML sémantique au WAI-ARIA : une formation technique complète pour des interfaces vraiment accessibles.
Écrire du code HTML, ça s'apprend. Écrire du code HTML accessible, c'est une autre histoire. Quand les éléments, attributs et composants ne sont pas utilisés de la bonne façon, c'est l'expérience des personnes en situation de handicap qui en souffre, souvent à l'insu des équipes de développement.
Avec la multiplication des cadres de travail, des librairies et des composants interactifs, les risques d'erreur se multiplient. Et le WAI-ARIA, mal appliqué, peut aggraver les problèmes plutôt que les corriger.
Cette formation fait le tour complet des composants web (simples, de formulaire ou interactifs), en montrant comment chacun d’eux doit être codé pour respecter les normes WCAG 2.2 ainsi que les bonnes pratiques d'accessibilité, permettant le respect des réglementations telles que la LAPHO, le standard gouvernemental SGQRI 008 3.0 ou la norme CAN/ASC - EN 301 549:2024.
Est-ce pour vous ?
Intégrateurs web, développeurs web et concepteurs ayant des connaissances en HTML. Également recommandée pour les spécialistes en accessibilité qui accompagnent les équipes de développement.
Préalables
Des connaissances de base en HTML sont nécessaires pour tirer pleinement profit de cette formation.
Ce que vous saurez faire
- ✓ Coder chaque composant web en respectant les normes d'accessibilité
- ✓ Utiliser les attributs WAI-ARIA à bon escient, et éviter leurs pièges courants
- ✓ Évaluer l'impact de vos choix technologiques (frameworks, librairies) sur l'accessibilité
- ✓ Distinguer les bons éléments HTML à utiliser selon la nature et la fonction de chaque composant
Contenu de la formation
1 Fondements techniques de l'accessibilité
- Comprendre comment la fonction et la nature des éléments HTML influencent l'accessibilité
- Reconnaître le rôle du HTML sémantique dans l'interprétation du contenu par les technologies d'assistance
- Cerner les enjeux d'accessibilité liés au CSS (informations masquées au lecteur d’écran, propriétés impactant la nature annoncée de l’élément au lecteur d’écran, la définition de l’état visuel du focus)
- Évaluer l'influence des technologies, frameworks (cadriciels) et bibliothèques de composants sur l'accessibilité
2 WAI-ARIA : comprendre et bien l'appliquer
- Situer le rôle du WAI-ARIA dans l'accessibilité des interfaces Web
- Démystifier les attributs ARIA les plus couramment utilisés
- Savoir comment les technologies d'assistance interprètent les attributs ARIA
- Reconnaître les erreurs et pièges courants liés à son utilisation
3 Développement des composants de base
- Développer des images, liens, boutons, listes et tableaux accessibles
- Structurer adéquatement les titres, sections et mécanismes de navigation
- Développer des composants respectant les comportements attendus par les utilisateurs de technologies d’assistance et par la nature HTML des éléments
4 Développement des formulaires
- Développer des champs de saisie et champs multilignes accessibles
- Intégrer adéquatement les étiquettes, instructions et aides à la saisie
- Développer des listes déroulantes, boutons radio et cases à c-ocher conformes aux bonnes pratiques
- Gérer les groupes de champs et les relations entre les éléments de formulaire
- Intégrer des mécanismes de gestion des erreurs accessibles
- Assurer la compatibilité des formulaires avec les technologies d'assistance
5 Développement des composants interactifs
- Développer des fenêtres modales, tiroirs, onglets et carrousels accessibles
- Gérer adéquatement les changements de contexte et le focus clavier
- Développer des mécanismes de chargement, notifications et infobulles accessibles
- Comprendre les comportements attendus au clavier et avec le lecteur d'écran
- Prévenir les problèmes d'accessibilité fréquemment rencontrés dans les interfaces interactives
6 Médias et animations
- Connaître les critères d’accessibilité applicables aux vidéos, contenus audio et éléments en mouvement
- Identifier les exigences d’un lecteur multimédia accessible
- Mettre en place des sous-titres, transcriptions textuelles et alternatives appropriées
- Développer des mécanismes permettant de contrôler ou d'interrompre les animations
7 Applications Web modernes
- Comprendre les enjeux d'accessibilité propres aux applications monopages (SPA )
- Gérer les changements dynamiques de contenu de manière accessible
- Assurer le maintien du focus lors des mises à jour de l'interface
- Communiquer adéquatement les changements d'état aux technologies d'assistance]
📌 Informations pratiques
Nos formations sont offertes à Montréal ou Québec, en présentiel ou en classe virtuelle. Les dates et lieux sont précisés lors de votre choix de session ci-dessous. Si vous avez des questions, consultez notre FAQ.
