• A qui s’adresse cette formation?

    Les équipes en charge des développements (backend, front-end ou full stack, intégration) et toute personne amenée à créer des gabarits, contenus ou applications HTML/CSS/JS accessibles.

    Prérequis

    Maîtriser le développement front (HTML/CSS) et avoir des connaissances en JavaScript.

    Matériel

    Ordinateur équipé des logiciels demandés lors de l’inscription.

    Délais d'accès à la formation : 1 mois

    Objectifs généraux

    • Savoir définir l’accessibilité du web (définition, contexte législatif, technologies d’assistance)
    • Intégrer les bonnes pratiques de l’accessibilité du web de manière courante dans son activité
    • Maîtriser le développement de sites, d’applications web ou de contenus accessibles
    • Maîtriser les nouveaux langages (HTML5, ARIA) et les problématiques d’accessibilité qui y sont liées
    • Utiliser facilement le référentiel RGAA 4.1 et ses ressources
    • Utiliser les outils de tests (lecteur d’écran, inspecteur d’interface, afficheur d’arbre accessible, etc.)

    Durée et tarif

    • 2 jours (14h) (9h30 à 17h30)
    • Coût : 1 200 € HT – inter entreprises
    Sur devis pour toutes les autres modalités
    • Présentiel ou distanciel
    • 8 participants maximum

    Financement en France

    • Eligible au financement via OPCO (si la prise en charge couvre la totalité du coût de la formation).
    • Non éligible au financement via CPF.
    <

    Méthodes et moyens pédagogiques

    • Documentation et supports fournis à l’issue de la formation.
    • Grille d’évaluation des critères d’accessibilité La formation permet une mise en application des apprentissages grâce à de nombreux cas pratiques. Ces exercices s’effectueront sur un site conçu par Ipedis. Il s’agira pour les participants de proposer des pistes de corrections.

    Modalités d’évaluation

    • Avant : questionnaire de positionnement en ligne.
    • Pendant : les exercices menés au long de la session permettent au formateur d’évaluer l’acquisition des notions et compétences visées, et de reformuler ou réexpliquer aux participants dans les cas où il y aurait des incompréhensions. Pour les formations à distance, ces productions sont conservées à l’issue de la formation en tant que preuve de bonne réalisation de la formation.
    • Après : questionnaire de satisfaction en ligne.

    Modalités de la formation en présentiel

    • Visioconférence : 14 heures de visioconférence réparties en 4 sessions de 3 h 30. Dans la mesure du possible, les sessions ont lieu au cours de journées consécutives sur la même semaine. Aucun temps de travail supplémentaire n’est demandé aux participants en dehors des heures des sessions.
    • Moyens techniques : salle de visioconférence avec l’application Microsoft Teams. Les détails de connexion (URL, mot de passe) seront fournis aux participants au plus tard la veille de la première session de formation.

    Modalités de la formation en distanciel

    • Présentiel : Nos formations se tiennent également en présentiel dans nos locaux ou au sein de l’entreprise pour ses employés. Dans ce cadre, la formation se déroule sur deux journées, de 9h30 à 17h30
    • Moyens techniques : Connexion internet et rétroprojecteur
    • Modalité d’assistance pédagogique : durant toute la durée de la séance, les participants peuvent poser des questions au formateur à tout moment

    Programme de la formation

    Introduction à l’accessibilité numérique
    • Définitions du handicap et de l’accessibilité numérique
    • Chiffres clés
    • Handicap et Web
    • Enjeux et avantages de l’accessibilité numérique
    • Normes, standards internationaux, référentiels
    • Cadre réglementaire en France et dans le monde
    Focus sur les logiciels d’assistances
    • Principales aides techniques sur le web
    • Aides techniques sur les smartphones
    • Démonstration d’un logiciel de lecteur d’écran
    Explication des critères d’accessibilité
    • Présentation des critères issus des bonnes pratiques
    • Présentation des critères les moins appliqués
    • Exemples de solutions
    • Impacts sur les différents handicaps
    Structuration des contenus
    • Identifier les cadres
    • Standards de langage : validité du code, titre de page, indications de langue, etc.
    • Tableaux : titre, résumé, en-têtes
    • Structuration de l’information : titres, listes, abréviations, citations, structure du document HTML5
    • Images et présentation de l’information
    • Images : alternatives, description détaillée, légendes d’images, images textes
    • Couleurs : indications données par la couleur, gestion des contrastes
    • Multimédia : transcription, sous-titres, audiodescription, vidéo et audio (HTML5), accessibilité des contrôles
    • Présentation de l’information : utilisation de CSS, gestion du zoom, visibilité du focus, alternatives aux indications données par la forme ou la position, personnalisations et adaptations spécifiques
    • Navigation et consultation
    • Consultation : rafraîchissements de page, limites temporelles, contenus clignotants
    • Liens : liens explicites, liens images, liens composites (HTML5)
    • Navigation : menu de navigation, plan du site, moteur de recherche, liens de navigation, Landmarks (HTML5/ARIA)
    Prise en main du référentiel technique du RGAA
    • Retour sur le référentiel technique du RGAA : anatomie d’un critère et des tests associés, utilité du glossaire et des cas particuliers
    • Le traitement des dérogations et le principe de compensation selon le RGAA
    • Présentation de la base de référence Interactivité et contenus complexes
    • JavaScript : gestion des alternatives, accès au clavier
    • WAI-ARIA : rôles, états et propriétés (API), motifs de conception, techniques et règles d’implémentation, tests et validation
    • Formulaires : identification des champs, regroupement et structuration, aides à la saisie, nouveaux éléments de formulaire (HTML5), utilisation de WAI-ARIA
    • Atelier de mise en pratique (à adapter selon la demande)

    Accessibilité de nos formations

    Si besoin d’une adaptation de l’une de nos formations, prenez contact avec nos équipes pour que nous puissions définir ensemble l'aménagement de la session afin que vous puissiez vivre une expérience en formation inchangée.

Nous contacter

Nos autres formations