8
ACCESSIBILITÉ
8min
User Experience
INTRODUCTION
1min
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
OBJECTIFS
1min
Assurer l'accès aux contenus et fonctionnalités pour tous les utilisateurs.
Améliorer l'expérience utilisateur pour les personnes porteuses d'handicaps, ainsi que le référencement naturel.
Respecter les réglementations en matière d'accessibilité numérique (WCAG, ADA...).
COMPOSANTS
1min
Texte et Typographie : Choix de polices lisibles, contrastes de couleurs adéquats, et possibilité de redimensionner le texte.
Multimédia : Sous-titres pour les vidéos, descriptions audio, et texte alternatif pour les images.
Interactions : Élément interactifs accessibles via clavier et compatibles avec les technologies d'assistance.
EXEMPLES
1min
Problème d'accessibilité lié au daltonisme / la perception des couleurs
L'idée est d'utiliser des outils de simulation de daltonisme pour concevoir des maquettes cohérentes.
Stark : Permet de vérifier les contrastes et simuler le daltonisme dans Figma, Sketch et Adobe XD.
Colorblindly : Simule différents types de daltonisme directement dans le navigateur pour tester les conceptions web.
DO & DON'T
1min
APPROFONDIR
1min
8
ACCESSIBILITÉ
8min
User Experience
INTRODUCTION
1min
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
OBJECTIFS
1min
Assurer l'accès aux contenus et fonctionnalités pour tous les utilisateurs.
Améliorer l'expérience utilisateur pour les personnes porteuses d'handicaps, ainsi que le référencement naturel.
Respecter les réglementations en matière d'accessibilité numérique (WCAG, ADA...).
COMPOSANTS
1min
Texte et Typographie : Choix de polices lisibles, contrastes de couleurs adéquats, et possibilité de redimensionner le texte.
Multimédia : Sous-titres pour les vidéos, descriptions audio, et texte alternatif pour les images.
Interactions : Élément interactifs accessibles via clavier et compatibles avec les technologies d'assistance.
EXEMPLES
1min
Problème d'accessibilité lié au daltonisme / la perception des couleurs
L'idée est d'utiliser des outils de simulation de daltonisme pour concevoir des maquettes cohérentes.
Stark : Permet de vérifier les contrastes et simuler le daltonisme dans Figma, Sketch et Adobe XD.
Colorblindly : Simule différents types de daltonisme directement dans le navigateur pour tester les conceptions web.
DO & DON'T
1min
APPROFONDIR
1min
8
ACCESSIBILITÉ
8min
User Experience
INTRODUCTION
1min
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
OBJECTIFS
1min
Assurer l'accès aux contenus et fonctionnalités pour tous les utilisateurs.
Améliorer l'expérience utilisateur pour les personnes porteuses d'handicaps, ainsi que le référencement naturel.
Respecter les réglementations en matière d'accessibilité numérique (WCAG, ADA...).
COMPOSANTS
1min
Texte et Typographie : Choix de polices lisibles, contrastes de couleurs adéquats, et possibilité de redimensionner le texte.
Multimédia : Sous-titres pour les vidéos, descriptions audio, et texte alternatif pour les images.
Interactions : Élément interactifs accessibles via clavier et compatibles avec les technologies d'assistance.
EXEMPLES
1min
Problème d'accessibilité lié au daltonisme / la perception des couleurs
L'idée est d'utiliser des outils de simulation de daltonisme pour concevoir des maquettes cohérentes.
Stark : Permet de vérifier les contrastes et simuler le daltonisme dans Figma, Sketch et Adobe XD.
Colorblindly : Simule différents types de daltonisme directement dans le navigateur pour tester les conceptions web.
DO & DON'T
1min
APPROFONDIR
1min