Développeur : développer des sites web accessibles

Développeur ou intégrateur, vous êtes au cœur de la création d’un projet numérique, et l’accessibilité numérique doit faire partie de votre quotidien ; de la prise en compte de la réglementation aux aspects techniques de mise en accessibilité de composants (structure de code, composant interactifs, etc.) en passant par la compréhension des différentes situations de handicap.

Page mise à jour le 12/03/2025

Ils ont suivi cette formation

Objectifs et compétences clés visées

• Citer les différentes normes et les référentiels existant dans le domaine de l’accessibilité du Web
• Utiliser un lecteur d’écran sommairement et naviguer dans une page à l’aide de celui-ci
• Créer ou corriger des pages pour qu’elles puissent être conforme au RGAA
• Maîtriser la sémantique des balises HTML et son impact sur l’accessibilité numérique
• Anticiper le développement de contenus dynamiques accessibles avec JavaScript
• Identifier les besoins en terme de motifs de conception ARIA et les appliquer
• Identifier des non-conformités sur une page web et proposer des solutions de corrections

Programme de la formation

Chaque étape de la formation est complétée par un exercice pratique, corrigé par le formateur.

Introduction

Sensibilisation, définition, outils utilisés par les utilisateurs en situation de handicap, découverte d’ARIA

Éléments obligatoires

Titres, doctype, validité du code source, indication de langue, détournement de balises

Structuration

Structure du document (HTML5 & titres dans la page), listes, citations, abréviations

Navigation

Systèmes de navigation, plan du site, liens d’accès rapide, fils d’ariane, landmarks ARIA…

Couleurs

Information donnée par la couleur, contrastes

Images

Alternatives, descriptions détaillées, captcha ; images légendées

Multimédias

Multimédia temporel et non temporel, compatibilité avec les technologies d’assistance

Tableaux

Tableaux de mise en forme, structuration

Formulaire

Étiquette et regroupement de champs de formulaire, placeholders, Intitulés de boutons, indications de format obligatoire et de champs en erreur, données sensibles, nature des champs

Liens

Liens explicites, polices d’icônes, titres de liens

Présentation

CSS, agrandissement des caractères, visibilité des liens/prise de focus, information par la forme, la taille ou la position, reflow, espacement des textes, contrôle des contenus additionnels au clavier.

Navigation

Systèmes de navigation, plan du site, liens d’accès rapide, fil d’ariane, landmarks ARIA, ordre de tabulation

Consultation

Rafraîchissements, limites temporelles, clignotement, contenus en mouvement, effet de flash et son déclenché automatiquement, orientation de l’écran & gestes complexes, fichiers en téléchargement

Scripts & ARIA

Définition et exemples complémentaires, compatibilité avec les technologies d’assistance, scripts utilisables au clavier et à la souris, changement de contexte, messages de status

Taux de satisfaction

L’ensemble des répondants ont jugé cette formation satisfaisante ou  très satisfaisante, ce qui équivaut à un taux de satisfaction de 100% (données au 7 février 2024). 56% des personnes ayant suivi cette formation depuis 2022 ont répondu à notre questionnaire d’évaluation.