Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Accessibility
Webdesign

3 Conseils d'accessibilité que j'aurais souhaité apprendre plus tôt

by
Length:ShortLanguages:

French (Français) translation by Henri Lotin (you can also view the original English article)

Voici les trois conseils d’accessibilité simple à garder à l’esprit de sorte que vous pouvez créer des designs plus inclusifs et plus conviviaux. Inclusif, mais comment ? Selon WebAIM, les grandes catégories de types de handicap sont :

  • VisuelCécité, vue faible, daltonisme
  • AuditifSurdité et dureté d'oreille
  • MoteurIncapacité à utiliser une souris, temps de réponse lent, motricité fine limitée
  • CognitiveDéficiences d'apprentissage, distractibilité, incapacité à se rappeler ou à se concentrer sur de grandes quantités d’informations

Nous devrions tous designer avec ces défis d’accessibilité à l’esprit.

Accessibility tips

1. Texte « alt » signifiant

L’attribut alt est familier à toute personne qui s'est une fois retrouvé à coder une balise <img>. Il fournit une définition alternative, textuelle du contenu image. Les lecteurs d’écran trouvent généralement cette valeur alt texte inscrite dans l’un des deux extrêmes : soit il fournit une surcharge d’information ou il est inexistant (ni utile).

N’oubliez pas d’utiliser un texte signifiant et succinct pour aider ceux qui sont malvoyants à naviguer dans votre site. Puis pendant que vous y êtes :

2. Ne vous reposez pas sur la couleur seule

La couleur ne devrait pas être l’unique outil visuel qui vous permet de transmettre une signification. Utilisez la forme, le poids ou un autre indicateur visuel en plus de la couleur pour différencier les éléments.

Examiner l’affichage d’une page en noir et blanc et servez-vous de testeurs de contraste de couleur pour améliorer l’accessibilité globale.

3. Les polices légères ne sont pas la meilleure option

Je me souviens de ma période à l’école de design et sur mon obsession profonde de la manière dont les choses ont l'air et ressentent. Les polices fines, légères peuvent être faciles pour les plus jeunes yeux, mais il est important de tenir compte de l’ensemble des utilisateurs et en quoi leur capacité de vision diffèrent.

Optimisez votre police de caractères et sa taille afin d’être plus fonctionnel pour l’utilisateur final, plutôt que de se concentrer sur l’esthétique.

En savoir plus sur l’accessibilité web

Il y a tellement plus à apprendre sur l’accessibilité. Les conseils énumérés ci-dessus sont un excellent début pour vous faire réfléchir d’une manière accessible – pour votre prochaine étape, jetez un oeil aux ressources ci-dessous :

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.