amselrehhase – form is function | kontakt@amselrehhase.de

Ein Sehen­der muss sehen, was ein Hören­der hört

Illustration mit einem Auge und einem Ohr
"Ein Sehender muss sehen, was ein Hörender hört", Mein zweiter Merksatz übersetzt das Zwei‑Sinne‑Prinzip in digitale Barrierefreiheit.
4 Min. Lesezeit

Ein Sehen­der muss sehen, was ein Hören­der hört – warum das Zwei‑Sinne‑Prinzip dein Design verändert

Du kennst meinen ersten Merk­satz: Ein Hören­der muss hören, was ein Sehen­der sieht“ – also: Inhalte so auf­be­rei­ten, dass sie nicht nur hübsch aus­se­hen, son­dern auch hörbar, spür­bar, erfass­bar sind. Heute drehen wir das Ganze um: Ein Sehen­der muss sehen, was ein Hören­der hört.

Was heißt das? Stell dir eine klas­si­sche Audio‑Situation vor: Durch­sage im Bahn­hof, Jingle im Newsletter‑Video, Sprach­nach­richt im Chat. Für Hörende ist klar, was pas­siert – alle Infor­ma­tio­nen laufen über die Ohren. Für Men­schen, die wenig oder gar nichts hören, bleibt: nichts. Genau hier kommt das Zwei‑Sinne‑Prinzip ins Spiel: Jede wich­tige Infor­ma­tion sollte min­des­tens über zwei Sinne erreich­bar sein, etwa Hören und Sehen.

Prak­tisch heißt das: Wenn etwas Wich­ti­ges gesagt wird, braucht es ein sicht­ba­res Pen­dant. Die Durch­sage bekommt eine Anzei­ge­ta­fel, das Video Unter­ti­tel und ein klares On‑Screen‑Textbild, der Pod­cast ein Tran­skript, die Sprach­nach­richt eine kurze Zusam­men­fas­sung im Chat. Ein Sehen­der muss sehen können, was andere hören, sonst ist deine Bot­schaft für einen Teil der Leute schlicht nicht existent.

Für digi­tale Barriere­freiheit ist das nicht optio­nal, son­dern Kern­auf­gabe. WCAG for­dern genau diese Mehrkanal‑Denke: Unter­ti­tel, Alter­na­tiv­texte, visu­elle Hin­weise, klare Texte. In meinem Arti­kel Ein Hören­der muss hören, was ein Sehen­der sieht“ ging es darum, Bilder und Inter­faces so zu beschrei­ben, dass Screenreader‑Nutzer:innen sie ver­ste­hen. Jetzt ergän­zen wir die andere Seite: Alles, was du nur per Ton ver­mit­telst, benö­tigt ein sicht­ba­res Gegenstück.

Die gute Nach­richt: Wenn du dieses Prin­zip einmal im Kopf hast, wird dein Alltag ein­fa­cher. Du fragst dich bei jedem Projekt:

  • Was wird hier nur gehört?

  • Was davon muss zusätz­lich sicht­bar sein?

  • Wie kann ich das in mein Design inte­grie­ren, ohne alles zu überladen?

So wird aus Barriere­freiheit kein Zusatz‑Feature, son­dern ein Design­prin­zip. Und ganz neben­bei ver­ste­hen auch gestresste Pendler:innen, People mit Kopf­hö­rern und alle, die gerade ohne Ton scrol­len, was du ihnen sagen willst.

Auf Web­sei­ten und in Doku­men­ten gilt: Ein Sehen­der muss sehen, was ein Hören­der hört – UND was ein Screen­rea­der hört“. Nichts Wich­ti­ges darf im Unsicht­ba­ren verschwinden.

Was hier gemeint ist

Screen­rea­der lesen mehr als das, was du siehst: Alter­na­tiv­texte, Title‑Attribute, Meta­da­ten, ver­steckte Über­schrif­ten. Das ist super, solange du dort nichts ver­steckst, was visu­ell nicht vor­han­den ist. Wenn im Alt‑Text steht Jetzt 20 % Rabatt, nur bis heute Abend“, der sicht­bare Button aber ein­fach Mehr erfah­ren“ heißt, erlebt ein Teil der Nutzer:innen eine andere Rea­li­tät als der Rest. Das ist nicht barriere­frei, son­dern schlicht unfair.

Typi­sche Stolperfallen

  • Alt‑Texte, die mehr Infor­ma­tio­nen ent­hal­ten als das Bild oder der sicht­bare Text (etwa zusätz­li­che Ange­bote, Bedin­gun­gen, geheime“ Hinweise).

  • Unsicht­bare Über­schrif­ten nur für Screen­rea­der, die Inhalte ankün­di­gen, die visu­ell nicht auftauchen.

  • Meta­da­ten oder PDF‑Tags, in denen andere Titel, Stände oder Dead­lines stehen als auf der Gestaltung.

  • But­tons, deren sicht­bare Beschrif­tung nichts mit dem tech­nisch hin­ter­leg­ten Namen zu tun hat.

Das Zwei‑Sinne‑Prinzip heißt hier: Glei­che Infor­ma­tion, unter­schied­li­che Wege. Nicht: unter­schied­li­che Infor­ma­tio­nen je nach Kanal.

Wie du es sauber löst

  • Alt‑Texte ergän­zen den Sinn. Sie beschrei­ben, was im Bild zu sehen ist und welche Funk­tion es hat, aber sie erfin­den nichts dazu.

  • PDF‑Tags, Über­schrif­ten­struk­tur und sicht­bare Hier­ar­chie blei­ben kon­sis­tent: Was H1“ ist, sieht auch aus wie H1“.

  • Link‑ und But­ton­texte sind in Tech­nik und Design gleich ver­ständ­lich: PDF Barriere­freiheit her­un­ter­la­den“ statt Hier kli­cken“ sicht­bar und Doku­ment 123“ im Code.

  • Zusätz­li­che Infor­ma­tio­nen, Hin­weise, Rabatte oder Fris­ten gehö­ren immer in den sicht­ba­ren Inhalt (Text, Hin­weis­box, Fuß­note) – Screen­rea­der bekom­men sie dann auto­ma­tisch mit.

Kurz: Nutze Meta­da­ten, Alter­na­tiv­texte und Struk­tur, um deine Inhalte zugäng­li­cher zu machen. Nicht, um eine zweite, unsicht­bare Ver­sion der Wahr­heit zu bauen. Ein Sehen­der muss sehen können, was ein Hören­der und ein Screen­rea­der hören“ – sonst ist dein Design nicht inklu­siv, son­dern gespalten.

Du möch­tets ein Seinar buchen?

Schreibe mir ein­fach eine E‑Mail: j@amselrehhase.de

und frage nach einem Semi­nar, das genau auf deinen Kennt­nis­stand zuge­schnit­ten ist.

amsel­reh­hase | 01.03.2026

Ver­ein­fachte Zusammenfassung

Auf Web­sei­ten und in Doku­men­ten dürfen wich­tige Infor­ma­tio­nen nie ver­steckt sein. Alles Wich­tige muss sicht­bar sein und von Screen­rea­dern vor­ge­le­sen werden. Alle bekom­men die­sel­ben klaren Inhalte.

Lesen Sie weitere Blog-Artikel

Im amselrehhasen-Blog lesen Sie Artikel zu Themen wie digitale Barrierefreiheit, Typografie, Contenterstellung und mehr.