Durée
7 heures (soit 1 jour)
Tarif et modalités
- 600,00 € en inter entreprise (3 inscrits minimum). Sur devis en intra entreprise.
- Présentiel ou à distance
Prochaines sessions
N’hésitez pas à nous contacter pour en savoir plus sur les prochaines sessions.
Modalités et délais d’accès
- Entre 10 et 30 jours selon la disponibilité des formateurs. En cas de prise en charge par un OPCO (OPérateur de COmpétences), le délai d’accès peut être allongé.
- Entretien d'analyse des besoins
Profils des stagiaires
- UI Designer
- UX Designer
- Directeur artistique (DA)
- Infographiste
- Webdesigner
- Chef de produit
- Développeur web
- Chef de projet
Prérequis
Avoir suivi la formation Sensibilisation à l'accessibilité numérique ou avoir un niveau équivalent en accessibilité numérique
Objectifs de la formation
- Acquérir les bonnes pratiques de conception graphique et d'interaction pour créer des contenus web accessibles ;
- Utiliser les outils d'aide à la conception et à la vérification des livrables ;
- Produire un Design System accessible.
Programme
Couleurs et contrastes
- Contraste du texte, des éléments d'interface et des éléments graphiques
- Information par la couleur
- Exemples de tests avec les outils
Contenus textuels et typographie
- Taille et espacements des caractères
- Contenu caché
- Texte dans une image
- Bonnes pratiques
- Structuration du texte et alternatives textuelles
Focus
- Visibilité et perception du focus : focus visible, focus par défaut (navigateurs) ou en CSS (contraste 3+)
- Ordre du focus
Formulaires
- Libellé, aide à la saisie, caractère obligatoire et placeholder
- Gestion des erreurs
- Soumission de données sensibles
- CAPTCHA
Liens et navigation
- Deux moyens de navigation
- Liens d’évitement
- Intitulés explicites
- RGAA – page accessibilité et état de conformité
Multimédias
- Accessibilité des contrôles
- Fichiers vidéo ou audio et alternatives
Usages mobiles
- Gestes simples
- Orientation
- Responsive (reflow)
Livrables (vers un Design System)
- Couleurs et états accessibles
- Aspects fonctionnels/UX (Annotation kit)
Ressources
- Outils (applications en ligne, hors ligne et plugins) pour la création de palettes accessibles et la vérification du taux de contraste.
- Liens vers des sites web et références de livres pour consolider les connaissances sur l'accessibilité numérique des apprenants.
Quizz
- Vérification des acquis
Moyens pédagogiques
- Exposé de mise en situation ;
- Échanges avec les participants ;
- Travaux pratiques basés sur l'analyse de wireframes et de maquettes graphiques ;
- Mise à disposition du document support à la suite de la formation.
Accessibilité aux personnes handicapées
Les personnes en situation de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités d’adapter la formation.
Satisfaction
Les participants ont attribué une note moyenne de satisfaction de 93 % sur cette formation et 100 % indiquent avoir atteint leurs objectifs.
Nos autres formations
Vous pourriez également être intéressés par nos autres formations sur la thématique "Accessibilité numérique" :
- Concevoir des documents PDF accessibles avec Adobe InDesign
- Concevoir et déployer un schéma d’accessibilité au sein de votre organisation
- Développer des applications Flutter accessibles (1 jour)
- Développer des applications Flutter accessibles (2 jours)
- Développer des applications natives accessibles (1 jour)
- Développer des applications natives accessibles (2 jours)
- Développer des applications React Native accessibles
- Développer des sites web accessibles
- Intégrer et tester les bases de l'accessibilité dans un projet web
- Rédiger des contenus web accessibles
- Rédiger des documents bureautiques accessibles
- Rédiger des documents PowerPoint accessibles
- Rédiger en langage clair
- Sensibilisation à l’accessibilité numérique
- Tester les bases de l'accessibilité web et mobile