English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

Schreiben Des Wirkungsvollen Alt Textes Für Bilder

Web-Design RSS Feed





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:

img src="filename.gif" alt="Alternative Beschreibung geht hier"

Aber sicher nicht kann eine Fähigkeit Schreiben Alt zum Text für Bilder dort sein? Sie gerechter Knall eine Beschreibung innen dort und Sie sind gut zu gehen, recht? Gut Art von. Sicher, ist es nicht Rakete Wissenschaft, aber es gibt einige Richtlinien, die Sie folgen müssen...

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 Sie benötigen, also können Sie ein Bild haften (seine Höhe und Breite innen spezifizierend) und voliÃ?Â, haben Sie den Extraraum Sie benötigen.

Nicht jeder benutzt diesen ungültigen Alt Text für Distanzscheibe Bilder. Einige Web site haften im alt="spacer Bild". Stellen Sie vor sich, wie, dieses zu stören für einen Schirmleserbenutzer sein kann, besonders wenn Sie 10 von ihnen in einer Reihe haben. Vor dem Ablesen aus seinem Alt Text, ein Schirmleser würde, "Bild, Distanzscheibe Bild" 10mal in einer Reihe (Schirmleser sagen normalerweise das Wort, "das Bild") - 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/images/onepixelspacer.gif ' sein könnte. Ein Schirmleser würde dieses Bild als "Bild, Pixeldistanzscheibe Punkt-GIF des newsite Schrägstrichbildschrägstriches einer" verkünden. Stellen Sie vor sich, 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 zugewiesen werden, oder Alt = "". denken an eine Liste der Einzelteile mit einer phantastischen fortfahrenden Gewehrkugel 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 auch zugewiesen werden Alt = "". 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 auch zugewiesen werden, oder Alt = "". wenn ein Bild reine Auge Süßigkeit dann dort ist keine Notwendigkeit an einem Schirmleserbenutzer, sogar zu wissen ist, daß es dort ist und seiend informiert von seiner Anwesenheit fügt einfach der Geräuschverunreinigung hinzu.

Andererseits konnten Sie argumentieren, daß die Bilder auf Ihrem Aufstellungsort eine Marke Identität verursachen und indem Sie sie von den Schirmleserbenutzern verstecken, Sie dieser Gruppe Benutzern die gleiche Erfahrung verweigern. 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 Sie, ' lesen alle über unsere fantastischen Dienstleistungen, entworfen, um Ihnen in alles zu helfen, das Sie '. Wenn das Menüeinzelteil sagt, ' sollte der Text Alt der Services dann der Dienstleistungen auch sagen '. Alt Text sollte den Inhalt des Bildes immer beschreiben und sollte den Wort für Wort Text wiederholen. Wenn Sie auf die Navigation, wie in dieses Beispiel, Sie erweitern möchten kann das Titelattribut verwenden.

Dasselbe beanträgt 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 '. Erinnern Sie sich, Alt Text sollte den Inhalt des Bildes immer beschreiben, also ist das erste Beispiel, alt="Company Name", 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 lassen Sie überhaupt das Alt Attribut aus. Wenn das Bild Text dann enthält, sollte der Alt Text diesen Text einfach wiederholen, Wort für Wort. Erinnern Sie sich, Alt Text sollte den Inhalt des Bildes und des nichts mehr beschreiben.

Seien Sie auch sicher auch, 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.

Dieser Artikel wurde durch Trenton Moos geschrieben. Er ist über die Netzbrauchbarkeit und -zugänglichkeit - so verrückt, daß er ging seine eigene Netzbrauchbarkeit- und -zugänglichkeitsberatung (Webcredible - http://www.webcredible.co.uk) beginnen verrückt, um zu helfen, das Internet einen besseren Platz für jeder zu bilden.

Artikel Quelle: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Holen Sie sich den HTML-Code fü Webmaster
Fügen Sie diese Artikel Ihrer Website jetzt hinzu!

Webmaster veröffentlichen Sie Ihre Artikel
Keine Anmeldung erforderlich! Füllen Sie das Formular aus und Ihr Artikel wird im Messaggiamo.Com Artikel-Verzeichnis aufgenommen!

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Veröffentlichen Sie Ihre Texte im Messaggiamo.Com Artikel-Verzeichnis

Kategorien


Copyright 2006-2011 Messaggiamo.Com - Site Map - Privacy - Webmaster, veröffentlichen Sie Ihre Artikel kostenfrei auf Messaggiamo.Com! [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu