Design accessible - 5 secrets essentiels pour les graphistes

L'inclusivité devient une tendance de design que vous ne pouvez plus ignorer. Il est important de créer des designs qui capturent avec précision votre marque et votre message. Mais ce qui est encore plus important, c'est de créer des conceptions que vos clients voient et traitent de la bonne façon. Et cela inclut la conception pour les personnes ayant différents types de handicaps. Une grande partie de la population vit avec une forme de handicap. C'est 61 millions d'adultes aux États-Unis seulement. Par conséquent, le design accessible est quelque chose que vous ne pouvez pas prendre à la légère. La Journée internationale des personnes handicapées est le 3 décembre. C'est donc le bon moment pour parler de design accessible.

Avez-vous vu le nombre 73 dans l'image ci-dessus ? Tout le monde ne peut pas ! Et les personnes qui ont du mal à distinguer les couleurs font également partie de votre public cible. C'est pourquoi il est important de commencer à donner la priorité à la conception accessible. Vous ne savez pas par où commencer ? Nous vous avons! Nous vous donnerons quelques conseils pratiques sur des ajustements simples et des considérations de conception qui peuvent faire toute la différence.

Conception accessible – du point de vue de la conception graphique

Lorsque nous parlons de publicité représentative et d'inclusivité dans le marketing, nous nous limitons souvent au concept d'inclusion de diverses représentations culturelles. Faire en sorte que les personnes de diverses caractéristiques démographiques se sentent incluses. Reconnaître et embrasser les différentes ethnies. Mais l'inclusivité va au-delà. L'évaluation et l'ajustement de l'expérience pour les utilisateurs aux capacités différentes est un autre élément essentiel du marketing inclusif.

Le design accessible est un domaine assez vaste. Cela inclut la conception de l'accessibilité à tous vos points de contact avec les clients. D'une conception d'interface utilisateur accessible aux fonctionnalités d'application qui simplifient l'utilisation pour tous les types d'utilisateurs, il existe plusieurs mesures qu'une marque peut prendre. Mais dans ce blog, nous allons parler de l'accessibilité en design graphique notamment. Cela comprend la création de graphiques promotionnels faciles à utiliser pour les personnes handicapées.

La plupart des marques considèrent les handicaps physiques comme la cécité et les déficiences auditives. Mais les troubles cognitifs nécessitent également une bonne part de votre attention. Aphasie, autisme, dyslexie, TDAH - il existe plusieurs troubles cognitifs de ce type qui rendent difficile le traitement des informations que vous leur présentez. Votre annonce, un design que vous trouvez brillant à l'écran, pourrait être vue très différemment par eux.

Par exemple, que se passe-t-il si le contraste entre le texte et l'arrière-plan n'est pas suffisant et que l'utilisateur passe à côté d'informations essentielles ? Ou que se passe-t-il si le graphique à secteurs de votre infographie a des couleurs différentes pour différents paramètres mais qu'un utilisateur daltonien ne peut pas les distinguer ? Le but de la conception est perdu. C'est pourquoi il est important de prendre en compte les fonctionnalités d'accessibilité dans vos conceptions de marketing et de marque.

Et la meilleure partie est que la conception accessible dans le marketing n'est pas si difficile après tout. Quelques petites modifications et votre conception est prête à la fois pour le grand public et pour les personnes handicapées. Voyons quelques idées pour y parvenir.

1. Faites attention à votre typographie

Divers aspects de la typographie affectent la lisibilité et la lisibilité de la copie. Bien que vous ne puissiez pas toujours vous limiter à choisir la bonne police de caractères et à styliser vos polices, la prise en compte de quelques aspects peut rendre la conception beaucoup plus pratique pour les personnes ayant des handicaps visuels et neurologiques.

Réfléchissez à deux fois avant d'utiliser une petite police

Les petites polices mettent beaucoup de pression sur les yeux. Et cela oblige vos utilisateurs à travailler plus dur pour faire passer le message. Les chances sont, ils ne seront pas! De plus, les polices de moins de 12 pixels peuvent être difficiles à lire, en particulier sur un téléphone mobile. Étant donné que 58,99 % du trafic Web mondial provient d'appareils mobiles, éviter les petites polices est certainement une bonne décision pour une conception accessible.

Ainsi, les grosses polices en gras pour le texte du héros n'agissent pas seulement comme des accrocheurs ou des stoppeurs de défilement, mais assurent également une facilité de lecture pour plusieurs utilisateurs. La variation des tailles de police pour différentes sections permet également à tous les types d'utilisateurs de comprendre plus facilement la hiérarchie. Parce que les polices les plus grandes sont souvent les premières que la plupart des gens remarquent et que les plus petites sont peut-être les dernières.

La police de caractères que vous choisissez est importante

Il existe de nombreuses polices serif belles et lisibles. Cela ne fait aucun doute. Mais si vous concevez en gardant à l'esprit les personnes malvoyantes, les polices sans empattement ont un net avantage. Leurs formes de lettres épurées et simples les rendent plus pratiques à lire. Et cela s'applique aux conceptions imprimées et numériques.

Dans les polices de caractères sans empattement, évitez les polices à traits très fins. Les polices décoratives sont les autres types qui ne fonctionnent pas lorsque vous concevez pour des personnes malvoyantes. Vous pouvez utiliser des polices décoratives avec modération. Mais la section qui délivre le message principal, le CTA, et les zones contenant beaucoup de texte devraient avoir une alternative plus lisible.

Attention à l'espacement des lettres

Le crénage ou l'espacement entre les caractères dans la copie garantit que vos lecteurs lisent correctement les informations. Et qu'ils le lisent sans aucune difficulté. Des lettres trop proches les unes des autres peuvent rendre l'ensemble du texte difficile à lire. Pour les personnes ayant une déficience visuelle et des difficultés cognitives en lecture, trop peu d'espace entre les lettres pose un problème encore plus important. À quoi sert une bonne copie si elle n'a pas l'effet escompté sur votre public ? Ou pire, que se passe-t-il s'ils abandonnent votre marque en raison d'une mauvaise expérience ?

Des lettres bien espacées et une mise en page globale sans encombrement sont exactement ce dont vous avez besoin. Pas une conception occupée. Personne n'aime ça, pas seulement les personnes handicapées.

La carte de visite ci-dessus intègre toutes les idées ci-dessus sur les ajustements typographiques conscients. Il utilise une simple police sans empattement partout. L'espacement entre les lettres rend le texte lisible. Et comme touche finale, le code QR aide à créer le design hybride parfait. La numérisation du code vous amène à une carte de visite numérique avec des liens vers le site Web, des pages de médias sociaux et des liens directs. Tous les types d'utilisateurs adoreront une conception sensible axée sur l'utilisateur comme celle-ci.

Astuce Kimp : Vous ne savez pas si la typographie choisie est agréable pour le lecteur ? Écrivez les caractères ci-dessous les uns à côté des autres-

• "i" majuscule
• "l" minuscule
• Et le chiffre "1"

Et pour la taille de la police, éloignez-vous un peu de la conception et voyez si vous pouvez lire le texte confortablement sans avoir à zoomer. Obtenez quelques points de vue différents des membres de votre équipe et vous êtes prêt à partir.

Inquiet de faire fonctionner la typographie ? Contactez l'équipe Kimp.

2. Le contraste des couleurs mérite une attention particulière

Le contraste est un élément essentiel dans toutes les conceptions. Le contraste des couleurs est ce qui vous indique à quel point deux couleurs sont distinctes. Placez-les côte à côte ou placez-les l'une sur l'autre au premier plan et à l'arrière-plan, si les couleurs se mélangent presque, le contraste est trop faible. Un mauvais contraste peut être une douleur pour toutes sortes de personnes. Et cela rend le message particulièrement difficile à comprendre pour les personnes ayant une déficience visuelle.

Selon le World Wide Web Consortium (W3C), un rapport de contraste de 4,5:1 ou plus entre le texte de premier plan et l'arrière-plan est recommandé.

En même temps, si le contraste est trop élevé, cela peut quand même causer beaucoup d'inconfort. L'exemple ci-dessous avec le texte en vert sur fond rouge en est un bon exemple. Le contraste est élevé mais la combinaison peut être lourde pour les yeux.

Vous ne voulez pas non plus avoir des animations scintillantes et clignotantes impliquant des couleurs à contraste élevé. Ceux-ci peuvent être difficiles pour les personnes sensibles à la lumière.

Astuce Kimp : Au lieu de vous demander si le rouge que vous avez choisi pour la police serait bien sur un fond gris, utilisez un outil en ligne comme WebAIM Contrast Checker pour connaître le rapport de contraste.

3. Soyez prudent lorsque vous utilisez des superpositions de texte

Un autre aspect de conception à éviter si vous souhaitez créer une conception accessible sera de placer des superpositions de texte sur des arrière-plans compliqués. Lorsqu'il se passe beaucoup de choses en arrière-plan, même les polices les plus lisibles sont parfois difficiles à lire. Cela peut être plus difficile pour les personnes dyslexiques, par exemple. On estime que 10% de la population souffre de dyslexie. Vos dépliants commerciaux, votre carte de visite ou la conception de vos médias sociaux doivent être faciles à lire pour eux.

Les arrière-plans compliqués peuvent prendre la forme de photos ou d'arrière-plans à motifs. Bien que ces deux conceptions constituent un excellent arrière-plan, elles ne rendent peut-être pas toujours justice au texte qui se trouve au premier plan.

Pour éviter cela, vous pouvez utiliser des zones de texte ou des accents de couleur unie ou translucide. Vérifiez à nouveau le rapport de contraste entre la couleur de votre police et la couleur de l'accent.

Par exemple, la conception ci-dessous permet aux photos de briller tout en facilitant la lecture du texte.

Les problèmes liés au contraste peuvent exploser, en particulier lorsqu'il s'agit d'applications telles que les étiquettes d'aliments ou les étiquettes de médicaments. Si la clause de non-responsabilité relative aux allergies ou la liste des ingrédients et les instructions de dosage ne sont pas claires, la conception de l'emballage peut constituer un danger pour la sécurité de ses utilisateurs.

Ainsi, lorsqu'il s'agit d'applications telles que l'emballage où vous disposez d'un espace limité pour travailler, voici une idée à essayer. Kellogg's a introduit un design d'emballage spécial pour les personnes ayant une déficience visuelle. Il existe un code sur l'emballage qui peut être scanné par les personnes utilisant des lecteurs d'écran pour obtenir de l'aide. Ce n'est qu'une façon de garder votre design hybride et adapté à tous les types de publics.

4. Concevoir pour le daltonisme

Le choix des couleurs est une décision stressante en soi. Et si vous deviez l'adapter aux utilisateurs daltoniens ? La bonne nouvelle est que de nombreux outils de conception vous permettent de concevoir pour les personnes daltoniennes.

Les types de daltonisme les plus courants sont la protanopie, la deutéranopie et la tritanopie. Lorsque votre utilisateur final ne peut pas voir une couleur comme différente d'une autre, votre décision d'utiliser différentes couleurs pour la police et l'arrière-plan ou différentes couleurs pour capturer la hiérarchie dans une infographie s'avère dénuée de sens.

On estime que le daltonisme est plus fréquent chez les hommes de race blanche. Si cela décrit votre public cible, il n'y a aucun argument quant au choix de palettes de couleurs sûres pour les daltoniens.

Des outils comme Adobe color vous permettent de vérifier si votre palette de couleurs est sans danger pour les daltoniens. Vous verrez une simulation de la façon dont les couleurs choisies apparaissent aux personnes daltoniennes et vous pourrez identifier les couleurs qui semblent identiques. Dans l'image ci-dessous, les couleurs où les lignes horizontales apparaissent sont les couleurs qui ressemblent aux utilisateurs daltoniens. Évitez ces combinaisons délicates si vous visez un design accessible.

Ou, si vous souhaitez vérifier un design existant et le rendre sûr pour les daltoniens, vous pouvez utiliser des outils en ligne comme Coblis- Color Blindness Simulator pour voir à quoi ressemble votre design pour un utilisateur daltonien.

Si votre bouton CTA apparaît et attire l'attention d'un utilisateur général mais qu'il est presque invisible en arrière-plan pour un utilisateur daltonien, vous manquez toujours la marque. Chaque utilisateur compte, chaque interaction utilisateur compte. Alors, choisissez les bonnes couleurs.

Astuce Kimp : Au lieu de vous fier uniquement à la hiérarchie basée sur les couleurs, utilisez la taille de la police et d'autres éléments pour clarifier les choses.

5. Ajoutez des légendes claires pour les vidéos et du texte alternatif pour les images

N'oubliez pas que certains de vos utilisateurs utilisent des lecteurs d'écran. Ainsi, votre image pourrait ne leur être d'aucune utilité à moins que vous n'utilisiez un texte alternatif pertinent. Oui, votre texte alternatif fait plus que vous aider avec le référencement. Cela aide à créer une conception accessible pour vos utilisateurs. Mais oui, restez sur le point – évitez les longs descriptifs.

L'autre aspect textuel des visuels sera les légendes des vidéos. Ne vous fiez pas aux sous-titres générés automatiquement. Utilisez des superpositions de texte pour guider vos utilisateurs tout au long de la vidéo. Sur YouTube, vous pouvez créer des chapitres pour rendre les choses encore meilleures. Et enfin, ajoutez vos légendes dans une police claire et lisible qui ne se contente pas de disparaître en arrière-plan. Et rappelez-vous que vous avez un arrière-plan mouvant ici.

L'ajout de sous-titres vous aide également à répondre aux besoins des personnes qui préfèrent regarder leurs vidéos sur les réseaux sociaux en mode silencieux. C'est une victoire de toute façon. Le fait que les plateformes de médias sociaux donnent la priorité aux fonctionnalités d'accessibilité comme LinkedIn qui a récemment ajouté des sous-titres automatiques pour les vidéos, est un bon indicateur qu'il est temps de prendre au sérieux la conception accessible.

Simplifiez la conception accessible avec Kimp

La conception accessible en marketing consiste à exploiter la puissance des visuels sans ignorer les difficultés et les exigences d'un seul de vos groupes d'audience. En fait, oubliez un instant le concept de « groupes cibles » et comprenez que vous communiquez en tête-à-tête avec un ensemble d'individus uniques. Cela change la façon dont vous regardez les designs de votre marque ! Et si vous avez besoin d'aide pour créer ces designs accessibles pour votre marque, faites-le savoir à nos designers et nous serons heureux de vous aider à trouver les meilleures publicités et publications sur les réseaux sociaux pour répondre aux besoins de vos diverses données démographiques.

Inscrivez-vous maintenant et essayez un abonnement Kimp gratuitement pendant 7 jours.

Articles Similaires