En navigant sur ce site, vous acceptez l’utilisation de cookies ou autres traceurs vous permettant une utilisation optimale du site (partages sur les réseaux sociaux, statistiques de visite, etc.)
NEW

Fondamentaux du développement web accessible

Description


L’accessibilité devient une exigence forte dans le développement front des produits numériques actuels. En effet, elle permet de produire des interfaces robustes, utilisables par tous les utilisateurs quelles que soient leurs difficultés (visuelles, motrices, etc.) ou leur matériel (navigateur, synthèse vocale, plage braille, etc.).

Cette formation a pour objectif de vous initier rapidement et efficacement au développement accessible, en démystifiant les exigences du RGAA, et en vous donnant les repères et outils pour fabriquer des interfaces web (sites, applications, etc.) respectant les bonnes pratiques de l’accessibilité numérique.

À l’issue de cette formation, les participants sauront produire un socle HTML/CSS exempt d’erreurs d’accessibilité fondamentales.

Objectifs pédagogiques

  • Découvrir les concepts et les enjeux de l’accessibilité numérique
  • Acquérir les points de vigilance et les bonnes pratiques d’accessibilité
  • S'approprier l’accessibilité du code HTML et CSS
  • Devenir autonome dans la recherche de solutions accessibles

Public cible

  • Développeur front
  • Intégrateur
  • Directeur technique
  • Consultant

Pré-requis

Pratique du développement d’interfaces web

Méthode pédagogique

Formation avec apports théoriques, échanges sur les contextes des participants et retours d’expérience pratique du formateur, complétés de travaux pratiques et de mises en situation. Ressources complémentaires distribuées à tous les participants.

PROFILS DES INTERVENANTS

Toutes nos formations sont animées par des consultants-formateurs expérimentés et reconnus par leurs pairs.

MODALITÉS D'ÉVALUATION ET FORMALISATION À L'ISSUE DE LA FORMATION

L'évaluation des acquis se fait tout au long de la session au travers des ateliers et des mises en pratique. Une évaluation à chaud sur la satisfaction des stagiaires est réalisée systématiquement en fin de session et une attestation de formation est délivrée aux participants mentionnant les objectifs de la formation, la nature, le programme et la durée de l'action de formation ainsi que la formalisation des acquis.

Programme :

Jour 1

  • Introduction à l’accessibilité numérique
    • Compréhension des besoins utilisateurs
    • Normes et référentiels : WCAG et RGAA
    • Déployer l’accessibilité en contexte agile
  • Perception et compréhension
    • Permettre l’agrandissement des textes
    • Assurer des contrastes suffisants
  • Liens et navigation
    • Codage des liens et boutons
    • Menus de navigation et plan de site
    • Navigation au clavier et liens d’évitements

Jour 2

  • Structuration de l’information
    • Déclaration du document HTML
    • Balises sectionnantes (<header>, <footer>, etc.) et ARIA Landmarks
    • Hiérarchie des titres h1, h2, h3 (…) et <title>
    • Sémantique HTML (listes, abréviations, etc.)
    • Multilinguisme
  • Formulaires
    • Consignes de saisie (balise <label>, attribut placeholder, etc.)
    • Signalétique des champs obligatoires
    • Gestion des messages d’erreur
  • Accessibilité des contenus
    • Alternatives textuelles aux contenus visuels : images, infographies, icons font, etc.
    • Alternatives aux contenus multimédia (audio et/ou vidéo)
    • Structuration des tableaux de données
  • Ressources
    • Présentation des outils de test : au fil de la formation plusieurs outils sont manipulés pour vérifier et corriger l’accessibilité du code
    • Pour aller plus loin : tutoriels et bibliothèques de code exemplaires

Pour aller plus loin :

Type : Stage pratique en présentiel
Code formation : FDXWA
Durée : 2 jours (14 heures)

Sessions inter-entreprises :

Tarif & dates intra-entreprise :
Devis sur demande
Nous Contacter