Un vendredi après-midi, notre groupe de conception a reçu un texte d'un de nos designers demandant de l'aide pour choisir une palette de couleurs. Au début, j'ai supposé qu'il s'agissait simplement de choisir des couleurs dans leur guide de marque ou d'en créer une à partir de leur site existant. Cependant, cela s'est avéré plus intéressant; le designer avait déjà travaillé sur la palette de couleurs, et le client nous était revenu pour l'accessibilité. Hmm!

Quand j'ai entendu parler de cela, trois de mes recherches précédentes m'ont aidé

1. J'ai travaillé sur la palette de couleurs pour les systèmes de conception, où j'ai implémenté l'accessibilité conformément aux directives WCAG .
2. Able Figma Plugin qui vous aide instantanément à vérifier l'accessibilité de vos calques de texte et d'arrière-plan.
3. Plugin daltonien qui vous aide à simuler vos conceptions dans 8 types différents d'écrans de déficiences de la vision des couleurs.

Étape 1:

Nous utilisons cet outil pour construire notre premier ensemble de couleurs , il existe également d'autres outils mais cela semble plus facile.

Étape 2:

Une fois que nous avons fait notre palette de couleurs, nous avons commencé à étiqueter nos couleurs. Il est ainsi plus facile de les suivre et de les modifier rapidement, ce qui réduit la quantité de travail que nous devons effectuer manuellement. Pour ce faire, j'ai utilisé cet outil . Il est utile de donner aux couleurs des noms propres en fonction de leurs variations sombres et claires. Nous pouvons ensuite utiliser ces couleurs dans l'interface utilisateur de différentes manières.

Étape 3:

Voici la partie intéressante, l'accessibilité !!!!

• La méthode standard pour vérifier le rapport de contraste, pour la palette choisie
• Nous l'avons appliqué à nos écrans
• Simuler les résultats pour les écrans de déficience visuelle.

L'endroit où nous travaillons a eu quelques problèmes,

• Nous n'obtiendrons pas de commentaires des clients sur la question de savoir si notre équipe de conception a résolu leur problème ou non.
• Nous ne savons pas si c'est le bon problème ou non
• Il y a 2 ou 3 médiateurs entre les deux (même le client a partagé quelque chose, cela a été traduit différemment pour nous)

Comment le choix d'une palette de couleurs vous aidera-t-il dans l'accessibilité ?

• Aborder la couleur est une partie, il y a de nombreux autres paramètres que nous devons prendre en compte en ce qui concerne l'accessibilité, cette exigence nous est venue explicitement pour les couleurs, nous l'avons donc résolue de cette façon !

Toujours prêt pour de nouvelles opportunités

Demandez de l'aide sans hésitation (Self Advice)

Soyez ouvert aux commentaires

Apprentissages

L'accessibilité est importante dans la conception. Lors de la conception avec l'accessibilité à l'esprit, tout le monde peut utiliser et interagir avec le produit, quel que soit son niveau de capacité. Cela inclut les personnes ayant des handicaps physiques, sensoriels ou cognitifs. Pour s'assurer que tout le monde peut utiliser le produit, il doit avoir des fonctionnalités telles que des couleurs à contraste élevé, la synthèse vocale, de grandes tailles de police et la navigation au clavier. L'accessibilité fait partie de la conception inclusive, qui tient compte des besoins de tous.

Références

Bases de la création de palettes de couleurs

Merci à tous les créateurs de plugins