Enter your search terms

Web ArticleSet.com Submit search form

N'importe qui qui sait n'importe quoi au sujet de l'accessibilité de Web sait que les images ont besoin d'alternative, ou alt, texte assigné à eux. C'est parce que les lecteurs d'écran ne peuvent pas comprendre des images, mais plutôt lu à haute voix le texte alternatif assigné à elles. Dans l'Internet Explorer nous pouvons voir ce texte d'alt, simplement mousing au-dessus de l'image et en regardant le tooltip jaune qui apparaît. D'autres navigateurs (correctement) ne font pas ceci. Le HTML pour insérer le texte d'alt est :

Mais sûrement là ne peut-elle pas être une compétence au texte de l'écriture alt pour des images ? Il est bon aller toi bruit juste une description dedans là et toi, droit ? Bien, sorte de. Sûr, ce n'est pas la science de fusée, mais il y a quelques directives que vous devez suivre…

Images d'entretoise et texte absent d'alt

Des images d'entretoise devraient toujours être assignées le texte nul d'alt, ou le "" d'alt=. De cette façon la plupart des lecteurs d'écran ignorera complètement l'image et n'annoncera pas même sa présence. Les images d'entretoise sont des images invisibles qu'assez la plupart des sites Web emploient. Le but de elles est, car le nom suggère, de créer l'espace à la page. Parfois il n'est pas possible de créer la visualisation que vous avez besoin, ainsi vous pouvez coller une image dedans (indiquant sa taille et largeur) et volià, vous avez l'espace supplémentaire vous avez besoin.

Pas chacun emploie ce texte nul d'alt pour des images d'entretoise. Quelques sites Web collent dans l'alt= " image d'entretoise ". Imaginer comment gêner ceci peut être pour un utilisateur de lecteur d'écran, particulièrement quand vous avez dizaines d'entre elles dans une rangée. Un lecteur d'écran dirait, « image, image d'entretoise » dix fois dans une rangée (les lecteurs d'écran disent habituellement le mot, la « image », avant de donner lecture son texte d'alt) - maintenant que n'est pas utile !

D'autres réalisateurs de Web omettent simplement l'attribut d'alt pour des images d'entretoise (et peut-être d'autres images). Dans ce cas-ci, la plupart des lecteurs d'écran donneront lecture le nom de fichier, qui pourrait être newsite de `/images/onepixelspacer.gif'. Un lecteur d'écran annoncerait cette image en tant que « image, GIF de point d'entretoise de Pixel de l'estafilade une d'images d'estafilade de newsite ». Imaginer ce que retentirait ceci comme s'il y avait dizaines de ces derniers dans une rangée !

Balles et icônes

Des balles et des icônes devraient être traitées plus ou moins de la même façon comme images d'entretoise, ainsi devraient être assignées le texte alternatif nul, ou le "" d'alt=. Penser à une liste d'articles avec une balle de fantaisie procédant chaque article. Si le texte d'alt, balle de `' est assigné à chaque image alors, la « image, balle » sera lue à haute voix par des lecteurs d'écran avant chaque article de liste, faisant fonctionner lui la prise ce peu plus longue par la liste.

Des icônes, habituellement employées pour compléter des liens, devraient également être assignées le "" d'alt=. Beaucoup de sites Web, qui placent l'icône à côté du texte de lien, emploient le texte de lien comme texte d'alt de l'icône. Les lecteurs d'écran annonceraient la première fois ce texte d'alt, et puis le texte de lien, ainsi diraient ensuite le lien deux fois, qui n'est pas évidemment nécessaire.

(Dans le meilleur des cas, des balles et les icônes devraient être appelées comme fonds d'image par le document de CSS - ceci les enlèverait du document de HTML complètement et donc pour enlever le besoin de n'importe quelle description d'alt.)

Images décoratives

Des images décoratives aussi devraient être assignées le texte alternatif nul, ou le "" d'alt=. Si une image est sucrerie pure d'oeil là n'est alors aucun besoin d'un utilisateur de lecteur d'écran de savoir même que c'est là et être au courant de sa présence s'ajoute simplement à la pollution par le bruit.

Réciproquement, vous pourriez arguer du fait que les images sur votre emplacement créent une identité de marque et en les cachant des utilisateurs de lecteur d'écran vous refusez à ce groupe d'utilisateurs la même expérience. Les experts en matière d'accessibilité tendent à favoriser l'ancien argument, mais il y a certainement une raison valide pour le dernier aussi.

Navigation et texte inclus dans des images

Menus de navigation qui exigent le texte de fantaisie n'ont aucun choix mais pour inclure le texte dans une image. Dans cette situation, le texte d'alt ne devrait pas être employé pour examer l'image. Dans aucunes circonstances le texte d'alt dire, `lisent tous au sujet de nos services fantastiques, conçus pour vous aider dans tout ce que vous faites'. Si l'article de menu indique, le `entretient' alors le texte d'alt devrait également dire des services de `'. Le texte d'alt devrait toujours décrire la teneur de l'image et devrait répéter le texte mot-à-mot. Si vous voulez augmenter sur la navigation, comme dans cet exemple, toi peut employer l'attribut de titre.

Le même s'applique pour n'importe quel autre texte inclus dans une image. Le texte d'alt devrait simplement répéter, mot-à-mot, le texte contenu dans cette image.

(À moins que la police étant employée soit particulièrement unique il est souvent inutile d'inclure le texte dans des images - des effets avançés de navigation et de fond peuvent maintenant être réalisés avec le CSS.)

Logo de compagnie

Les sites Web tendent à changer dans la façon dont ils appliquent le texte d'alt aux logos. Certains indiquent, nom de compagnie de `', d'autres logo de nom de compagnie de `', et autre décrivent la fonction de l'image (habituellement un lien de nouveau à la page d'accueil), `de nouveau à la maison'. Se rappeler, texte d'alt devrait toujours décrire la teneur de l'image ainsi le premier exemple, alt= " nom de compagnie ", est probablement le meilleur. Si le logo est un lien de nouveau à la page d'accueil puis ceci peut être efficacement communiqué par l'étiquette de titre.

Conclusion

L'inscription du texte efficace d'alt n'est pas trop difficile. Si c'est une image décorative puis annuler le texte alternatif, ou le "" d'alt= devrait habituellement être employé - jamais, omettre jamais l'attribut d'alt. Si l'image contient le texte puis le texte d'alt devrait simplement répéter ce texte, mot-à-mot. Se rappeler, texte d'alt devrait décrire la teneur de l'image et de rien davantage.

Être également sûr également de garder le texte d'alt aussi sous peu et succinct que possible. Écouter une page Web avec un lecteur d'écran prend beaucoup plus longtemps des méthodes que traditionnelles, ainsi ne rend pas l'expérience surfante douloureuse pour des utilisateurs de lecteur d'écran avec le texte gonflé et inutile d'alt.

Article Source: http://www.articleset.com