Écrire un texte alt efficace pour les images
Celui qui ne sait rien sur l'accessibilité web sait que les images ont besoin de remplacement, ou ALT, des textes qui leur sont assignées. C'est parce que les lecteurs d'écran ne peut pas comprendre des images, mais plutôt lire à haute voix le texte de remplacement leur sont assignées. Dans Internet Explorer, nous pouvons voir ce texte ALT, simplement en positionnant la souris sur l'image et en regardant l'info-bulle jaune qui s'affiche. Les autres navigateurs (correctement) ne le font pas. Le code HTML pour insérer ALT texte est: img src = "filename.gif" alt = "description de remplacement va ici" Mais certainement il ne peut pas être une compétence à l'écriture de la légende des images? Vous éclatez une description dans cet endroit et vous êtes bon pour aller, non? Eh bien, en quelque sorte. Bien sûr, il n'est pas compliqué, mais il ya quelques directives que vous devez suivre ... images Spacer et images manquantes textSpacer taux d'ALAT doit toujours être attribué texte null ALT ou alt = "". De cette façon, la plupart des lecteurs d'écran d'ignorer complètement l'image et ne sera pas encore annoncer sa présence. Spacer images sont des images invisibles qui les plus jolies sites d'utilisation. Le but d'elles est, comme son nom l'indique, de créer un espace sur la page. Parfois il n'est pas possible de créer des écrans de visualisation vous avez besoin, vous pouvez coller une image (en précisant sa hauteur et largeur) et voliÃÆ'à † â € ™ Ã⠀ šÃ, Â, vous avez l'espace supplémentaire dont vous avez tous need.Not utilise ce texte ALT nul pour les images d'espacement. Certains sites Web bâton dans alt = "spacer image". Imaginez comment cela peut être gênant pour un utilisateur de lecteur d'écran, surtout quand vous avez dix d'entre eux dans une rangée. Un lecteur d'écran dirais, «Image, image spacer" dix fois de suite (lecteurs d'écran habitude de dire le mot, "Image", avant de lire son texte ALT) - maintenant que ce n'est pas utile! Développeurs de sites Web Autres congés simplement la touche ALT d'attributs pour les images d'espacement (et des images peut-être d'autres). Dans ce cas, la plupart des lecteurs d'écran vais lire le nom du fichier, qui pourrait être «newsite / images / onepixelspacer.gif». Un lecteur d'écran pourrait annoncer cette image en tant que «Image, les images slash slash newsite une dot spacer pixel gif". Imaginez ce que cela pourrait sonner comme s'il y avait dix de ces consécutive! Puces et iconsBullets et les icônes doivent être traités de la même façon comme des images d'espacement, il doit en être attribué un texte de remplacement nulle ou alt = "". Pensez à une liste d'articles avec une balle de fantaisie procédure chaque article. Si le texte ALT, «Bullet» est attribuée à chaque image, puis, «Image, bullet »sera lu à haute voix par les lecteurs d'écran avant chaque élément de liste, ce qui en fait considérer que peu plus de temps à travailler par l'intermédiaire du list.Icons, habituellement utilisées pour compléter les liens, devrait également être attribué alt =" ". De nombreux sites Web, qui placent l'icône à côté du texte du lien, utilise le texte du lien que le texte ALT de l'icône. Les lecteurs d'écran d'abord annoncer ce texte ALT, puis le texte du lien, de sorte dirait alors le lien à deux reprises, ce qui évidemment n'est pas nécessaire. (Idéalement, les balles et les icônes doivent être appelé comme images de fond dans le document CSS - cela les supprimer du document HTML complètement et donc supprimer la nécessité pour tout ALT description.) images décoratives imagesDecorative doit aussi être attribué un texte de remplacement nulle ou alt = "". Si une image est pur régal pour l'œil alors il n'y a aucun besoin pour un utilisateur de lecteur d'écran pour le savent même pas là et d'être a informé de sa présence ajoute simplement le bruit pollution.Conversely, on pourrait penser que les images sur votre site à créer une identité de marque et en les cachant des utilisateurs de lecteur d'écran que vous nier ce groupe de aux utilisateurs la même expérience. Accessibilité des experts tendent à privilégier le premier argument, mais il ya certainement un exemple valable pour le dernier too.Navigation & textes intégrés dans les menus imagesNavigation qui nécessitent de fantaisie texte n'ont pas d'autre choix que d'intégrer le texte dans une image. Dans cette situation, le texte ALT ne devraient pas être utilisées pour étendre sur l'image. En aucun cas, le texte ALT dire: «Lisez tout sur notre fantastique services, conçus pour vous aider dans toutes vos activités ». Si l'élément de menu indique, 'services' puis le texte ALT devrait aussi dire 'Services'. ALT texte devrait toujours décrire le contenu de l'image et devrait répéter le texte mot pour mot. Si vous souhaitez étendre sur la navigation, comme dans cet exemple, vous pouvez utiliser le attribute.The titre va de même pour tout autre texte incorporé dans une image. Le texte devrait simplement ALT répète, mot pour mot, le texte contenu dans cette image. (sauf si la police utilisée est particulièrement original qu'il est souvent nécessaire d'incorporer du texte dans des images - navigation de pointe et des effets d'arrière-plan peuvent maintenant être réalisés avec du CSS.) logoWebsites entreprise ont tendance à varier dans la façon dont ils appliquent le texte ALT pour les logos. Certains disent, 'Nom de la société », d'autres' name Logo de l'entreprise ', et d'autres décrivent la fonction de l'image (généralement un lien vers la page d'accueil), 'Retour à la maison ». Rappelez-vous, le texte ALT doit toujours décrire le contenu de l'image afin que le premier exemple, alt = "Nom de la société», est probablement le meilleur. Si le logo est un lien vers la page d'accueil alors ce ne peut être efficacement communiquée par le titre tag.ConclusionWriting texte efficace ALT n'est pas trop difficile. Si c'est une image décorative alors le texte de remplacement nulle ou alt = "" doit normalement être utilisé - jamais, jamais omettre l'attribut ALT. Si l'image contient du texte puis le texte ALT devrait simplement répéter ce texte, mot pour mot. Rappelez-vous, le texte ALT doivent décrire le contenu de l'image et rien more.Do aussi être sûr aussi pour maintenir ALT texte aussi court et succinct que possible. Écoute d'une page web avec un lecteur d'écran prend beaucoup plus longtemps que les méthodes traditionnelles, alors ne faites pas l'expérience de navigation pénibles pour les utilisateurs de lecteurs d'écran avec ALT pléthorique et inutile text.This article a été écrit par Trenton Moss. Il est fou d'ergonomie web et accessibilité - tellement fou qu'il est allé et a démarré sa propre ergonomie web et du conseil d'accessibilité (Webcredible --
Source D'Article: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster obtenir le code html
Ajouter cet article sur votre site Web dès maintenant!
Webmaster envoyer vos articles
Aucune inscription requise! Remplissez le formulaire et votre article est dans le Messaggiamo.Com répertoire!
