Concevoir des interfaces web accessibles
2 jours
Accessibilité
Les UX / UI ont un rôle crucial dans l’accessibilité car ils conçoivent l’interface.
Le Design Inclusif est un des fondamentaux à mettre en place pour respecter l’accessibilité numérique et inclure les personnes en situation de handicap.
Concevoir en respectant les principes de l’accessibilité, oui, c’est possible ! Programme mis à jour le 06/08/2024.
4,5
/5
Taux de recommandation : 100%*
Pour planifier une formation ou obtenir plus d’information, merci d’envoyer un mail à : formation@warren-walter.com
*79,66% des stagiaires ayant suivi cette formation en 2023 ont répondu à notre questionnaire d’évaluation
(Mise à jour le 11/01/2024)
Détail de la formation concevoir des interfaces web accessibles :
Pour qui ?
Ergonomes – Ux designers – Ui designers.
Modalités
- Intra-entreprise
- En présentiel ou à distance
Prérequis
- Maîtrise de la conception (graphique ou ergonomique) d’écrans web.
- Aucun prérequis technique.
Durée
2 jours (14 heures)
Prix
- Sur devis
- 8 participants maximum
Prérequis matériel
Un ordinateur équipé des logiciels demandés lors de l’inscription.
Langue de la formation
🇫🇷 FR
Nos formations sont aménageables sur demande pour les personnes sourdes et malentendantes.*
Nos formations sont aménageables sur demande pour les personnes en situation de handicap intellectuel, psychique ou cognitif.*
Cette formation n’est pas entièrement accessible aux personnes très malvoyantes ou aveugles.
Cette formation est accessible aux personnes ayant des troubles de la vision (basse vision, daltonisme, etc.).
*Les aménagements spécifiques peuvent entraîner des frais supplémentaires.
Nous sommes certifés Qualiopi
La certification qualité a été délivrée au titre de la catégorie d’action suivante : actions de formation.
Objectifs
- Découvrir l’accessibilité numérique.
- Comprendre les enjeux humains, techniques et légaux de l'accessibilité numérique.
- Comprendre les problèmes rencontrés par les personnes en situation de handicap sur le Web.
- Avoir les connaissances pour évaluer certains critères.
- Comprendre le rôle des designers UX et UI dans l’accessibilité d’un projet Web.
- Prendre en compte les critères “design” du RGAA pour concevoir une interface accessible.
- Concevoir une interface de façon inclusive.
- Prévoir les obstacles d’accessibilité dans les composants, l’ergonomie et les maquettes graphiques de l’interface.
- Utiliser le RGAA pour aider en phase de développement, notamment sur les comportements attendus des composants (ex : les animations).
Aptitudes / Compétences visées
A l’issue de la formation le stagiaire sera capable de :
- Mesurer les enjeux et les impacts de l’accessibilité numérique pour les personnes en situation de handicap.
- Utiliser le RGAA pour mieux créer les interfaces Web.
- Utiliser le RGAA pour aider en phase de développement, notamment sur les comportements attendus des composants (ex : les animations).
- Créer une interface accessible grâce aux lois de l’UX appliquées à l’accessibilité, aux couleurs, aux animations, aux images, aux systèmes de navigation, à la lisibilité typographique…
- Mesurer les obstacles d’accessibilité d’une maquette graphique ou d’un composant, les réparer ou proposer des solutions de correction.
- Motiver les choix d'accessibilité numérique sur une maquette graphique ou sur un composant auprès de ses collègues, de sa direction ou de ses clients.
Pédagogie de la formation
La formation alterne entre théorie, démonstrations avec de nombreux exemples, mises en situation et exercices.
Programme de la formation concevoir des interfaces web accessibles
1 – Qu’est-ce que l’accessibilité numérique ?
- Avant-propos
- Pourquoi concevoir un produit accessible ?
- Les différents types de handicap
- Définition de l’accessibilité numérique
- Comment tester l’accessibilité numérique ?
- La boîte à outils
- Conclusion : Les clefs de la réussite d’un projet numérique accessible
2 – Comment mettre en place l’accessibilité numérique en phase UX et UI ?
2.1 – Les différentes lois UX et l’accessibilité web
Loi de Miller, de Parkinson, de Jakob, de Fitts, de Hick, de proximité etc…
2.2 – Structurer l’information de façon accessible
- Navigation
- Hiérarchie et apparence des titres
- Intitulés des liens et boutons explicites (comment éviter de « cliquer ici » ou « lire la suite » ?)
- Distinguer les liens de nature différente (nouvelle fenêtre, téléchargement, courriel…)
- Distinguer un lien du texte environnant
- Effet de survol et de focus
2.3 – Présenter l’information de façon accessible
- Confort d’utilisation et consultation
- Contrastes de couleur
- Images
- Communication par la couleur
- Lisibilité typographique
- Formulaires
- Tableaux
- Bien gérer les contenus animés
2.4 – Rendre un Design System accessible
Différences entre des composants inaccessibles et accessibles (modale, dropdown, card…)
2.5 – Présentation du Design Inclusif
Nous verrons ensemble la définition, les enjeux et les aboutissements du Design Inclusif dans l’accessibilité numérique.
Pour planifier une formation ou obtenir plus d’information, merci d’envoyer un mail à : formation@warren-walter.com
Vous serez recontactés dans un délai de 48h.
Le délai d’accès pour l’organisation d’une session en intra est de 2 semaines minimum.
Taux de satisfaction moyen de nos formations : 87,5%.
Compétences et profils des formateurs
Nos formateurs sont tous experts ou référents Accessibilité.
Modalités d'évaluation des acquis
Entrée en formation : Questionnaire de positionnement.
Pendant la formation : Mises en situation, exercices et quiz. Les exercices sont corrigés et explicités par le formateur ou la formatrice. Les quiz (QCM) permettent de synthétiser les notions abordées et d’évaluer les acquis. Un exercice d’application est réalisé en fin de formation.
Après la formation : Questionnaire d’évaluation des acquis.
Moyens techniques et matériel pédagogique
Un support de formation numérique (format PDF) est remis à chaque stagiaire.
En présentiel :
Salle de formation équipée d’une connexion internet wifi, d’un vidéo projecteur et d’un paper board ou d’un tableau blanc.
À distance :
La formation a lieu en ligne sur la plateforme Google Meet (service de visioconférence).
L’URL de connexion est communiquée par mail au plus tard la veille de la formation.
Le stagiaire doit pouvoir disposer du matériel suivant pour suivre la formation :
- un ordinateur équipé d’un système audio et caméra fonctionnel ;
- une bonne connexion Internet (supérieure à 300 Mb/s).
Ils ont suivi nos formations
