Développer des sites modernes et conformes au RGAA 3

Liste des formations
  • Durée : 3 jours (21 heures)
  • Type de formation : inter et intra
  • Prix : 1185 € par personne (en inter-entreprise)
  • Prochaine session : du 6 au 8 juin 2017

Contexte

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.

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.

Autres formations

Toutes les dates de formation

Les 5 prochaines sessions

  • du 7 au 8 mars 2017

    Contribuer sur le Web de manière accessible avec le RGAA 3

    Voir
  • du 23 au 24 mars 2017

    Gérer un projet web en respectant le RGAA 3

    Voir
  • du 19 au 21 avril 2017

    Référent·e accessibilité numérique

    Voir
  • du 15 au 19 mai 2017

    Auditer l’accessibilité avec le RGAA 3 - Niveau 1 : inspecteur

    Voir
  • du 6 au 8 juin 2017

    Développer des sites modernes et conformes au RGAA 3

    Voir