Développer des sites web accessibles RGAA / WCAG

Date de mise à jour des informations

09 avril 2024.

Durée

21 heures (3 jours).

Tarif et modalités d’accès

Cette formation est disponible :

  • En intra-entreprise : tarification établie sur devis, contactez-nous
  • En inter-entreprise : 1800 € HT par personne (3 inscrits minimum)

Format distanciel ou présentiel (présentiel recommandé).

Délais d’accès

Dès validation de la prise en charge par un OPCO (OPérateur de COmpétences), délai de 10 et 30 jours selon la disponibilité des formateurs.

Profils des stagiaires

  • Chef de projet technique
  • Architecte
  • Développeur
  • Intégrateur

Prérequis

Avoir suivi la formation Sensibilisation à l’accessibilité numérique ou avoir un niveau équivalent en accessibilité numérique.

Objectifs de la formation

À l’issue de la formation, le stagiaire doit être en capacité de :

  • Acquérir les connaissances techniques complémentaires (WAI-ARIA) pour assurer la qualité d’un développement accessible
  • Maîtriser les bonnes pratiques requises pour la mise en place de contenus accessibles simples ou plus spécifiques
  • Mettre en œuvre ces bonnes pratiques à travers différents exemples et exercices de codage

Contenu et mise en œuvre de la formation

Technologies du web accessible

  • HTML (SVG), CSS et JavaScript (DOM et arbre d’accessibilité)
  • WCAG (principes, critères et techniques)
  • WAI-ARIA et son écosystème (propriétés, états et rôles)
  • Outillage de base (extensions pour navigateurs et éditeurs de code)

Structure globale d’une page

  • Type de document et validation du code
  • Éléments obligatoires (titre de page, langue du document, sens de lecture)
  • Techniques spécifiques : cadres (iframe), rafraîchissement de page, limitation temporelle de la consultation

Zones de contenu

  • Contenus transverses (menu de navigation, plan de site, moteur de recherche)
  • Raccourcis et liens d’évitements (skip links)
  • Régions (landmarks) : haut de page, pied de page, recherche, contenu annexe, navigation (menu, fil d’Ariane, Pagination)

Présentation des contenus

  • Usages de CSS
  • Agencement (responsive, zoom)
  • Couleur (visibilité, contraste)
  • Position et forme des contenus
  • Mécanismes alternatifs possibles

Structures de contenu simples

  • Utilisation sémantique des éléments HTML (natifs et personnalisés)
  • Hiérarchie des titres
  • Listes
  • Citations
  • Liens (identification - contenu visible et nom accessible, et pertinence)
  • Images (décoratives, informatives, description détaillée et légendes)

Structures de contenu spécifiques

  • Tableaux (simples et complexes)
  • Formulaires (structures, groupement, gestion des erreurs)
  • Contenus multimédias : contenus audio et vidéo (transcription, sous-titres, audiodescription, contrôles) et animations

Interaction dans les contenus

  • Usages de JavaScript
  • Gestion des interactions au clavier et au toucher
  • Changement de contenu (gestion du focus et notification)
  • Changement de contexte
  • Alternatives à JavaScript

Composants

  • Anatomie d’un composant (identification, sémantique et interactions)
  • Modèles de conception (design patterns WAI-ARIA)
  • Composants spécifiques ou personnalisés

Organisation de la formation

Profil du formateur

Les sessions de sensibilisation à l’accessibilité numérique sont réalisées par l’un de nos experts accessibilité que vous pouvez découvrir dans notre page équipe.

Moyens pédagogiques et techniques

  • Exposé de mise en situation
  • Échanges avec les participants
  • Travaux pratiques
  • Mise à disposition du document support à la suite de la formation

Dispositif de suivi de l’exécution de l’évaluation des résultats de la formation

  • Certificat de réalisation
  • Questions orales ou écrites (QCM)
  • Mises en situation (ateliers)
  • Questionnaire d’évaluation en fin de session permettant d’évaluer l’atteinte des objectifs

Accessibilité aux personnes handicapées

Les personnes en situation de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités d’adapter la formation.

Satisfaction

Les participants ont attribué une note moyenne de satisfaction de 4,16 sur 5 sur cette formation en 2023 et 75 % indiquent avoir atteint leurs objectifs.

Pour vous inscrire ou en savoir plus sur la formation « Développer des sites web accessibles » :