Ich unterrichte eine Klasse am örtlichen College hier in Long Beach, und ein Großteil des Inhalts wird auf dem Canvas LMS gehostet, damit die Studenten ihn online abrufen können. Und natürlich möchte ich, dass der Inhalt so zugänglich wie möglich ist, also Gott sei Dank hat Canvas a11y Tools direkt integriert.
Aber das ist nicht alles rosig. Es macht Annahmen wie alle anderen a11y-Tools und hält sich an Richtlinien, die darin programmiert wurden. Es ist nicht so, dass die WCAG direkt integriert und bei Aktualisierungen aktualisiert werden.
Der Grund, warum das überhaupt in meinem Kopf ist, ist, dass Jeremy gestern seine Liebe zum Schreiben von Bildbeschreibungen beschrieb.
Ich schreibe gerne
alt-Text. Ich habe kürzlich beschrieben, wie ich mein Posting-Interface hier auf meiner eigenen Website aktualisiert habe, um eintextareafüralt-Text in den Vordergrund und in die Mitte für meine Notizen mit Fotos zu stellen. Seitdem genieße ich die kreative Herausforderung, nützliche – aber auch evokative –alt-Texte zu schreiben.
Ich kaufe das! Das Schreiben von alt-Text ist eine Herausforderung, die einen feinen Tanz zwischen dem Technischen und dem Kreativen erfordert. Es ist sowohl eine Gelegenheit, Inhalte zugänglicher zu machen, als auch die Benutzererfahrung zu verbessern.
Eine dieser programmierten Richtlinien im Canvas-Tool ist eine Beschränkung von 120 Zeichen für alt-Text. Warum 120? Keine Ahnung, ich konnte keine unterstützende Richtlinie oder Regel für diese genaue Zahl finden. Eine Antwort ist, dass Screenreader aufhören, Text nach 125 Zeichen anzukündigen, aber das ist anscheinend falsch, zumindest heute. Der allgemeine Rat, wie lang alt-Text sein sollte, variiert.
- Jake Archibald spricht über Länge in Bezug auf Emotionen. Detail ist großartig, aber zu viel Detail kann den Brennpunkt verzerren, was absolut Sinn macht.
- Dave sieht sie als kurze, prägnante Absätze.
- Carrie Fisher schlägt eine Beschränkung von 150 Zeichen vor, nicht weil Screenreader sie kürzen werden, sondern eher als mentale Notiz, dass die Dinge vielleicht *zu* beschreibend werden.
- Daniel Göransson sagt in diesem Leitfaden von 2017, dass es auf den Kontext ankommt und man weiß, wann bestimmte Details eines Bildes eine zusätzliche Erklärung wert sind. Aber er tendiert im Allgemeinen zur Kürze.
Also, wie lang sollte alt-Text sein? Der allgemeine Konsens ist, dass es keine harte Grenze gibt, sondern eher ein kontextbezogenes Bewusstsein dafür, welchen Zweck das Bild erfüllt, und eine entsprechende Anpassung daran.
Was mich zurück zu Jeremys Artikel bringt. Er schrieb alt-Texte für eine Gruppe von Sprecher-Headshots und stellte fest, dass sich die Texte alle gleich anhörten. Er hielt inne, dachte über die Erfahrung nach, verglich sie mit der Erfahrung eines sehenden Benutzers und schuf Parität zwischen ihnen.
Je mehr Sprecher zur Aufstellung hinzukamen, desto mehr hatte ich das Gefühl, mich mit dem
alt-Text zu wiederholen. […] Die Erfahrung einer sehenden Person, die eine Seite voller Sprecher betrachtet, ist, dass die Bilder nach einer Weile irgendwie verschwimmen. Wenn sich also auch deralt-Text nach einer Weile etwas repetitiv anhört, ist das vielleicht keine schlechte Sache. Ein Screenreader-Benutzer hätte eine gleichwertige Erfahrung.
Das gefällt mir. Wenn Sie also eine feste Regel für Zeichenzählungen suchen, tut es mir leid, Sie zu enttäuschen. Wie so viele andere Dinge ist Kontext König und das ist die Art von Sache, die nicht kodifiziert oder sogar automatisiert werden kann.
Und während wir beim Thema sind, habe ich gerade bemerkt, dass Twitter eine Benutzeroberfläche zur Anzeige von alt-Text hat.

Wie ist die Benutzererfahrung für Screenreader mit dem
longdesc-Attribut? Wenn sie gut ist, ist das vielleicht das, wonach Sie suchen, wenn es mehr zu sagen gibt.Soweit ich weiß, wurde es als veraltet eingestuft.
Darüber hinaus ist dies keine Beschreibung im Sinne des
alt-Attributs, sondern für eine URL zur Beschreibung (z.B. eine HTML-Seite mit langem Beschreibungstext).Das
longdesc-Attribut existiert praktisch nicht mehr. Es nimmt URLs entgegen, also ist es selbst in Browser-/Screenreader-Kombinationen, wo es funktioniert, eine schlechte Erfahrung. Quelle: Ich habe geholfen, das W3C/WAI Images Tutorial zu schreiben.MDN-Dokumente besagen, dass
longDescveraltet ist. Wenn Sie wirklich eine längere Beschreibung angeben möchten, würde ich wahrscheinlicharia-descriptionverwenden.longdesc ist veraltet und wurde aus HTML5 entfernt (glücklicherweise oder unglücklicherweise, je nach Ihrer Sichtweise).
longdesc ist jetzt obsolet. Die empfohlene Alternative ist die Verwendung eines normalen Links.
https://html.spec.whatwg.org/multipage/obsolete.html#attr-img-longdesc
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/longDesc
https://github.com/w3c/wcag/issues/950
@Lars Kölker, verwenden Sie keine
aria-description. Erstens istaria-descriptionnur im Entwurf der ARIA 1.3-Spezifikation enthalten. Außerdem ist es kein Analogon zulongdesc(longdescsollte eine URL enthalten,aria-descriptionist ein flacher Textstring). Es hat auch noch keine Unterstützung, im Gegensatz zur Verwendung vonaria-describedby, um auf Text auf der Seite zu verweisen (visuell versteckt oder nicht). Ganz zu schweigen davon, dassaria-descriptionnoch eine Weile nicht von automatisierten Übersetzungsdiensten erkannt wird.Was den Gesamtbeitrag betrifft, sprechen Sie mit Ihren Nutzern. Die Übernahme von Hinweisen von einigen beliebten Web-Persönlichkeiten ist ein vernünftiger Anfang, da diese hoffentlich Feedback von Screenreader-Nutzern und Accessibility-Praktikern erhalten würden. Aber gehen Sie nicht weiter als ein Ausgangspunkt. Finden Sie es von den Nutzern Ihrer Website heraus. Und denken Sie daran, dass Kürze *im Allgemeinen* eine gute Ausgangsposition ist.
Der Grund, warum wir Alt-Text auf 150 Zeichen oder weniger beschränken, ist hauptsächlich, weil Screenreader Alt-Text anders behandeln als Body-Text. Ein Screenreader-Benutzer kann Body-Text pausieren oder ihn Wort für Wort oder Zeichen für Zeichen durchgehen. In den meisten Fällen lesen Screenreader Alt-Text vollständig vor, daher ist Kürze am besten. Ein weiterer Grund für die Kürze ist, dass er bei langer Länge (und das gilt auch für longdesc) Inhalte enthalten kann, die auch für sehende Benutzer von Interesse wären. In diesem Fall ist aria-describedby die bessere Wahl.
Absolut einverstanden, dass es auf den Kontext ankommt, und hier beginnen oft die Probleme. Eine typische Einrichtung ist, Bilder in einem Asset-Management-System zu speichern, daher wird erwartet, dass der Alt-Text für das Bild am selben Ort gespeichert wird. Leider, da die Wahrnehmung des Bildes oft auf dem Kontext der umgebenden Seite basiert, muss der Alt-Text im Allgemeinen gleichzeitig mit dem Rest des Inhalts geschrieben werden. Das ist nicht einfach, Redakteuren zu erklären.
WCAG ist eines dieser Dinge, die man durch Ausprobieren lernen muss. Laden Sie NVDA für Windows herunter oder aktivieren Sie Voiceover auf dem Mac.
Verbringen Sie Zeit und lernen Sie die Tastenkombinationen – ja, es gibt viel mehr als nur Tab.
Schalten Sie Ihren Monitor aus oder schließen Sie die Augen und navigieren Sie durch Ihre Website. Sie werden schnell lernen, wie gut oder schlecht Ihre Erfahrung ist, viel mehr als ein Lighthouse-Score oder die AXE-Tools Ihnen sagen.