Catégories
Blogs Internet

Conseils pour améliorer l’accessibilité lors de la création de votre contenu Web dans un éditeur WYSIWYG

Tendre la main grâce à l’accessibilité Web

La première chose que vous souhaitez généralement réaliser lors de la création de contenu en ligne est d’atteindre le maximum d’audience possible. La plupart des moyens d’augmenter votre portée sont généralement liés aux campagnes de marketing numérique et à la publicité en ligne, mais vous devez vous assurer que votre contenu a été créé de manière accessible dès le départ.

La question de l’accessibilité du Web prend de l’ampleur, car il ne s’agit pas seulement de se conformer aux réglementations gouvernementales et aux normes du Web, mais il y a des avantages financiers évidents pour les fabricants de services Web dont les sites Web et en ligne les produits sont entièrement accessibles.

En termes simples – L’accessibilité Web consiste à s’assurer que votre contenu est créé de manière à ce qu’il ait le potentiel d’être reçu par le maximum de téléspectateurs, malgré leurs handicaps ou les plates-formes techniques qu’ils utilisent.

Voici quelques étapes simples pour vous assurer que le contenu que vous créez dans un éditeur WYSIWYG est accessible. Notre éditeur de choix sera CKEditor, mais ces étapes sont facilement reproductibles dans n’importe quel autre outil.

Appliquer les balises alt appropriées pour les images

La plupart des images nécessitent l’attribut alt. Il spécifie un texte alternatif pour une image, si l’image ne peut pas être affichée (en raison d’une connexion lente, si l’utilisateur utilise un lecteur d’écran, etc.) La balise alt idéale doit être une description claire, brève, contextuelle et sensible au référencement de ce qui est représenté dans le visuel, alors oubliez de simplement copier le nom du fichier image et de l’insérer comme votre balise alt.

Appliquer des en-têtes sémantiques

En HTML, les éléments sémantiques sont ceux qui décrivent clairement leur signification tant pour le navigateur que pour le développeur. Le problème des en-têtes non sémantiques apparaît lorsque l’auteur du contenu essaie de créer des titres en utilisant des techniques HTML strictement visuelles telles que le texte en gras, l’augmentation de la taille de la police, etc. L’application de titres sémantiques est vraiment utile pour les utilisateurs et les créateurs du contenu. Les utilisateurs bénéficient de la structure claire du contenu, tandis que l’auteur bénéficie de titres adaptés aux moteurs de recherche.

Appliquer des listes sémantiques

HTML a également sa balise sémantique pour les listes non ordonnées et ordonnées, donc créer des listes en utilisant uniquement du texte brut est un non-non. Lorsque vous utilisez des listes sémantiques, vous pourrez facilement imbriquer des listes dans des listes.

Appliquer des en-têtes de tableau sémantique

Sans des en-têtes de tableau correctement formatés (en particulier lors de l’affichage de grandes quantités de données), les utilisateurs malvoyants auront du mal à comprendre de quoi il s’agit. Les lecteurs d’écran manqueront tout simplement le contexte lors de la lecture du tableau à haute voix. Utiliser du texte en gras ou une taille de police accrue comme en-têtes ne fera pas l’affaire.

Supprimer les liens suivants avec la même URL de votre contenu

Les utilisateurs handicapés répertorient souvent tous les liens sur la page qu’ils visitent actuellement pour voir où ils peuvent aller ensuite. Imaginez-vous retrouver avec une longue liste de liens ultérieurs menant à la même URL. Cela crée de la confusion et rend la vie plus difficile à tous les utilisateurs de «clavier uniquement» (les personnes handicapées ainsi que celles qui utilisent de vieux téléphones portables pour surfer sur le Web).

Vérificateur d’accessibilité

Si vous créez régulièrement du contenu avec un éditeur WYSYWIG, vous savez que ces problèmes sont parfois difficiles à repérer au premier coup d’œil. Cependant, ces simples exemples de bonnes pratiques peuvent vraiment améliorer l’accessibilité de votre contenu en ligne.

 

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.