Von über 16.000 befragten Personen geben mehr als die Hälfte (54 %) an, dass sie sich bei `alt`-Texten für bilder, die für den Inhalt wichtig sind, „etwas Mühe geben“. Das bereitgestellte Beispiel gab Einblicke in den Inhalt und die Relevanz des Bildes.
Glücklicherweise gab die geringste Anzahl von Personen (10 %) an, dass sie „nichts tun“. Das ist bedauerlich, da es ein echtes Problem der Barrierefreiheit darstellt.
22 % gaben an, dass sie „ein wenig tun“. Das bereitgestellte Beispiel gab keine Einblicke in den Inhalt und die Relevanz des Bildes, was es genauso schlimm (möglicherweise schlimmer, da es Zeit kostet) macht, als nichts zu tun. Aber ich nehme an, sie sind sich zumindest bewusst, dass sie Alt-Text bereitstellen sollten.
14 % der Personen gaben an, dass sie „alles geben“. Im Beispiel (ein Bild eines Diagramms) wurden die genauen Zahlen im Diagramm aufgeführt und die auffälligste Tatsache über das Diagramm erläutert. Das ist oft der Sinn eines Diagramms: eine bestimmte Gegenüberstellung hervorzuheben. Solange „alles geben“ nicht zu „zu viel des Guten“ wird (benutzen Sie Ihr eigenes Urteilsvermögen), ist dies der ideale Weg.
Das Diagramm diesmal mit einem eingebetteten Pen unter Verwendung von amCharts
Weitere Informationen finden Sie beim A11Y Project
Das Attribut `alt` soll Benutzern helfen, keine Inhalte zu verpassen. Stellen Sie also sicher, dass Ihr Text für jeden hilfreich ist, der das Bild nicht sieht. Dies könnten Benutzer assistierender Technologien oder Benutzer eines Mobilgeräts sein, bei denen Bilder deaktiviert sind (um beispielsweise Daten zu sparen).
Die vollständigen Echtzeit-Ergebnisse dieser und aller vergangenen Umfragen finden Sie im Umfragenarchiv.
Ich habe für "alles geben" gestimmt. Meine Mutter ist blind und benutzt einen Screenreader. Bilder ohne oder mit wenig Alt-Text sind ihr größtes Problem.
Ich war früher fest in der Kategorie "Nichts tun" eingeordnet, dann habe ich eine Präsentation von Leonie Watson gesehen https://www.youtube.com/watch?v=vK1tlLOavvM und jetzt bin ich komplett bei "Alles geben"!
Danke Ray! Ich freue mich zu wissen, dass es jetzt noch mehr Bilder im Web mit guten Beschreibungen gibt :)
Es ist gut zu wissen, dass die meisten Leute Textbeschreibungen liefern, und hoffentlich werden die 10 % von nun an damit beginnen!
Es lohnt sich, einen kurzen Punkt zur Benutzerfreundlichkeit von Textbeschreibungen hinzuzufügen.
Wenn Sie einen Screenreader verwenden, kann das Verarbeiten der Informationsmenge in der "Alles geben"-Textbeschreibung mühsam sein. Es gibt viele Details zu erfassen, und ein Screenreader wird sie normalerweise alle auf einmal vorlesen, sobald das Bild den Fokus erhält.
Diese Details sind jedoch äußerst wichtig, insbesondere wenn die Daten aus dem Bild nicht anderweitig auf der Seite verfügbar sind. Ein Ansatz ist die Verwendung der Option "etwas tun" für den Alt-Text und die Ergänzung durch das `longdesc`-Attribut, um auf detailliertere Informationen auf einer anderen Seite zu verweisen.
Ich gebe alles, da es mir mein Dozent in den Einführungskursen und Fortgeschrittenenkursen für Webdesign so eingetrichtert hat. Danke Ian =D
Ich finde, dass "Alles geben" in der Umfrage keinen Sinn macht, da all diese Informationen eigentlich nicht in einem `alt`-Tag stehen sollten, sondern im Inhalt der Seite.
Wenn diese Informationen auf der Seite selbst vorhanden sind, könnte der `alt`-Tag bei "Alles geben" für dieses Bild so aussehen: "Diagramm, das zeigt, wie viele Studenten im Jahr 2009 einen Abschluss in Mathematik erworben haben".
Das Bild unterstützt den Inhalt. Wenn Sie das Bild entfernen, sollte das die endgültige Botschaft nicht beeinträchtigen.
Und wenn Sie Inhalte im `alt`-Tag aus dem Hauptinhalt der Seite wiederholen, verfehlen Sie immer noch den Zweck des `alt`-Tags, nämlich die Unterstützung der Hauptbotschaft durch das Bild selbst.
Außerdem DRY, wenn das der Fall ist.
Ich sage nur.
Nachdem dies gesagt ist, gebe ich normalerweise "nichts" (leerer Tag, aber **immer** vorhanden) oder "etwas".
Das gilt, bis ein Webentwickler mein Markup nimmt und es verpfuscht ><
Es ist schwer, solche Annahmen zu treffen. Was ist, wenn Sie gerade eine Tabelle auf einem Tumblr-Blog neu posten und alles, was Sie schreiben wollten, war: „WOW – das ist verrückt!“. Das ist für mich akzeptabel. Sehende Benutzer können Ihre Reaktion sehen und die Tabelle ansehen und herausfinden, worauf Sie reagieren. Screenreader-Benutzer können Ihre Reaktion sehen und dann über die Daten lesen und herausfinden, worauf Sie reagieren. Es geht um die Situation.
Richtig Chris, ich verstehe, was Sie sagen.
Die Sache ist, dass ich mit Ihrem Beispiel "die Hände gebunden" habe, was bedeutet, dass es keine Möglichkeit gibt, Ihr Beispiel zu widerlegen, und Sie letztendlich Recht haben.
Aber das ist eine sehr strenge/seltene Situation, ich glaube nicht, dass eine solche Situation zu oft vorkommt, um als "Norm" betrachtet zu werden.
In meinen Augen versuche ich als Content-Stratege, mich nicht auf Bilder zu verlassen, um die Kernbotschaft zu vermitteln, sondern stattdessen Bilder zu verwenden, um den Inhalt zu unterstützen und die Botschaft zu verbessern, unabhängig davon, wie diese Botschaft übermittelt wird: per Text, per Ton (Screenreader) usw.
Wenn die Botschaft aus irgendeinem Grund bildabhängig ist, dann ist der `alt`-Tag möglicherweise nicht ausreichend und zu diesem Zeitpunkt wäre vielleicht Ton die bessere Option.
Nur "TOL" (thinking out loud :p)
Aber wie in Ihrem Fall könnte der obige Fall ebenfalls selten sein.
Fazit ist, all diese über 16.000 Leute und wir hier sind uns sehr bewusst, dass die beste Benutzererfahrung geboten werden muss, sei es mit `alt`-Tags, Ton, richtiger Content-Architektur usw.
Und das ist gut für das Web :)
Ich stimme nicht zu. Ich denke, die "Hände gebunden" repräsentieren tatsächlich den Großteil der Bildinhalte im Web – Dinge, die von Benutzern hochgeladen, aus einem CMS, weitergeleitet usw. wurden. Kein noch so liebevoll von Hand erstelltes Markup kann jemals mit der Menge an automatisch generierten Inhalten im Web mithalten.
Aber generell stimme ich zu – die meisten Bilder im Web sind keine Diagramme von Studentenexmatrikulationsraten; es sind 1x1 transparente GIFs/PNGs, Lolcats und Nacktbilder. Ich denke immer ein wenig über meine Alt-Attribute nach, aber am Ende sind die meisten davon leere Strings. Warum? Meistens, wenn das Bild nicht angezeigt wird, möchte ich, dass der User-Agent es überspringt, als ob es nicht da wäre – weil es oft unmöglich ist, etwas Relevantes zu sagen, relevante Informationen gar nicht existieren oder es rein dekorativ ist.
Als Beispiel für die erste Kategorie nehmen Sie ein Bild mit einer Bildunterschrift, die den Inhalt des Bildes auf irgendeine Weise ironisch untergräbt (oder umgekehrt). Was würden Sie für den Alt-Text tun? Nur die Bildunterschrift? Die Bildunterschrift und eine Beschreibung des Bildes? Die Bildunterschrift und eine Beschreibung und einen Kommentar dazu, wie und warum die Gegenüberstellung ironisch ist? Alles oben Genannte plus eine lange metaphysische Abhandlung über die philosophische Natur der Ironie selbst?
Es ist unmöglich, diese Frage allgemein zu beantworten, weshalb Aussagen über die Bedeutung von langen Alt-Tags ein wenig albern sind.
Nur zur Information, Ihr Diagramm ist schick, skaliert aber auf Mobilgeräten nicht gut :-S
http://cl.ly/image/1N2b0D3R2s0W
haha, es funktioniert wenigstens nicht wirklich. Minichart!
Ich habe bisher nicht so viel Aufmerksamkeit auf Alt-Tags gelegt, bis ich kürzlich ein Gespräch mit einem Kollegen hatte (ich arbeite im Bereich psychische Gesundheit und betreue die Website unseres Teams), der mir sagte, dass Menschen mit Sehbehinderung detaillierte Beschreibungen sehr schätzen. Er wies darauf hin, dass Bilder von Dingen wie Essen und Landschaften mit aussagekräftigen Alt-Tags das Erlebnis erheblich verbessern können.
Ich verstehe, wo Ricardo Zea herkommt, wenn er sagt, dass der Inhalt das Fleisch der Information enthalten sollte, aber ich denke immer noch, dass es viele Szenarien gibt, in denen der Inhalt das Bild nicht unterstützt (z. B. Galerien, Profilbilder usw.).
@Dan, ich denke, diese Bildergalerien und Profilbilder haben eine bestimmte Art von Inhalt, die nicht unbedingt bedeutet, dass die Verwendung von `alt` die beste Lösung zur Unterstützung der Bilder ist.
Ich habe tausend und eine Lightbox für Bildergalerien gesehen, bei denen der Autor des Skripts beschließt, das `alt`-Tag als Attribut zu verwenden, aus dem das Skript die Beschreibung des Bildes extrahiert, nur damit jeder auf seiner Forum- oder Tutorial-Seite fragt: "Hey, wie füge ich HTML in das `alt`-Tag ein?".
Das allein ist ein großer Fehler im Verständnis dessen, wofür das `alt`-Tag gedacht ist.
Wie Sie sehen können, sagt mir der "Inhalt" – "Hey Mann, ich brauche diesen Text fett gedruckt, mit einem Absatz und einem Link am Ende." Wie planen wir das dann? Durch die Verwendung von Markup im `alt`-Tag.
Plop! Meiner Meinung nach nicht der richtige Weg, das `alt`-Tag zu verwenden. Ich bin vor ein paar Jahren aus diesem Albtraum erwacht. Lassen Sie uns gar nicht erst über die Trennung von Präsentation und Inhalt sprechen, oder ... Code-Aufblähung :p
Am Ende denke ich also, dass es nicht darum geht, wie der Inhalt/die Botschaft die Bilder unterstützt, sondern wie Bilder helfen, den Inhalt/die Botschaft zu unterstützen.
Ich persönlich gebe jetzt alles, da ich verstehe, wie sehr das Alt-Tag Menschen mit Screenreadern beeinflusst.
Es wäre interessant, eine Umfrage darüber zu sehen, wie viele der über 16.000 ihre Vorgehensweise nach dieser Umfrage ändern werden oder nicht. (
Ein begeisterter Leser seit einem Jahr. Erstes Posting.
Danke für die großartigen Inhalte.
Als begeisterter Nutzer eines CLI-Browsers sowie eines alten Blackberry (mit nur 2G) muss ich sagen: Ihr Alt-Text wird SEHR geschätzt. Danke an Sie alle von den 13,88 %, Sie sind großartig!
Die Menge an Alt-Text ist nicht wirklich das Problem, sondern **wann** er verwendet werden sollte. Ich neige zur Vorsicht und füge Alt-Text für die Mehrheit der Bilder hinzu, wenn er nicht benötigt wird. Dies wirkt sich negativ auf Screenreader-Benutzer aus, da sie mehr Inhalte vorlesen, als sie benötigen, und in einigen Fällen Inhalte verdoppeln und "Rauschen" hinzufügen.
Das häufigste Beispiel unten werde ich nie mit Alt-Text versehen, da der Text im Link genügend Kontext bietet
<article> <h3> <a href="#"> <img src="http://fillmurray.com/100/75" alt=""> Headline text </a> </h3> <div class="summary">Lorem ipsum dolor sit amet.</div> </article>Ich verwende Alt-Texte ständig, hauptsächlich zu SEO-Zwecken. 2-3 Wörter über das Bild zu schreiben dauert nicht länger als ein paar Sekunden. Ich weiß nicht, warum die meisten Leute sich nicht die Mühe machen, Alt zu verwenden.
Ich gebe zwar keine vollständige Beschreibung des Bildes an, aber ich versuche, die relevanten Informationen einzufügen. Mein jetziger Chef (ein kleines Webentwicklungsunternehmen) verwendet jedoch das Alt-Tag für "SEO" und fügt eine Menge nutzloser Informationen hinzu, die nichts mit dem Bild zu tun haben. Als ich erwähnte, dass er damit die Seite für Menschen mit Screenreadern kaputt macht, antwortete er, dass es ihm egal sei. Abgesehen von der Tatsache, dass ich bezweifle, dass es einen SEO-Schub gibt, indem nutzlose Tags im Alt-Bereich verwendet werden, wurde mir gesagt, dass ich keine Ahnung hätte.
Ich fühle deinen Schmerz.
Ich bin sicher, Ihr Chef glaubt, er wisse, wovon er spricht, wenn er sagt, dass es ihm "egal sei", lol.
Ich bin sicher, dass Ihr Chef in gewissem Maße die SEO der Seiten/Websites beeinträchtigt, auf denen er Sie dazu bringt, den `alt`-Tag mit vielen Inhalten zu füllen.
Er muss so sicher sein, dass er Google täuscht, hehe.
Oh Mann.
Viel Glück, Mann.
E-Book-Reader-Test
Danke, dass Sie endlich über >Poll Wrapup: How Much Effort Do
People Put Into Alt Text? | CSS-Tricks <es geschrieben haben! Hat es geliebt! E-Book-Reader-Test