Développer des sites web accessibles

Les développeurs ont la responsabilité de la prise en charge technique de l’accessibilité.

Cette formation a pour but de les sensibiliser aux problématiques d’accessibilité. Elle fait une large place à la pratique pour coder des pages web selon les normes d’accessibilité et corriger des pages et composants non accessibles.

  • Durée : 3 jours (21 heures)
  • Type de formation : inter et intra
  • Prix : 1250 € par personne (en inter-entreprise)

Prochaine session : du 20 au 22 novembre 2017

Lieu : 102, rue des Poissonniers, 75018 Paris.
Le lieu de formation est susceptible d’être modifié. Nos formations se déroulent toujours dans Paris ou proche banlieue et sont accessibles en transport en commun. En cas de changement, les inscrits sont informés au minimum 15 jours avant la date de la formation.

Horaires : 9h - 17h30

Infos pratiques :

  • 5 à 8 participants maximum selon les formations
  • Pour toute demande concernant l’accessibilité de nos espaces, n’hésitez pas à nous contacter.

S'inscrire

Objectifs

  • Connaître les enjeux humains, juridiques et techniques de l’accessibilité numérique ;
  • Savoir intégrer les règles d’accessibilité dans ses habitudes de développement ;
  • Trouver des solutions pour créer des sites et applications web accessibles au plus grand nombre ;
  • Être capable de dialoguer avec des consultants en accessibilité en cas d’audit.

Pour qui ?

Quels profils ?

Toute personne ayant à créer des gabarits, contenus ou applications HTML/CSS/JS accessibles.

Pré-requis

  • Maîtrise de HTML et CSS ;
  • Connaissance de Javascript ;
  • Un ordinateur équipé des logiciels libres demandés lors de l’inscription.

Programme

Jour 1

Découvrir l’accessibilité

  • Comprendre les grands concepts de l’accessibilité numérique ;
  • Les impacts utilisateurs ;
  • Les normes juridiques et techniques ;
  • Zoom sur le RGAA 3 : un référentiel opérationnel de vérification de la conformité aux normes WCAG 2 ;
  • Les différents documents du RGAA 3 en détails (Introduction, guide d’accompagnement, référentiel technique, glossaire, notes techniques et base de référence) ;
  • La notion d’aménagement raisonnable ;
  • Le traitement des dérogations selon le RGAA 3 et le principe de compensation ;
  • La notion d’environnement maîtrisé et l’adaptation nécessaire de la base de référence.

Retrouvez le détail du programme sensibilisation sur la page consacrée à la formation dédiée.

HTML, Sémantique et structuration

  • Standards de langage : validité du code, titre de page, indications de langue… ;
  • Structure du document (HTML5) : éléments sectionnants, outline.

Navigation

  • Liens d’accès rapide ;
  • Liens : liens explicites, images-liens, liens composites, liens riches (HTML5) ;
  • Systèmes de navigation : menu de navigation, plan du site, moteur de recherche, liens de navigation ;
  • Landmarks (HTML5/ARIA).

Contenu (1/2)

  • Structuration de l’information : titres de contenu, listes, abréviations, citations ;
  • Cadres : identifier les cadres ;
  • Tableaux : titre, résumé, en-tête.

Jour 2

Contenu (2/2)

  • Images : alternative et description longue, utilisation de figure/figcaption (HTML5), traitement des images textes ;

Avertir et laisser le contrôle à l’utilisateur

  • Rafraîchissements, limites temporelles ;
  • Fichiers en téléchargement, nouvelles fenêtres ;
  • Clignotement, contenu en mouvement, effet de flash et son déclenché automatiquement.

Présentation - CSS

  • Utilisation de CSS, zoom texte ;
  • Visibilité des liens, visibilité du focus, textes cachés ;
  • Indications données par la couleur, la forme ou la position.

Dispositifs d’adaptation

  • Contrastes, interlignage et justification.

Formulaire

  • Identification des champs, regroupement et structuration, aides à la saisie, nouveaux éléments de formulaire (HTML5) ;
  • Utilisation de WAI-ARIA.

Exercice

  • AUDIT : Traiter un relevé de non-conformités, proposer des solutions.

Jour 3

Multimédia

  • Compatibilité avec les technologies d’assistance pour les média temporel et non temporel ;
  • Exercice : évaluer l’accessibilité d’un lecteur multimédia.

JavaScript et ARIA

  • Ordre de tabulation & piège au clavier ;
  • Changement de contexte, alerte non sollicitée ;
  • Compatibilité avec les technologies d’assistance ;
  • Présentation de l’API ARIA : Principe et méthodes d’implémentation, règles d’usage, démonstrations ;
  • Exercices : Corriger des implémentations ARIA, évaluer l’implémentation ARIA de composants fournis.