94,12%
Taux de recommandation moyen de cette formation.*
Développer des interfaces web accessibles
3 jours
Accessibilité
L’accessibilité numérique est un pilier du web.
Les développeurs·euses front-end et intégrateurs·trices ont un rôle primordial dans l’accessibilité Web car ils sont au coeur de la réalisation d’un site Web ou d’une application.
Programme mis à jour le 05/01/2026.
4,4/5
Note moyenne générale attribuée à l'issue de cette formation.*
* 72,34% des stagiaires ayant suivi cette formation en 2025 ont répondu à notre questionnaire d’évaluation (mise à jour le 05/01/2026).
Planifier une formation
Pour obtenir plus d'informations ou organiser une session, contactez-nous.
Nous contacter
Réponse sous 72h. Délai d'accès minimum pour une session intra : 2 semaines
Détail de la formation développer des interfaces web accessibles
Pour qui ?
Développeurs·euses Front-end – intégrateurs·trices.
Durée
3 jours (21 heures)
Modalités
- Intra-entreprise
- En présentiel (recommandé) ou à distance
Prix
- Sur devis
- 6 participants maximum
Prérequis
- Bonnes connaissances du HTML et du CSS.
- Notions en JavaScript.
Prérequis matériel
Un ordinateur équipé des logiciels demandés lors de l’inscription.
Langues de la formation
🇫🇷 Français | 🇬🇧 Anglais
Accessibilité de la formation
Nos formations sont aménageables sur demande pour les personnes sourdes et malentendantes.**
Nos formations sont aménageables sur demande pour les personnes en situation de handicap intellectuel, psychique ou cognitif.**
Cette formation n’est pas entièrement accessible aux personnes très malvoyantes ou aveugles.
Cette formation est accessible aux personnes ayant des troubles de la vision (basse vision, daltonisme, etc.).
**Les aménagements spécifiques peuvent entraîner des frais supplémentaires.
Aptitudes / Compétences visées
À l’issue de la formation le stagiaire sera capable de :
- Mesurer les enjeux et les impacts de l'accessibilité numérique pour les personnes en situation de handicap.
- Utiliser le RGAA pour mieux développer les interfaces Web.
- Utiliser le RGAA pour aider en phase de conception.
- Coder une interface accessible : Structurer le code, maîtriser le HTML pour avoir une bonne sémantique, coder des composants interactifs accessibles, comprendre le landmark ARIA, masquer du contenu de façon accessible...
- Tester et contrôler l'accessibilité des interfaces Web.
- Trouver des non-conformités sur une page web, les réparer ou proposer des solutions de correction.
Pédagogie de la formation
La formation alterne entre théorie, démonstrations avec de nombreux exemples, mises en situation et exercices.
- Théorie
- 60%
- Pratique
- 40%
Programme de la formation développer des interfaces web accessibles
1 – Qu’est-ce que l’accessibilité numérique ?
- Avant-propos
- Pourquoi concevoir un produit accessible ?
- Les différents types de handicap
- Définition de l’accessibilité numérique
- Comment tester l’accessibilité numérique ?
- La boîte à outils
- Conclusion : Les clefs de la réussite d’un projet numérique accessible
2 – Comment coder l’accessibilité numérique ?
2.1 – Structurer l’information
- Sémantique HTML
- Navigation (avec démonstration au travers d'un lecteur d'écran (Voice Over – Apple))
- Hiérarchie et apparence des titres
- Intitulés des liens et boutons explicites (comment éviter de « cliquer ici » ou « lire la suite » ?)
- Distinguer les liens de nature différente (nouvelle fenêtre, téléchargement, courriel…)
- Distinguer un lien du texte environnant
- Effet de survol et de focus
- Ordre de tabulation
2.2 – Présenter l’information
- Bien gérer les contenus animés
- Confort d'utilisation et consultation
- Contrastes de couleur
- Images
- Communication par la couleur
- Lisibilité typographique
- Formulaires
- Tableaux
2.3 – Les outils pour auditer l’accessibilité
Nous verrons ensemble quels outils installer pour auditer rapidement un site ou une page Web.
2.4 – Composants d’interface riche (modale, dropdown etc.)
Nous verrons comment bien créer et structurer un composant riche d’interface.
2.5 – Rendre un Design System accessible
Différences entre des composants inaccessibles et accessibles (modale, dropdown, card…)
2.6 – L’accessibilité Web orientée SPA (Single Page Application)
Nous verrons comment intégrer l’accessibilité Web dans les frameworks JavaScript Angular, React ou VueJS.
Toute demande entraînant une modification du programme de la formation, pourra entraîner des frais supplémentaires.
Compétences et profils des formateurs
Nos formateurs sont experts ou référents Accessibilité.
Modalités d'évaluation des acquis
- Avant la formation : Questionnaire de positionnement.
- Pendant la formation : Mises en situation, exercices et quiz. Les exercices sont corrigés et explicités par le formateur ou la formatrice. Les quiz permettent de synthétiser les notions abordées et d’évaluer les acquis.
- Fin de formation : Réalisation d’un exercice d’application.
Moyens techniques et matériel pédagogique
Un support de formation numérique (format PDF) est remis à chaque stagiaire.
En présentiel :
Salle de formation équipée d’une connexion internet wifi, d’un vidéo projecteur et d’un paper board ou d’un tableau blanc.
À distance :
La formation a lieu en ligne sur la plateforme Google Meet (service de visioconférence).
L’URL de connexion est communiquée par mail au plus tard la veille de la formation.
Le stagiaire doit pouvoir disposer du matériel suivant pour suivre la formation :
- un ordinateur équipé d’un système audio et caméra fonctionnel ;
- une bonne connexion Internet (supérieure à 300 Mb/s).
Ils ont suivi nos formations
Des organisations qui s'appuient sur notre expertise en accessibilité numérique :
Parmi nos clients : Indigo Neo, Vinci, VYV, Crédit agricole, URSSAF, Le Figaro, Orange
Planifier une formation
Pour obtenir plus d'informations ou organiser une session, contactez-nous.
Réponse sous 72h. Délai d'accès minimum pour une session intra : 2 semaines