QR-Code-Bilder barrierefrei auszeichnen: Web, E-Mail, PDF

Ein Newsletter geht an zwölftausend Abonnenten, mit einem großen Code in der Mitte und dem Alternativtext QR-Code. Eine Leserin am Screenreader hört Grafik, QR-Code, und das ist die vollständige Botschaft: kein Ziel, kein Zweck, kein Link. Sie löscht die Mail. Ebenso alle, deren Mailprogramm Bilder blockiert, denn die sahen dieselben zwei Wörter statt des Codes.

Alternativtext auf einem QR-Bild scheitert auf eine bestimmte, behebbare Weise. Das weitere Thema behandelt unser Beitrag Codes für alle nutzbar machen. Dies ist die enge Fassung: was ins Attribut gehört und was neben das Bild gehört, weil das Attribut allein nie reicht.

Das Ziel beschreiben, nicht die Grafik

"QR-Code" beschreibt das Bild. Niemand braucht eine Beschreibung des Bildes. Eine zuhörende Person muss wissen, wohin es führt und warum sie dem folgen sollte.

Schwach: QR-Code. Ebenfalls schwach: Scan mich. Etwas besser und trotzdem nutzlos: QR-Code zu unserer Website.

Nützlich: "Abendkarte der Bar Vega." Oder "Zur Sicherheitsschulung im Oktober anmelden." Oder "Status Ihrer Reparatur prüfen." Das Muster lautet Ziel plus Zweck, in den schlichtesten verfügbaren Worten, kurz genug, um es beim ersten Hören zu erfassen.

Lassen Sie das Wort "Bild" weg und lassen Sie das Wort "Code" weg. Screenreader sagen ohnehin an, dass das Element eine Grafik ist, also lässt "Bild eines QR-Codes für ..." die zuhörende Person überflüssige Wörter durchsitzen, bevor sie zu etwas Brauchbarem kommt.

Nicht das Bild ist der Punkt, sondern der Link

Hier kommt der Teil, den Auszeichnung allein nicht lösen kann. Selbst perfekter Alternativtext verschafft Screenreader-Nutzenden keinen Zugang zum Ziel, denn ein QR-Code ist ein optisches Format. Ihn zu lesen erfordert, eine Kamera darauf zu richten. Wer auf demselben Telefon vom Code erfährt, das auch richten müsste, kann den eigenen Bildschirm nicht scannen, sehend oder nicht.

Also die Regel für jeden Code, der auf einem Bildschirm erscheint: Setzen Sie den echten Link daneben, als Text. Kein dekoratives Bild einer URL. Ein tatsächliches Linkelement mit sinnvollem Text, den ein Lesegerät aktivieren kann.

Sobald dieser Link existiert, ist das Bild Dekoration für die Menschen, die es nutzen können. Geben Sie ihm ein leeres alt-Attribut (alt="") und lassen Sie den Textlink die Bedeutung tragen. Ein Screenreader sagt dann eine Sache an statt zweier fast gleicher. Existiert aus irgendeinem Grund kein benachbarter Textlink, braucht das Bild beschreibenden Alternativtext und sollte selbst in einen Link auf dasselbe Ziel eingebettet sein.

Web, E-Mail und PDF verhalten sich jeweils anders

Web. Es gelten die üblichen Regeln für das alt-Attribut. Entscheiden Sie zuerst, ob das Bild informativ oder dekorativ ist, und schreiben Sie dann entweder den Satz aus Ziel und Zweck oder verwenden Sie ein leeres alt. Lassen Sie das Attribut nie ganz weg; ein fehlendes Attribut lässt manche Screenreader auf den Dateinamen zurückfallen, und so kommt es, dass Zuhörende "q r Unterstrich final Unterstrich v 4 Punkt p n g" hören.

E-Mail. Der Alternativtext leistet hier doppelte Arbeit, denn viele Programme blockieren entfernte Bilder, bis die lesende Person sie erlaubt. Dieser Text ist das, was beim ersten Darstellen alle sehen, nicht nur Nutzende assistiver Technik. Halten Sie ihn kurz, achten Sie darauf, dass er sich vom Hintergrund abhebt, und fügen Sie immer auch eine ausgeschriebene URL-Zeile hinzu. Den Code als PNG zu exportieren hält die Darstellung berechenbar, denn E-Mail-Programme gehen mit Vektorformaten bestenfalls uneinheitlich um.

PDF. Alternativtext gibt es in PDF durchaus, gesetzt auf eine getaggte Abbildung, und die meisten Exporte setzen ihn nie. In der Praxis: Schalten Sie in den Exporteinstellungen Ihres Layoutprogramms das Tagging ein, ergänzen Sie Alternativtext am Code-Bild und prüfen Sie anschließend mit der in einem PDF-Reader eingebauten Barrierefreiheitsprüfung. Ein ungetaggter Export übergibt dem Screenreader eine Seite unbeschrifteter Formen.

Druck hat kein alt-Attribut, also ist die URL der Alternativtext

Auf einem Plakat, einem Tischaufsteller, einem Versandetikett oder einem Wandschild gibt es überhaupt keine Auszeichnungsebene. Die entsprechende Vorkehrung ist eine kurze, menschenlesbare URL, neben dem Code gedruckt, in einer Größe, die man lesen und eintippen kann.

Tippbar ist das entscheidende Wort: keine langen Abfrageketten, keine zufällig wirkende Kennung, idealerweise ein Pfad, den man quer durch den Raum abschreiben kann. Ein sauberer Kurzlink erledigt genau das. Dieselbe Zeile rettet alle mit älterem Telefon, leerem Akku, zerkratzter Linse oder ohne Empfang in jenem Kellerflur.

Wenn die Datei ohnehin offen ist, prüfen Sie auch den Kontrast. Menschen mit Sehbeeinträchtigung und billige Kamerasensoren scheitern an denselben Entwürfen, und unsere Kontrastregeln sagen, wo die Schwellen liegen. Größe, Ränder und Ausgabeeinstellungen für physische Stücke stehen im Druckleitfaden.

Behörden, BFSG und das PDF-Problem

Für öffentliche Stellen des Bundes setzt die BITV 2.0 die Anforderungen, die Länder haben dazu jeweils eigene Verordnungen, und beide verweisen auf dieselbe europäische Norm. Seit Ende Juni 2025 kommt das Barrierefreiheitsstärkungsgesetz hinzu, das unter anderem Dienstleistungen im elektronischen Geschäftsverkehr erfasst. Für eine Bestellseite mit Code ist der Alternativtext damit keine Höflichkeit mehr, sondern ein Punkt auf der Prüfliste.

Der praktische Brennpunkt in Deutschland ist das PDF. Formulare, Merkblätter, Gebührenordnungen und Elternbriefe erscheinen als PDF, und darin sitzt der Code als Bild ohne Beschreibung. Ein Code in einem PDF ist ohnehin fast immer der falsche Weg: Wer das Dokument liest, sitzt schon an dem Gerät, mit dem er scannen soll. Ein klickbarer Link mit sprechendem Text, also Termin online buchen statt Hier klicken, leistet dasselbe für alle Lesenden, und der Code darf daneben stehen bleiben, für die gedruckte Fassung.

Auf Papier gibt es kein alt-Attribut, und das betrifft in Deutschland viel Material: Aushänge im Rathaus, Beilagen in der Postsendung, Plakate im Schaufenster. Dort ist die ausgeschriebene Adresse der Alternativtext. Eine kurze, sprechende URL unter dem Code, in ausreichender Schriftgröße gesetzt, ist die Fassung für alle, die nicht scannen können oder wollen.

Nicht alle können eine Kamera ruhig halten

Ein Telefon auf ein kleines Ziel zu richten und ruhig zu halten ist eine motorische Aufgabe, und sie wird selten mitgedacht. Zittern, geringe Griffkraft, ein Rollstuhl vor einem Code in Stehhöhe, eine Hand am Kinderwagen: All diese Menschen kommen mit einem Gerät zu Ihrem Code, das den Fokus nicht ruhig halten wird.

Was hilft:

• Ein größerer Code. Größere Module vertragen Unschärfe, Winkel und Wackeln weit besser als kleine. Größe ist die billigste Verbesserung der Zugänglichkeit, die es bei jedem physischen Code gibt.
• Eine kürzere Nutzlast. Weniger kodierte Zeichen bedeuten eine niedrigere Versionsnummer und bei gleichen Gesamtmaßen physisch größere Module.
• Wieder die ausgeschriebene URL. Sie ist der Rückfallweg für alle Fehlerfälle auf einmal.
• Ein zweiter Kanal. Ein NFC-Ziel zum Antippen, eine Telefonnummer oder eine Person am Tresen, die helfen kann.
• Dedizierte Scanner-Apps. Manche vertragen Bewegung besser als die Standard-Kamera-App und lesen Ergebnisse als Text vor; unsere Notizen zu Scan-Werkzeugen behandeln die Unterschiede.

Die Montagehöhe zählt genauso viel wie all das. Ein Code auf Augenhöhe einer stehenden erwachsenen Person liegt für sitzende Nutzende außerhalb bequemer Reichweite, und ein Code in Kniehöhe ist für alle schlecht. Irgendwo zwischen Türklinke und Lichtschalter passt für mehr Körper als jedes der beiden Extreme.

Öffnen Sie die letzten drei E-Mails Ihres Teams und sehen Sie sich das alt-Attribut jedes Bildes an. Schreiben Sie alles, was "QR-Code" sagt, in einen Satz um, der das Ziel benennt, und stellen Sie dann sicher, dass neben dem Bild ein echter Textlink steht. Dieser Durchgang dauert etwa zehn Minuten und behebt die häufigste Variante dieses Problems.