Schreiben des wirkungsvollen Alt Textes für Bilder
| by Trenton Moss | March 31, 2005
Jedermann, das alles über Netzzugänglichkeit weiß, weiß, daß Bilder Alternative benötigen oder Alt, der Text, der ihnen zugewiesen wird. Dieses ist, weil Schirmleser nicht Bilder verstehen können, aber eher laut gelesen dem alternativen Text, der ihnen zugewiesen wird. Im Internet Explorer können wir diesen Alt Text sehen, einfach, indem wir über dem Bild mousing und das gelbe tooltip betrachten, das erscheint. Andere Datenbanksuchroutinen (richtig) tun nicht dies. Das HTML für das Einsetzen des Alt Textes ist:
Aber sicher nicht kann eine Fähigkeit Schreiben Alt zum Text für Bilder dort sein? Du gerechter Knall eine Beschreibung innen dort und du seid gut zu gehen, recht? Gut Art von. Sicher, ist es nicht Rakete Wissenschaft, aber es gibt einige Richtlinien, die du folgen mußt…
Distanzscheibe Bilder und fehlender Alt Text
Distanzscheibe Bilder sollten ungültigen Alt Text oder alt= "" immer zugewiesen werden. Auf diese Weise die meisten Schirmleser ignoriert vollständig das Bild und nicht sogar verkündet seine Anwesenheit. Distanzscheibe Bilder sind unsichtbare Bilder, die recht die meisten Web site verwenden. Der Zweck von ihnen ist, da der Name vorschlägt, Raum auf der Seite zu verursachen. Manchmal ist es nicht möglich, die Sichtanzeige zu verursachen, die du benötigst, also kannst du ein Bild haften (seine Höhe und Breite innen spezifizierend) und volià, hast du den Extraraum du benötigst.
Nicht jeder benutzt diesen ungültigen Alt Text für Distanzscheibe Bilder. Einige Web site haften im alt= " Distanzscheibe Bild ". Sich vorstellen, wie, dieses zu stören für einen Schirmleserbenutzer sein kann, besonders wenn du 10 von ihnen in einer Reihe hast. Ein Schirmleser würde, „Bild, Distanzscheibe Bild“ 10mal in einer Reihe (Schirmleser sagen normalerweise das Wort, „das Bild“, bevor sie seinen Alt Text auslesen) - nun da ist nicht nützlich sagen!
Andere Netzentwickler lassen einfach das Alt Attribut für Distanzscheibe Bilder aus (und möglicherweise andere Bilder). In diesem Fall lesen die meisten Schirmleser den Dateinamen aus, der `newsite/Bilder/onepixelspacer.gif sein könnte'. Ein Schirmleser würde dieses Bild als „Bild, Pixeldistanzscheibe Punkt-GIF des newsite Schrägstrichbildschrägstriches einer“ verkünden. Sich vorstellen, was dieses wie klingen würde, wenn es 10 von diesen in einer Reihe gab!
Gewehrkugeln und Ikonen
Gewehrkugeln und Ikonen sollten als Distanzscheibe Bilder auf beinahe gleiche Art und Weise behandelt werden, also sollten ungültigen alternativen Text oder alt= "" zugewiesen werden. An eine Liste der Einzelteile mit einer phantastischen fortfahrenden Gewehrkugel denken jedes Einzelteil. Wenn der Alt Text, `Gewehrkugel' jedem Bild dann zugewiesen wird, „Bild, Gewehrkugel“ wird laut von den Schirmlesern vor jedem Liste Einzelteil gelesen und läßt es Nehmen dieses wenig länger durch die Liste arbeiten.
Die Ikonen, normalerweise benutzt, um Verbindungen ergäzunzen, sollten alt= "" auch zugewiesen werden. Viele Web site, die die Ikone nahe bei dem Verbindung Text setzen, benutzen den Verbindung Text als der Alt Text der Ikone. Schirmleser würden zuerst diesen Alt Text und dann den Verbindung Text verkünden, also würden dann die Verbindung zweimal sagen, die offensichtlich nicht notwendig ist.
(Ideal, sollten Gewehrkugeln und Ikonen als Hintergründe durch das CSS Dokument aufgerufen werden - diese würde sie vom HTML Dokument vollständig und folglich entfernen, die Notwendigkeit an jeder möglicher Alt Beschreibung zu entfernen.)
Dekorative Bilder
Dekorative Bilder sollten ungültigen alternativen Text oder alt= "" auch zugewiesen werden. Wenn ein Bild reine Auge Süßigkeit dann dort ist keine Notwendigkeit an einem Schirmleserbenutzer, sogar zu wissen ist, daß es dort ist und Sein informiert von seiner Anwesenheit fügt einfach der Geräuschverunreinigung hinzu.
Andererseits könntest du argumentieren, daß die Bilder auf deinem Aufstellungsort eine Marke Identität verursachen und indem Sie sie von den Schirmleserbenutzern verstecken, du dieser Gruppe Benutzern die gleiche Erfahrung verweigerst. Zugänglichkeit Experten neigen, das ehemalige Argument zu bevorzugen, aber es gibt zweifellos ein gültiges Argument für das letzte auch.
Navigation u. Text eingebettet innerhalb der Bilder
Navigation Menüs, die phantastischen Text haben keine Wahl erfordern, aber den Text innerhalb eines Bildes einbetten. In dieser Situation sollte der Alt Text nicht benutzt werden, um auf das Bild zu erweitern. Unter keinen Umständen der Alt Text, sagen, `lesen alle über unsere fantastischen Dienstleistungen, entworfen, um dir in alles zu helfen, das du'. Wenn das Menüeinzelteil sagt, hält `' dann den Alt Text sollte `Dienstleistungen auch sagen' instand. Alt Text sollte den Inhalt des Bildes immer beschreiben und sollte den Wort für Wort Text wiederholen. Wenn du auf die Navigation, wie in dieses Beispiel, dich erweitern möchtest kann das Titelattribut verwenden.
Das selbe beantragt jeden möglichen anderen Text, der innerhalb eines Bildes eingebettet wird. Der Alt Text sollte einfach wiederholen, Wort für Wort, der Text, der innerhalb dieses Bildes enthalten wird.
(Es sei denn der Schriftkegel, der verwendet wird, besonders einzigartig ist, ist es häufig nicht notwendig, Text innerhalb der Bilder einzubetten - vorgerückte Navigation und Hintergrundeffekte können mit CSS jetzt erzielt werden.)
Firmafirmenzeichen
Web site neigen, zu schwanken in, wie sie Alt Text an den Firmenzeichen auftragen. Einige sagen, `Firmennamen', andere `Firmennamenfirmenzeichen', und anderes beschreiben die Funktion des Bildes (normalerweise eine Verbindung zurück zu dem homepage), `zurück zu Haus'. Sich erinnern, Alt Text sollte den Inhalt des Bildes immer beschreiben, also ist das erste Beispiel, alt= " Firmennamen ", vermutlich das beste. Wenn das Firmenzeichen eine Verbindung zurück zu dem homepage dann ist, kann dieses durch den Titelumbau effektiv mitgeteilt werden.
Zusammenfassung
Wirkungsvollen Alt Text zu schreiben ist nicht zu schwierig. Wenn es ein dekoratives Bild dann ist, null alternativen Text, oder alt= "" sollte normalerweise benutzt werden - nie das Alt Attribut überhaupt auslassen. Wenn das Bild Text dann enthält, sollte der Alt Text diesen Text einfach wiederholen, Wort für Wort. Sich erinnern, Alt Text sollte den Inhalt des Bildes und des nichts mehr beschreiben.
Sicher auch auch sein, Alt Text so kurz zu halten und succinct wie möglich. Das Hören zu einer Webseite mit einem Schirmleser nimmt viel länger als traditionelle Methoden, also bildet die surfende Erfahrung nicht schmerzlich für Schirmleserbenutzer mit aufgeblähtem und nicht notwendigem Alt Text.
Aber sicher nicht kann eine Fähigkeit Schreiben Alt zum Text für Bilder dort sein? Du gerechter Knall eine Beschreibung innen dort und du seid gut zu gehen, recht? Gut Art von. Sicher, ist es nicht Rakete Wissenschaft, aber es gibt einige Richtlinien, die du folgen mußt…
Distanzscheibe Bilder und fehlender Alt Text
Distanzscheibe Bilder sollten ungültigen Alt Text oder alt= "" immer zugewiesen werden. Auf diese Weise die meisten Schirmleser ignoriert vollständig das Bild und nicht sogar verkündet seine Anwesenheit. Distanzscheibe Bilder sind unsichtbare Bilder, die recht die meisten Web site verwenden. Der Zweck von ihnen ist, da der Name vorschlägt, Raum auf der Seite zu verursachen. Manchmal ist es nicht möglich, die Sichtanzeige zu verursachen, die du benötigst, also kannst du ein Bild haften (seine Höhe und Breite innen spezifizierend) und volià, hast du den Extraraum du benötigst.
Nicht jeder benutzt diesen ungültigen Alt Text für Distanzscheibe Bilder. Einige Web site haften im alt= " Distanzscheibe Bild ". Sich vorstellen, wie, dieses zu stören für einen Schirmleserbenutzer sein kann, besonders wenn du 10 von ihnen in einer Reihe hast. Ein Schirmleser würde, „Bild, Distanzscheibe Bild“ 10mal in einer Reihe (Schirmleser sagen normalerweise das Wort, „das Bild“, bevor sie seinen Alt Text auslesen) - nun da ist nicht nützlich sagen!
Andere Netzentwickler lassen einfach das Alt Attribut für Distanzscheibe Bilder aus (und möglicherweise andere Bilder). In diesem Fall lesen die meisten Schirmleser den Dateinamen aus, der `newsite/Bilder/onepixelspacer.gif sein könnte'. Ein Schirmleser würde dieses Bild als „Bild, Pixeldistanzscheibe Punkt-GIF des newsite Schrägstrichbildschrägstriches einer“ verkünden. Sich vorstellen, was dieses wie klingen würde, wenn es 10 von diesen in einer Reihe gab!
Gewehrkugeln und Ikonen
Gewehrkugeln und Ikonen sollten als Distanzscheibe Bilder auf beinahe gleiche Art und Weise behandelt werden, also sollten ungültigen alternativen Text oder alt= "" zugewiesen werden. An eine Liste der Einzelteile mit einer phantastischen fortfahrenden Gewehrkugel denken jedes Einzelteil. Wenn der Alt Text, `Gewehrkugel' jedem Bild dann zugewiesen wird, „Bild, Gewehrkugel“ wird laut von den Schirmlesern vor jedem Liste Einzelteil gelesen und läßt es Nehmen dieses wenig länger durch die Liste arbeiten.
Die Ikonen, normalerweise benutzt, um Verbindungen ergäzunzen, sollten alt= "" auch zugewiesen werden. Viele Web site, die die Ikone nahe bei dem Verbindung Text setzen, benutzen den Verbindung Text als der Alt Text der Ikone. Schirmleser würden zuerst diesen Alt Text und dann den Verbindung Text verkünden, also würden dann die Verbindung zweimal sagen, die offensichtlich nicht notwendig ist.
(Ideal, sollten Gewehrkugeln und Ikonen als Hintergründe durch das CSS Dokument aufgerufen werden - diese würde sie vom HTML Dokument vollständig und folglich entfernen, die Notwendigkeit an jeder möglicher Alt Beschreibung zu entfernen.)
Dekorative Bilder
Dekorative Bilder sollten ungültigen alternativen Text oder alt= "" auch zugewiesen werden. Wenn ein Bild reine Auge Süßigkeit dann dort ist keine Notwendigkeit an einem Schirmleserbenutzer, sogar zu wissen ist, daß es dort ist und Sein informiert von seiner Anwesenheit fügt einfach der Geräuschverunreinigung hinzu.
Andererseits könntest du argumentieren, daß die Bilder auf deinem Aufstellungsort eine Marke Identität verursachen und indem Sie sie von den Schirmleserbenutzern verstecken, du dieser Gruppe Benutzern die gleiche Erfahrung verweigerst. Zugänglichkeit Experten neigen, das ehemalige Argument zu bevorzugen, aber es gibt zweifellos ein gültiges Argument für das letzte auch.
Navigation u. Text eingebettet innerhalb der Bilder
Navigation Menüs, die phantastischen Text haben keine Wahl erfordern, aber den Text innerhalb eines Bildes einbetten. In dieser Situation sollte der Alt Text nicht benutzt werden, um auf das Bild zu erweitern. Unter keinen Umständen der Alt Text, sagen, `lesen alle über unsere fantastischen Dienstleistungen, entworfen, um dir in alles zu helfen, das du'. Wenn das Menüeinzelteil sagt, hält `' dann den Alt Text sollte `Dienstleistungen auch sagen' instand. Alt Text sollte den Inhalt des Bildes immer beschreiben und sollte den Wort für Wort Text wiederholen. Wenn du auf die Navigation, wie in dieses Beispiel, dich erweitern möchtest kann das Titelattribut verwenden.
Das selbe beantragt jeden möglichen anderen Text, der innerhalb eines Bildes eingebettet wird. Der Alt Text sollte einfach wiederholen, Wort für Wort, der Text, der innerhalb dieses Bildes enthalten wird.
(Es sei denn der Schriftkegel, der verwendet wird, besonders einzigartig ist, ist es häufig nicht notwendig, Text innerhalb der Bilder einzubetten - vorgerückte Navigation und Hintergrundeffekte können mit CSS jetzt erzielt werden.)
Firmafirmenzeichen
Web site neigen, zu schwanken in, wie sie Alt Text an den Firmenzeichen auftragen. Einige sagen, `Firmennamen', andere `Firmennamenfirmenzeichen', und anderes beschreiben die Funktion des Bildes (normalerweise eine Verbindung zurück zu dem homepage), `zurück zu Haus'. Sich erinnern, Alt Text sollte den Inhalt des Bildes immer beschreiben, also ist das erste Beispiel, alt= " Firmennamen ", vermutlich das beste. Wenn das Firmenzeichen eine Verbindung zurück zu dem homepage dann ist, kann dieses durch den Titelumbau effektiv mitgeteilt werden.
Zusammenfassung
Wirkungsvollen Alt Text zu schreiben ist nicht zu schwierig. Wenn es ein dekoratives Bild dann ist, null alternativen Text, oder alt= "" sollte normalerweise benutzt werden - nie das Alt Attribut überhaupt auslassen. Wenn das Bild Text dann enthält, sollte der Alt Text diesen Text einfach wiederholen, Wort für Wort. Sich erinnern, Alt Text sollte den Inhalt des Bildes und des nichts mehr beschreiben.
Sicher auch auch sein, Alt Text so kurz zu halten und succinct wie möglich. Das Hören zu einer Webseite mit einem Schirmleser nimmt viel länger als traditionelle Methoden, also bildet die surfende Erfahrung nicht schmerzlich für Schirmleserbenutzer mit aufgeblähtem und nicht notwendigem Alt Text.
Article Source: http://www.articleset.com

You are welcome to publish or reprint this article free of charge, provided:
- you include the entire article, unchanged, including the "About The Author" box
- all hyperlinks remain active, including the bottom ArticleSet.com link (does not apply to print publications)
- you agree not to hold the authors nor ArticleSet.com liable for any loss profits, expenses, or any other damages resulting from the use or misuse of articles published on this website