Formation « Concevoir et développer des sites conformes au RGAA »

Formation de 21 heures, 1500€ HT par stagiaire

Objectifs de la formation

  • Comprendre les concepts d’accessibilité numérique, comprendre les enjeux et l’intérêt des normes d’accessibilité web
  • Connaître et savoir utiliser le Référentiel Général d’Amélioration de l’Accessibilité (RGAA)
  • Acquérir les connaissances nécessaires pour prendre en compte le RGAA dans la conception de sites et applications web publics
  • Acquérir les connaissances nécessaires pour intégrer le RGAA dans des activités de développements web

Prochaines sessions à distance et inscription

  • Formation de mai 2023 (6 sessions) : [complète]
    • Sessions 1 à 4 : du mardi 30 mai au vendredi 2 juin, de 9h30 à 13h00
    • Sessions 5 et 6 : du lundi 5 au mardi 6 juin, de 9h30 à 13h00
  • Formation de novembre 2023 (6 sessions) : [complète]
    • Sessions 1 à 4 : du lundi 27 au jeudi 30 novembre, de 9h00 à 12h30
    • Sessions 5 et 6 : du lundi 4 au mardi 5 décembre, de 9h00 à 12h30
  • Formation de mai 2024 (6 sessions)
    • Sessions 1 à 5 : du lundi 13 au vendredi 17 mai, de 9h00 à 12h30
    • Session 6 : mardi 21 mai, de 9h00 à 12h30
  • Formation de septembre 2024 (6 sessions)
    • Sessions 1 à 5 : du lundi 23 au vendredi 27 septembre, de 9h00 à 12h30
    • Session 6 : lundi 30 septembre, de 9h00 à 12h30

Cette formation est aussi disponible au format e-learning : l’accessibilité à toutes les étapes d’un projet.

Pour des sessions sur-mesure, pour toute demande d’inscription et/ou toute demande spécifique d’adaptation liée au handicap,
contactez-nous
: par email sur formation@atalan.fr.

Programme de la formation

  • Introduction à l’accessibilité et vision utilisateur
    • Démonstrations de technologies d’assistance sur ordinateurs (lecteurs d’écran, synthèses vocales, contrastes élevés, etc.)
    • Présentations des technologies d’assistance sur smartphones et tablettes (VoiceOver sur iOS, TalkBack sur Android)
  • Aperçu des différentes étapes de prise en compte
    • Présentation du Référentiel Général d’Amélioration de l’Accessibilité
    • Présentation des actions à mener à chaque étape de conception d’un projet web
  • Accessibilité de la conception graphique et ergonomique
    Aperçu des principaux critères d’accessibilité applicables aux storyboards et maquettes graphiques
  • Critères d’accessibilité HTML5 génériques
    • Éléments obligatoires et grammaire HTML5
    • Structuration et sémantique HTML5 : structures de titres h1 à h6, titre de la page, sémantique du code HTML5, balises structurantes HTML5 (header, nav, main, footer…)
  • Critères d’accessibilité pour les images et les liens
    • Images : insertion des images décoratives, informatives (gestion de l’alternative, gestion des balises figure et figcaption), insertion des pictogrammes (icons font, etc.), règles techniques de gestion des CAPTCHA, accessibilité de SVG et canvas
    • Liens et boutons : codage des liens et boutons, différence sémantique pour l’accessibilité
  • Critères d’accessibilité CSS
    • Grammaire CSS
    • Définition des couleurs de fond et gestion des pertes d’informations (mode de contraste élevé)
    • Gestion de l’agrandissement du texte, gestion des unités de police (em, rem, %, px…)
  • Critères d’accessibilité pour les listes
    Différences entre les listes ordonnées, non ordonnées et de descriptions
  • Critères d’accessibilité pour les tableaux de données
    Structurer les tableaux de données (caption, th, scope, etc.)
  • Critères d’accessibilité pour les formulaires
    • Intégration des champs de formulaires et étiquettes (balise label, attribut title, etc.)
    • Regroupements de champs et listes déroulantes (balises fieldset et legend)
    • Validation des formulaires à la volée, validation des formulaires côté client.
    • Gestion des messages d’erreur côté client
    • L’accessibilité des attributs et types de champs HTML5 pour les formulaires
  • Critères d’accessibilité pour la consultation
    • Gestion des rafraîchissements automatiques
    • Gestion des contenus en mouvement, défilants et/ou clignotants
    • Ouverture de pop-ups, pop-ins (lightbox, fenêtres modales)
  • Critères d’accessibilité des composants d’interfaces riches
    • Règles génériques (navigation/utilisation au clavier)
    • ARIA (présentation d’ARIA et démonstrations, rôles, régions dynamiques)
    • Accessibilité des éléments d’interfaces riches (en utilisant JavaScript) : accordéons, carrousels, datepickers, autocomplétions de formulaires, menus déroulants, éléments de formulaire enrichis en JavaScript (cases à cocher, listes déroulantes, etc), onglets, modales, etc.
  • Critères d’accessibilité pour le multimédia
    • Aperçu des principaux critères d’accessibilité applicables aux sons et vidéos
  • Présentation des outils d’évaluation
    • Intérêts et limites des outils d’évaluation
    • Présentation de plusieurs outils d’évaluation (pendant la formation, plusieurs outils et extensions seront présentés pour aider aux tests et développements d’interfaces accessibles)
  • Travaux pratiques
    • Identifier les principaux problèmes d’accessibilité sur une page

Cibles

Directeurs techniques, développeurs Front, intégrateurs, développeurs HTML/CSS et/ou JavaScript, etc.

Pré-requis

Connaissances avancées dans le développement Front (HTML/CSS), simples notions en JavaScript.

Méthodes pédagogiques

  • 50% de théorie
  • 50% de travaux pratiques

Support de la formation et liste de ressources complémentaires distribués au format numérique aux stagiaires.

Organisation

Le cours alterne les apports théoriques du formateur soutenus par des exemples et des séances de réflexions, et de travail en groupe.

Validation

À la fin de la session, un quiz d’évaluation des acquis est effectué et corrigé.

Sanction

Une attestation sera remise à chaque stagiaire qui aura suivi la totalité de la formation.

Haut de page