• • • LIRE 6 minutes

La conception pour l’accessibilité, et les lecteurs d’écran en particulier, est une compétence dont chaque concepteur UX a besoin. L’importance de Accessibilité ne peut pas être surutilisé. Cet article décrit les points essentiels que vous devez savoir sur la conception de lecteurs d’écran. Lorsque vous aurez compris les bases, vous serez mieux équipé pour créer les sites Web les plus accessibles possible.

Bien que chaque application de lecteur d’écran puisse fonctionner légèrement différemment, elles fonctionnent de la même manière. Ils offrent également des options de configuration supplémentaires pour une personnalisation plus poussée en fonction des préférences de l’utilisateur.

Trois composantes de l’accessibilité

L’accessibilité peut être divisée en trois parties: le contenu, la conception visuelle et le développement. Nous les aborderons tous parce qu’ils sont tellement interconnectés et tout aussi importants. En tant que designer, votre travail peut être de vous concentrer sur l’accessibilité visuelle (et Accessibilité des couleurs). Cependant, il est important de comprendre comment l’accessibilité affecte également le contenu et le développement. De cette façon, vous pouvez être plus engagé dans l’accessibilité et identifier plus rapidement les problèmes d’accessibilité.

Points brownie SEO

Ce n’est un secret pour personne que de nombreux navigateurs, en particulier Google, pénalisent les sites Web inaccessibles. Des éléments tels que le texte alternatif pour les images et la bonne hiérarchie des en-têtes sont l’une des premières choses qu’un critique SEO identifie. Oui, il y a un bonus supplémentaire pour s’assurer que votre site Web est accessible au-delà de l’expérience utilisateur.

Mais pensez-y. Les moteurs de recherche ne veulent pas diriger les visiteurs vers des sites Web qu’ils ne peuvent pas utiliser. cela va à l’encontre du but de la recherche. Il existe de nombreux exemples de sites Web qui ne se soucient pas des moteurs de recherche tels que les applications Web ou les produits en ligne, et c’est très bien. Le référencement ne devrait pas être le seul facteur de motivation pour créer des sites Web accessibles. Cela devrait être un avantage formidable pour les sites Web qui dépendent du trafic provenant des résultats des moteurs de recherche.

Titre, en-têtes et copie intégrale

Commençons par le contenu et son contexte et ce que cela signifie pour les utilisateurs. Étant donné que la plupart du contenu du site est encore sous forme écrite, c’est un bon point de départ.

Générateur de modèles d’e-mails en ligne

Avec Des cartes postales Vous pouvez créer et modifier des modèles d’e-mails en ligne sans aucune connaissance en programmation! Comprend plus de 100 composants pour vous aider à créer des modèles de courrier électronique personnalisés plus rapidement que jamais.

Essayez-le gratuitementAutres produits

12 faits sur le lecteur d'écran pour une conception accessible

Source de l’image

1. Utilisez des titres de page contextualisés

Chaque site Web a besoin de son propre titre afin que tous les visiteurs puissent distinguer la page des autres. C’est souvent le même que le premier titre d’une page. C’est une bonne idée de mettre le nom de la page en premier, suivi du nom du site Web, par exemple B. un nom de société ou d’organisation. Si la page fait partie d’un processus en plusieurs étapes tel qu’un flux de connexion ou de paiement, incluez également le numéro de l’étape; B. Étape 1 de 3.

2. Rendre les titres pratiques

Les en-têtes sont un élément important de toute page. Premièrement, ils divisent de gros blocs de texte. Deuxièmement, ils fournissent un contexte pour le contenu qui les suit. Troisièmement, ils permettent une numérisation facile. Les meilleurs titres sont significatifs et fournissent une excellente structure pour le contenu de la page. Ils sont vitaux pour les visiteurs qui naviguent sur votre site Web avec un lecteur d’écran. Les titres sont destinés à vous donner un aperçu du contenu suivant. C’est pourquoi les titres courts mais concis sont les meilleurs.

La structure d’écriture pyramidale inversée est réussie pour une raison. Assurez-vous que le contenu sur lequel vous travaillez suit ce modèle. Assurez-vous également que vous organisez et concevez correctement ce contenu.

Certains lecteurs d’écran annoncent « Titre un », « Titre deux », etc. avant de lire le texte eux-mêmes.

3. Utilisez une copie de lien (et de bouton) significative

C’est généralement un bon conseil pour les liens, mais le texte du lien doit avoir du sens lorsqu’il est lu hors contexte. Les copies de lien telles que «Envoyer» ou «Cliquez ici» ne sont pas informatives. La copie hors contexte n’a aucun sens. La copie du lien doit définir une attente sur ce qui va se passer. Où emmenez-vous l’utilisateur? Que vont-ils faire, voir ou réaliser en cliquant sur le lien (ou le bouton)? Soyez aussi explicite que possible et vous aurez un lien significatif.

4. Donnez des instructions claires

Cela est particulièrement vrai pour les éléments interactifs tels que les formulaires. En plus de fournir des instructions claires sur la façon d’éviter les messages d’erreur, vous devez également vous assurer que vos messages d’erreur sont aussi clairs et faciles à comprendre. En général, évitez d’utiliser le jargon technique. N’oubliez pas de décrire les exigences d’entrée.

Je suis sûr que nous avions tous vu trop de champs de mot de passe infâmes qui ne donnaient pas d’instructions et généreraient une erreur si vous ne deviniez pas ces instructions correctement. Il est beaucoup plus difficile de comprendre lorsqu’on s’appuie sur un lecteur d’écran pour comprendre ce qui n’a pas fonctionné et pourquoi.

Donnez des instructions claires

Source de l’image

C’est précisément pourquoi des instructions clairement indiquées sont indispensables. Sinon, au mieux, vous ennuyez vos prospects. Dans le pire des cas, le site empêche littéralement quelqu’un de convertir ou d’accéder à des informations importantes.

5. Rédaction et structuration d’un contenu concis

Nous avons déjà abordé la pyramide inversée pour les rubriques. C’est aussi important pour le contenu! Il est essentiel d’utiliser une communication courte, concise et directe. Évitez le jargon technique ou spécifique à l’industrie. Évitez les mots ou les phrases complexes. Si nécessaire, fournissez un glossaire. La première fois que vous utilisez un acronyme, développez-le pour identifier sa signification. (Plus d’informations sur les acronymes bientôt.)

Utilisez des puces et d’autres styles de texte (comme le gras ou l’italique) pour organiser le contenu, distinguer ses parties et mettre en évidence divers éléments d’information.

6. Attention aux homographes

Si possible, évitez les homographes dans votre copie. Ce sont des mots qui se prononcent différemment selon le contexte, par ex. B. «Lire» et «Lire» ou «Contrat» et «Contrat».

Lecteur d'écran

Source de l’image

Malheureusement, les lecteurs d’écran ne comprennent pas toujours le contexte et peuvent prononcer les mots de manière incorrecte.

7. Lecteur d’écran et ponctuation

Tout d’abord, les lecteurs d’écran s’interrompent pour certaines ponctuations, notamment:

  • Périodes
  • Les points-virgules
  • Virgules
  • Point d’interrogation
  • Point d’exclamation
  • Fin de paragraphe

Les lecteurs d’écran répondent également bien à d’autres manipulations de texte telles que les listes et les décorations de texte.

Il est important de noter que les lecteurs d’écran essaient de prononcer les acronymes quand ils le peuvent, sinon ils épelleront les lettres. Les acronymes fréquemment prononcés tels que «NASA» sont prononcés comme tels. Alors qu’ils prononcent « NFL » comme les lettres NFL.

Images et multimédia

Lorsque le contenu n’est pas écrit, il s’agit d’une image ou d’un autre fichier multimédia. Passons en revue certains éléments clés de leur collaboration pour l’accessibilité du lecteur d’écran.

8. Texte alternatif sur les images

Les lecteurs d’écran lisent le texte alternatif des images, le cas échéant. La plupart des lecteurs d’écran l’ignorent complètement s’il n’y en a pas. Cependant, certains d’entre eux peuvent également lire le nom de fichier du visiteur en fonction des préférences de l’utilisateur. Vous ne pouvez pas cacher le fait qu’il y a une image. Prenez toujours le temps d’inclure un résumé descriptif d’une image – des icônes de médias sociaux aux photos et tout le reste.

Textes alternatifs sur les images

Certains lecteurs d’écran comme JAWS placent le mot «graphique» ou «lien graphique» devant une image si l’image est également liée quelque part.

9. Transcriptions et légendes

Lors de l’utilisation de vidéos, de fichiers audio ou autres Accessibilité multimédia, soyez prêt à les utiliser avec des transcriptions ou des légendes. De nombreux internautes ont des déficiences auditives – d’autres n’ont tout simplement pas de haut-parleurs fonctionnels. Dans tous les cas, il est important que vous incluiez ce qui est dit dans les fichiers multimédias, mais également toute autre information sonore supplémentaire telle que l’arrière-plan, les bruits ou la musique. Indiquez si quelqu’un a laissé tomber quelque chose hors de l’écran et s’il y a eu un son lorsque quelqu’un crie, bourdonne ou halète, ou lorsque quelqu’un entre ou sort d’une pièce. Ajoutez toujours toutes les descriptions des signaux acoustiques.

Fonction de lecture d’écran supplémentaire

Découvrons quelques fonctionnalités supplémentaires de lecture d’écran dont vous n’êtes peut-être pas au courant.

10. Les lecteurs d’écran peuvent être mis en pause

Les lecteurs d’écran peuvent bien sûr être mis en pause. Cependant, un utilisateur peut facilement revenir pour relire quelque chose, un mot ou une phrase. De plus, le lecteur d’écran peut épeler un mot lettre par lettre.

11. Lecteur d’écran et saisie

Au fur et à mesure de leur saisie, les lecteurs d’écran lisent également ce qu’un utilisateur tape, souvent lettre par lettre. Les champs de mot de passe sont une exception, dans laquelle un astérisque ou un astérisque est affiché pour chaque caractère saisi.

12. Annonces pour le chargement de la page

Lorsqu’une page se charge, un lecteur d’écran lit le titre de la page à haute voix. Certains indiquent également le nombre de liens sur une page pendant le chargement d’une page.

Conclusion

Les sites Web mal codés ne se traduisent pas bien dans les lecteurs d’écran, mais il en va de même pour les sites Web avec un contenu mal rédigé, une mise en page médiocre ou une conception mal structurée. Par conséquent, l’accessibilité se compose de trois parties.

Cela commence par le contenu et se poursuit avec la conception visuelle pour s’assurer que tout est correctement placé. Le développement continue alors de s’assurer qu’il est bien codé. Cette introduction à la conception de lecteurs d’écran est un excellent point de départ pour vous assurer que vous fournissez des conceptions accessibles.



Source link

Recent Posts