ASCII-Kunst

ASCII-Kunst (englisch ASCII Art) sind Bilder, Logos oder Symbole, die aus Buchstaben, Zahlen und Satzzeichen zusammengesetzt werden. Bekannte Beispiele sind einfache Emoticons wie :-), Pfeile wie --> oder aufwendige Grafiken in Quelltexten, E-Mail-Signaturen und Terminal-Programmen.

Warum ist ASCII-Kunst eine Barriere?

Für sehende Menschen ergibt die Anordnung der Zeichen ein Bild. Screenreader lesen dagegen jedes Zeichen einzeln vor – aus einem kleinen Bild wird so eine lange, sinnlose Folge aus „Schrägstrich, Unterstrich, Klammer auf …“. Die WCAG führen ASCII-Kunst ausdrücklich als Beispiel für Nicht-Text-Inhalt auf. Nach Erfolgskriterium 1.1.1 (Stufe A) braucht sie deshalb eine Textalternative.

ASCII-Kunst barrierefrei einsetzen

• Am besten durch ein echtes Bild mit Alt-Text oder ein SVG ersetzen.
• Wenn ASCII-Kunst bleiben soll: in ein Element mit role="img" und aria-label setzen, das kurz beschreibt, was dargestellt ist.
• Vor längerer ASCII-Kunst einen Link zum Überspringen anbieten.
• Emoticons wie „:-)“ sparsam nutzen; echte Emojis werden von Screenreadern mit ihrem Namen vorgelesen, aber auch hier gilt: nicht übertreiben.
• Pfeile aus Zeichen (–>) in Links vermeiden oder für Screenreader ausblenden.

Häufige Fragen

Wie liest ein Screenreader ASCII-Kunst vor?

Meist Zeichen für Zeichen oder Zeile für Zeile. Das ist zeitaufwendig und für Zuhörende nicht als Bild erkennbar.

Sind Emojis auch ASCII-Kunst?

Nein. Emojis sind Unicode-Zeichen mit festgelegten Namen, die Screenreader vorlesen. Viele Emojis hintereinander können aber ebenfalls störend sein.

Verwandte Begriffe: Nicht-Text-Inhalte, Textalternative, Unicode, Screenreader