Screen-Reader mit einem Geschütztes Leerzeichen in alt attrib

Question

Ich bin mit einem CMS für Bilder, die standardmäßig alt nicht zu erzeugen ist Attribut in Image-Tags, wenn der Alt-Text vorgesehen ist.

Ich kann einen leeren Raum schaffen „“ in den Alt-Tag zu produzieren:

<img src="../.." alt=" "/>

Wäre dies ein Problem mit Screenreadern sein, und die Web-Zugänglichkeit?

Answer 1

Wenn Sie keine Alt-Text verwenden, können Sie ohne die alt Attribut gehen. Es wird nicht überprüft, aber es wird nichts ändern, wird es funktioniert genau gleich. Sie sind erfreulich einfach den Validator.

Mit einem Raum nicht keine Probleme mit sich bringen.

Answer 2

Es gibt drei Möglichkeiten, die HTML-Autoren ALT Text auf ihre Bilder schreiben kann:

1. Ohne ALT-Attribut angegeben
2. Mit einem ALT-Attribute, das keine lesbaren Zeichen enthält
3. Mit einem ALT-Attribute, das gelesen werden kann

Diese werden auf unterschiedliche Weise behandelt werden.

Im Fall eines Bildes, das ein ALT-Attribut, wie dies fehlt:

<img src="fruit.png" width="100" height="100" />

... der Standard-Bildschirmleseverhalten der SRC gelesen Attribut laut. Also, vorausgesetzt, dass dieses Bild im images Ordner auf example.com gehostet wurde, würde der Bildschirmleser sagen: Graphic: h ttp://www.example.com/images/fruit.png. die ALT-Attribut Weglassen ist eine schlechte Praxis, weil blinde Besucher mit aufzuwickeln durch Tonnen von irrelevanten Kauderwelsch waten.

Im Fall eines Bildes, das ein ALT-Attribut, das keine lesbaren Informationen enthält, wie eine dieser beide:

<img src="fruit.png" width="100" height="100" alt="" />
<img src="fruit.png" width="100" height="100" alt=" " />

... das Standardverhalten ist lautlos über dieses Bild zu übergeben. Der Bildschirmleser kann nicht einen Raum oder eine leere Zeichenfolge auszusprechen; und so sagt es nichts. Dies ist der richtige Weg, um die Ankündigung von rein dekorativen Bildern zu unterdrücken. Beachten Sie jedoch, dass die jüngste WebAIM Screenreader Benutzung Umfrage ergab, dass meisten blinde Benutzer ein Bild wissen wollen, ist dort, auch wenn es nicht ersichtlich viel zu ihnen . So zweckmäßig sein, in Bilder mit leeren Alt-Text zu unterdrücken; verwenden Sie es nur, wenn es wirklich ist Null Information durch das Bild vermittelt.

Schließlich ist natürlich regelmäßig Alt-Text:

<img src="fruit.png" width="100" height="100" alt="Photo of apples." />

In diesem Fall wird der Bildschirmleser sagen „Grafik: Foto der Äpfel.“ Putting eine Periode in der Pause Bildschirmleser macht am Ende des ALT-Text.

Picking Text gut ALT ist wichtig, und kann hart sein. Im Allgemeinen, wenn Sie Ihr Bild ein Bild von Text enthält, dann sollten Sie diesen Text (oder eine geeignete Abkürzung davon) in der ALT-Text wiedergeben. Wenn es illustrativ oder Foto ist, sollten Sie Ihr ALT Text eine kurze Beschreibung des Inhalts des Fotos sein. Wenn es sich um ein komplexes Bild wie ein Diagramm ist, na ja, müssen Sie die ALT-Text verwenden, um den Benutzer auf eine vollständigere Beschreibung an anderer Stelle in der Seite zu lenken. (Das LONGDESC Attribut wurde für diesen Zweck konzipiert, ist aber nicht weit von Screenreadern unterstützt.)

Wenn Ihr Bild ist auch ein Link, ist es absolut wichtig, vernünftig ALT Text zu haben; sonst Ihre blinde Besucher werden keine Ahnung, was die Verbindung der Fall ist.

Ich empfehle einen Screenreader (wie NVDA, die Open-Source ist) bekommen und Prüfung mit. Es kann sein - entschuldigen Sie die schlechte Wortspiel -. Ein Augenöffner

Answer 3

Problem ist nur der Kunde die Website will sagen, dass es XHTML-konform ist - so müssen wir die Seiten überprüfen: (