Retour au catalogue de formations

Développer des sites web accessibles

Accessibilité numérique

Durée

21 heures (soit 3 jours)

Tarif et modalités

  • 1 800,00 € en inter entreprise (3 inscrits minimum). Sur devis en intra entreprise.
  • Présentiel ou à distance

Prochaines sessions

N’hésitez pas à nous contacter pour en savoir plus sur les prochaines sessions.

Modalités et délais d’accès

  • Entretien d'analyse des besoins
  • Entre 10 et 30 jours selon la disponibilité des formateurs. En cas de prise en charge par un OPCO (OPérateur de COmpétences), le délai d’accès peut être allongé.

Profils des stagiaires

  • Chef de projet technique
  • Architecte logiciel
  • Développeur web

Prérequis

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

Objectifs de la formation

  • 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.

Programme

Technologies du web accessible

  • HTML (SVG), CSS et JavaScript (DOM et arbre d’accessibilité)
  • WAI-ARIA et son écosystème (propriétés, états et rôles)
  • Outillage de base (extensions pour navigateurs et éditeurs de code)
  • Atelier : choix et installation d'un outillage de base (extensions pour navigateurs et éditeurs de code) pour faciliter le travail de développement

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
  • Atelier : création d'une première page web pourvue des exigences de base

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)
  • Atelier : ajout des zones de contenu à la page web précédemment créée

Présentation des contenus

  • Usages de CSS
  • Agencement (responsive, zoom)
  • Couleur (visibilité, contraste)
  • Position et forme des contenus
  • Mécanismes alternatifs possibles
  • Atelier : ajout de styles aux éléments des pages créés, en conformité avec les principes d'accessibilité

Structures de contenu simples

  • Utilisation sémantique des éléments HTML (natifs et personnalisés)
  • Hiérarchie des titres
  • Liste
  • Citations
  • Liens (identification - contenu visible et nom accessible, et pertinence)
  • Images (décoratives, informatives, description détaillée et légendes)
  • Atelier : ajout de contenus aux zones précédemment créées

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
  • Atelier : création d'une page proposant un tableau et un formulaire et d'une autre intégrant un contenu vidéo

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
  • Atelier : mise en place d'une notification et d'une navigation simulée entre les trois pages précédemment créées

Composants

  • Anatomie d’un composant (identification, sémantique et interactions)
  • Modèles de conception (design patterns WAI-ARIA)
  • Composants spécifiques ou personnalisés
  • Atelier : intégration de différents exemples de composants (fenêtre modale, menu de navigation, potentiomètre)

Moyens pédagogiques

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

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 92 % sur cette formation et 99 % indiquent avoir atteint leurs objectifs.

Nos autres formations

Vous pourriez également être intéressés par nos autres formations sur la thématique "Accessibilité numérique" :

Contactez-nous