Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


• • • 7 minutes de lecture

Quand vous pensez à l’accessibilité, envisagez-vous des choses comme des rampes à l’extérieur des restaurants ou des toilettes accessibles aux personnes handicapées?

Alors que les consommateurs luttent depuis longtemps pour l’égalité d’accès au logement social, cette lutte ne se limite plus au monde physique. Les entreprises numériques ont également la responsabilité de s’assurer que chacun a un accès facile à leurs sites Web indépendamment de leur déficience ou de leurs limites.

Pourquoi est-ce important? Et que devez-vous faire exactement à ce sujet?

L’accessibilité à Internet est un gros problème et non pas un problème que je peux entièrement déballer ici aujourd’hui. Cependant, ce que je peux faire, c’est expliquer pourquoi vous ne pouvez pas vous permettre de l’ignorer et comment prendre quelques mesures simples pour rendre votre site Web accessible.

Commencez par vos photos et vidéos.

Pourquoi l’accessibilité est importante pour tous les sites Web

Winn-Dixie, domino, et même Beyonce ont été poursuivis pour sites Web inaccessibles.

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

Avec 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

Étant donné que les sites Web plus volumineux sont chargés de poursuites très coûteuses et très médiatisées, ils recevront tous le message à un moment donné et répondront aux exigences Initiative d’accessibilité Web. Ceci, à son tour, créera l’attente que chaque site Web doit fournir un accès égal à tous.

Si votre site Web est inaccessible, ne vous attendez pas à ce que les consommateurs le laissent échapper. Vous pourriez faire face à votre propre procès, à une presse négative et à une perte de revenus. Cela peut également nuire à vos efforts de référencement.

Il reste encore beaucoup à faire pour rendre un site Web compatible. Cependant, une fois que vous commencez avec les images et les vidéos de votre site Web, vous pouvez lentement commencer à vous débarrasser des problèmes auxquels sont confrontés vos visiteurs handicapés et restreints.

Pour être clair, je continue de mentionner les visiteurs «limités» parce que l’accessibilité ne consiste pas seulement à concevoir des sites Web destinés à être utilisés par des personnes ayant une déficience visuelle, physique ou mentale.

La conception accessible aide également:

  • Les robots de recherche «lisent» le contenu de vos graphiques afin de les indexer et de les noter.
  • Les utilisateurs mobiles qui sont en mode itinérance de données et ne peuvent pas voir les graphiques sur la page.
  • Les gens dans les lieux publics qui ne peuvent pas voir une vidéo sans déranger tout le monde autour d’eux.

La conception Web accessible consiste vraiment à rendre un site Web facile à utiliser pour tout le monde.

Comment rendre les images de sites Web accessibles

Commençons par vos photos. Pour les rendre disponibles sur Internet, vous devez savoir comment les programmer dans votre code.

Ne t’en fais pas. Il est facile d’ajouter quelques lignes simples de HTML afin que tous les visiteurs de votre site Web comprennent ce qu’ils ne peuvent pas voir. Vous pouvez également utiliser le constructeur de votre site Web pour ce faire.

Regardons quelques exemples pour voir quand et comment vous pouvez rendre vos images accessibles:

Images décoratives

Les images qui n’ont d’autre but que d’ajouter de la texture ou de la couleur à votre site Web n’ont pas besoin d’une description d’accompagnement. La même chose s’applique aux graphiques discrets.

Par exemple, c’est le type de graphique qui apparaît à côté de chacun des avantages mentionnés PremièrePage d’accueil:

Un guide pour partager vos photos et vidéos

Ce n’est pas que quiconque va passer à côté du fait que personne n’a décrit ce graphique. Ce n’est pas comme si cela nous en disait plus sur l’API ou les paiements numériques de First. C’est plus ici pour équilibrer la section.

La même chose s’applique aux images d’arrière-plan ou aux textures.

Prenez ce graphique qui apparaît dans la bannière supérieure du Opéra d’OdessaPage de nouvelles de:

Pourquoi l'accessibilité est importante pour tous les sites Web

Si cette image faisait partie de l’image du héros sur la page d’accueil, ce serait une autre histoire. Cependant, l’image fanée est pour la décoration sur cette page uniquement. Prendre le temps de formuler cela ne fera qu’empêcher les visiteurs de connaître les nouvelles qu’ils sont venus lire ici.

Images descriptives

Par exemple, disons que vous créez un site Web ou un blog pour un vétérinaire et cette page fournit des informations sur la façon de prendre soin des pattes d’un chien.

Bien que ces informations ne puissent être décrites qu’à l’aide de texte, il est probablement plus utile de montrer à vos visiteurs des photos de ce qui est décrit.

Dans ce cas, vous Ajouter un texte alternatif à l’image.

Abréviation de «texte alternatif», l’attribut de texte alternatif décrit ce que nous voyons dans une image. C’est un must pour rendre le contenu visuel accessible.

Vous pouvez l’ajouter au champ « Texte alternatif » de votre constructeur de site Web lors du téléchargement de l’image, comme dans cet exemple WordPress:

Images descriptives

Ou vous pouvez l’écrire dans le HTML de votre image. Par exemple:

”Die

Les informations se trouvent derrière l’attribut alt =. Quand quelqu’un utilise un Lecteur d’écran Lorsque vous affichez le site Web mobile en itinérance, c’est le texte qui représente l’image, alors assurez-vous de capturer pleinement tous les détails nécessaires.

Mieux vous décrivez vos images, plus il est facile pour les moteurs de recherche de les classer dans les résultats de recherche d’images.

Lorsque les images ajoutent à l’histoire, ajoutent du contexte ou prennent en charge le contenu écrit de la page, elles ont besoin d’un texte alternatif. Par exemple:

Illustrations ou des captures d’écran comme celle-ci sur le Asana Page d’accueil:

Images ou captures d'écran

Le texte alternatif de ce graphique est « Asana List View ».

Photographies qui racontent une histoire importante et fournissent un contexte tel que vous pouvez le trouver sur le site Web NASA Site Internet:

Photographies

Ce texte alternatif dit « les astronautes sur la surface lunaire ».

Logos comme les aimables agences et les entreprises de technologie ont tendance à placer sur leur page d’accueil en tant que Verbal + visuel Est-ce que:

Logos

Le texte alternatif pour chacun de ces logos est « [company name] Logo mélanine ».

Visualisation de données comme cette infographie sur le Wordstream Blog:

Visualisation de données

Le texte alternatif est « Google Privacy Infographic ».

Images sélectionnées comme ceux que vous trouvez sur le BuzzFeed Site Internet:

Images sélectionnées

Celui montré ici contient le texte alternatif « Nicola Coughlan comme Penelope in Bridgerton ».

Comment rendre les vidéos de sites Web accessibles

En ce qui concerne les vidéos, il y a quatre choses que vous devez faire pour vous assurer que le contenu est accessible:

Lecteurs vidéo accessibles

Il est préférable d’intégrer des vidéos à partir de sources externes, car les fichiers vidéo peuvent représenter un fardeau énorme pour votre serveur. Mais fais attention à quoi Lecteur vidéo Ils hébergent votre contenu sur.

Vous en avez besoin d’un comme YouTube ou Vimeo qui peut accomplir deux choses.

La première consiste à permettre aux utilisateurs de contrôler le lecteur sans souris, comme je le fais en feuilletant cette vidéo de Britney Spears:

La même chose devrait se produire si les visiteurs désactivés souhaitent utiliser le clavier pour contrôler les vidéos intégrées directement sur votre site Web, comme celle-ci de Moz::

Les utilisateurs doivent également pouvoir accéder aux commandes du lecteur avec un lecteur d’écran.

Légendes

La deuxième chose que votre lecteur vidéo doit faire est de permettre aux utilisateurs d’activer les sous-titres.

Les sous-titres apparaissent sur l’écran de votre vidéo, permettant aux personnes qui n’ont pas entendu le son ou qui l’ont désactivé de suivre ce qui a été dit ou entendu.

Par défaut, de nombreux lecteurs vidéo génèrent automatiquement des sous-titres pour vous. Si vous voulez qu’ils soient plus précis et précis, vous pouvez créer et télécharger les vôtres.

Une fois téléversés, vos téléspectateurs peuvent activer la fonction de sous-titrage, comme je l’ai fait Entreprise rapide Vidéo:

Légendes

C’est également une bonne idée de désactiver automatiquement vos vidéos (comme dans l’exemple ci-dessus).

Si quelqu’un ne peut pas voir l’écran, la lecture automatique de la vidéo peut être un choc pour eux et ils se sentiront pressés de trouver le lecteur vidéo et de désactiver le son. Il en va de même pour les personnes qui visitent le site dans un lieu public et ne s’attendent pas à ce qu’il soit accompagné d’audio.

Descriptions audio

Pour les personnes qui peuvent entendre la vidéo mais ne peuvent pas la voir, il y a des informations qu’elles peuvent ignorer que le sous-titrage codé régulier n’aidera pas. Une piste de description audio supplémentaire ou un fichier texte est fourni à cet effet.

Les descriptions audio sont similaires au texte alternatif en ce qu’elles décrivent ce qui se passe à l’écran. Ils prononcent également tous les mots pouvant apparaître dans la vidéo.

Comme pour le texte alternatif, vous ne devez inclure des descriptions audio que lorsque cela a du sens.

Par exemple, si la vidéo se compose de deux personnes qui discutent pendant un podcast, aucune description audio n’est requise. Si quelqu’un présente des données visuellement dans un webinaire, c’est le cas.

Les lecteurs vidéo populaires comme YouTube et Vimeo ne prennent pas en charge la description audio, sauf si vous collez réellement les extraits dans l’audio ou les sous-titres de votre vidéo.

S’il s’agit d’une fonctionnalité d’accessibilité importante pour votre contenu, envisagez d’utiliser l’une de ces fonctionnalités lecteurs vidéo accessibles qui le soutient.

Transcriptions

La dernière chose dont vous avez besoin pour rendre une vidéo accessible est une transcription.

Un relevé de notes est un document qui décrit:

  • Ce qui a été dit dans la vidéo
  • qui a dit ça
  • Que s’est-il passé à l’écran
  • Quand tout est dit ou apparu

Conversations TEDx sont livrés avec des transcriptions traduites dans plus d’une douzaine de langues:

Transcriptions

Les transcriptions ne sont pas seulement utiles pour les malvoyants qui ne peuvent ni entendre ni regarder des vidéos.

Ils sont utiles pour les personnes qui sont plus à l’aise pour lire le résumé que pour regarder une vidéo de 20 minutes.

Ils sont également utiles pour l’optimisation des moteurs de recherche car ils apparaissent juste en dessous de la vidéo sur votre page Web. Si vous les optimisez pour la recherche comme vous le faites sur vos autres pages, vos vidéos peuvent être indexées et classées comme toute autre chose.

Emballer

Ce n’est que la pointe de l’iceberg en ce qui concerne l’accessibilité à Internet, mais c’est une partie très importante de celui-ci.

Nous utilisons souvent du contenu visuel pour améliorer les actualités sur nos sites et fournir un contexte plus large à nos points. Tous ceux qui visitent le site doivent avoir accès à l’intégralité de l’histoire, pas seulement à ce qu’ils peuvent entendre ou voir.

Si vous rendez vos photos et vidéos accessibles, cela peut l’être.



Source link

Recent Posts