Aller à la navigation
Aller au contenu
Aller au formulaire de contact

cheatsheet • pour maquettes graphiques

par alsacreations.fr

Cheatsheet UI / Accessibilité

Généralités

Les boutons ont des zones cliquables d'au moins 44 x 44 pixels
Les liens sont visuellement identifiables (ex : soulignement)
L’intitulé des boutons et les liens sont explicites (ex : évitez d’écrire “cliquez ici”)
Les maquettes graphiques ont au moins une version responsive (Mobile et/ou Ordinateur)

Contenus

Le texte n’est pas justifié, et les espacements de lignes sont suffisants
Les accents sur les majuscules sont conservés
Les abréviations doivent être expliquées au moins une fois
L’information d’une nouvelle fenêtre sur un lien est indiquée (ex : pictogramme à côté d’un lien)

Formulaires

Chaque champ de formulaire a une étiquette pertinente
L’étiquette est visuellement accolée immédiatement au-dessus ou à gauche du champ de formulaire
Les champs marqués comme “obligatoires” sont clairement indiqués
Le format et le poids des fichiers à télécharger sont indiqués

Navigation

Dans chaque ensemble de pages, le menu et les barres de navigation sont toujours à la même place
Une indication visuelle de la page active est présente
Des liens d'accès rapide sont présents
Prévoir au moins deux moyens de navigation parmi un menu principal, un plan du site et un moteur de recherche

Couleurs

L'information n’est pas uniquement donnée par la couleur
Les couleurs utilisées et les éléments graphiques porteurs d’informations sont suffisamment contrastés avec le fond.

Typographie

Privilégier des typographies avec des caractères bien distinguables.

Tableaux

Chaque tableau de données complexe a un résumé pertinent permettant de le comprendre
Le titre de chaque tableau doit être pertinent

Outils recommandés

Pour vérifier les contrastes
https://spatzi.alsacreations.com/
Pour optimiser les polices
https://fondue.alsacreations.com/
Nos bonnes pratiques
https://kiwipedia.fr

Retourner en haut de page