Description

L’accessibilité web (a11y) est un pilier fondamental de la conception numérique moderne, permettant à tous, y compris aux personnes en situation de handicap, de profiter pleinement des expériences en ligne.

Ce cours 'Accessibilité Web : Les Fondamentaux' vous offre une immersion complète dans les normes, outils, et techniques nécessaires pour concevoir des sites accessibles.

En abordant chaque aspect, des structures HTML aux outils d’audit, en passant par les médias, la navigation, et le cadre réglementaire, cette formation vous prépare à devenir un expert de l’accessibilité.

Que vous soyez développeur, designer ou chef de projet, vous apprendrez à rendre vos projets inclusifs, conformes et performants.

Publics visés

  • Développeurs front-end et full-stack cherchant à intégrer l’accessibilité dans leurs projets.
  • Designers UX/UI voulant maîtriser les principes d’accessibilité dès la conception.
  • Chefs de projet ou responsables qualité souhaitant comprendre les normes et garantir la conformité.
  • Étudiants ou professionnels souhaitant approfondir leurs compétences en accessibilité web.
  • Toute personne impliquée dans la création ou la gestion de contenus numériques.

Pré-requis

  • Connaissance de base en HTML, CSS, et JavaScript.
  • Compréhension élémentaire des sites web et des applications interactives.
  • Volonté d’adopter des pratiques inclusives dans le développement et le design.
  • Aucun prérequis technique avancé n’est nécessaire, cette formation est accessible à tous les niveaux.

Compétences

Maîtriser les normes WCAG, ATAG, UAAG, RGAA et AccessiWeb.

Appliquer les principes POUR : Perceptible, Opérable, Compréhensible, Robuste.

Structurer des contenus accessibles avec HTML sémantique et ARIA.

Rendre les médias (images, vidéos, audio) accessibles à tous.

Créer des formulaires accessibles avec des indications claires et des erreurs contextualisées.

Tester l’accessibilité avec des outils (Axe, Lighthouse, NVDA, etc.).

Gérer les contrastes et les couleurs pour une lisibilité optimale.

Optimiser la navigation par clavier, commande vocale, ou lecteur d’écran.

Connaître et respecter le cadre légal et les labels d’accessibilité.

Intégrer l’accessibilité dans toutes les étapes d’un projet web.

Contenu du cours

9 chapites • 30 vidéos • 4h 42m de cours
Introduction à l'Accessibilité Web
3 vidéos • 26m 30s

Comprendre les bases de l’accessibilité.

Qu'est-ce que l'accessibilité web ?
09:00

Les bases de l'accessibilité.

Types de handicaps et impact sur la navigation
08:40

Les défis rencontrés par les utilisateurs.

Avantages stratégiques de l'accessibilité
08:50

Pourquoi l'accessibilité est un atout.

Le Cadre Réglementaire et les Normes
3 vidéos • 30m

Connaître les lois et standards à respecter.

Introduction aux normes internationales
10:20

WCAG, ATAG, UAAG : les bases.

Le RGAA et AccessiWeb : spécificités françaises
09:40

Les exigences françaises.

Labels et certifications d'accessibilité
10:00

Obtenir un label ou une certification.

Les Principes POUR : Une Accessibilité Universelle
4 vidéos • 37m 20s

Maîtriser les quatre principes fondamentaux d’un site accessible.

Principe 1 : Perceptible
08:50

Rendre le contenu visible et compréhensible.

Principe 2 : Opérable
09:40

Garantir l’opérabilité des interfaces.

Principe 3 : Compréhensible
10:20

Assurer la compréhension de vos contenus.

Principe 4 : Robuste
08:30

Compatibilité avec les technologies d’assistance.

Structurer un Site Accessible avec HTML
3 vidéos • 28m 40s

Utiliser HTML sémantique pour améliorer l’accessibilité.

Les bases du HTML sémantique
08:40

Structurer vos contenus avec HTML.

Créer des formulaires accessibles
09:40

Rendre les formulaires utilisables pour tous.

Rendre les liens et boutons accessibles
10:20

Écrire des liens et boutons clairs.

Navigation et Liens Accessibles
4 vidéos • 36m 50s

Rendre la navigation et les liens clairs et utilisables pour tous.

Conception d’une navigation intuitive
09:10

Rendre la navigation claire et accessible.

Écrire des liens descriptifs
08:40

Rendre les liens explicites et compréhensibles.

Boutons accessibles
09:00

Créer des boutons accessibles pour les actions.

Rendre les menus déroulants accessibles
10:00

Créer des menus intuitifs pour les lecteurs d’écran.

Médias et Accessibilité
3 vidéos • 27m 50s

Rendre les images, vidéos, et audios accessibles à tous les utilisateurs.

Texte alternatif pour les images
08:30

Écrire des descriptions efficaces pour les images.

Sous-titres et audiodescription
10:20

Rendre les vidéos accessibles.

Accessibilité des contenus audio
09:00

Rendre les podcasts et audios accessibles.

Formulaires Accessibles
3 vidéos • 29m 30s

Rendre les formulaires clairs, compréhensibles et faciles à utiliser.

Structurer les champs avec `label`
09:10

Associer les labels aux champs.

Gérer les erreurs et les aides contextuelles
10:20

Rendre les erreurs compréhensibles.

Ajouter des champs dynamiques accessibles
10:00

Rendre les formulaires interactifs accessibles.

Introduction et Utilisation des Attributs ARIA
3 vidéos • 28m 20s

Étendre les capacités d'accessibilité HTML avec ARIA.

Introduction aux rôles ARIA
08:40

Comprendre les rôles ARIA.

Gérer les états avec ARIA
09:40

Rendre les états dynamiques accessibles.

Tester les erreurs avec ARIA
10:00

Identifier les mauvaises utilisations d’ARIA.

Tester et Auditer l'Accessibilité
4 vidéos • 37m 20s

Vérifier la conformité de vos projets avec des outils spécialisés.

Introduction aux outils d’audit
08:50

Découvrir les outils d’audit accessibles.

Tester avec des lecteurs d’écran
09:40

Simuler la navigation avec des lecteurs d’écran.

Vérifier les contrastes de couleurs
08:30

Tester les contrastes pour une bonne lisibilité.

Automatiser les audits
10:20

Intégrer les tests d’accessibilité dans vos workflows.

Enseignant

image
Nicolas Foenkinos

Formateur Intégration & Accessibilité

0 articles sur le blog
1 cours

Nicolas Foenkinos est un intégrateur et développeur front-end expérimenté, spécialisé dans l’accessibilité numérique et les technologies web modernes. Avec plus d’une décennie d’expérience, il a conçu et développé des interfaces utilisateur performantes et inclusives pour de grandes entreprises telles que Crédit Agricole Assurances et La Française des Jeux. Référent certifié en accessibilité, il allie maîtrise technique et sensibilisation aux bonnes pratiques pour garantir des expériences utilisateur de haute qualité.

Ensuite, vous pourriez vous former encore plus au front ?