Gratis-Tarif, keine Karte nötigDynamische QR-Codes, die du nach dem Druck noch ändern kannstDSGVO-konforme Scan-AnalysenGemacht für Agenturen, Freelancer & interne TeamsGratis-Tarif, keine Karte nötigDynamische QR-Codes, die du nach dem Druck noch ändern kannstDSGVO-konforme Scan-AnalysenGemacht für Agenturen, Freelancer & interne TeamsGratis-Tarif, keine Karte nötigDynamische QR-Codes, die du nach dem Druck noch ändern kannstDSGVO-konforme Scan-AnalysenGemacht für Agenturen, Freelancer & interne TeamsGratis-Tarif, keine Karte nötigDynamische QR-Codes, die du nach dem Druck noch ändern kannstDSGVO-konforme Scan-AnalysenGemacht für Agenturen, Freelancer & interne Teams
Alle Beiträge
Ein QR-Code und eine getippte URL führen beide, über ein Inklusions- bzw. Personensymbol, zu einem barrierefreien Ziel-Smartphone mit kontrastreicher Kopfzeile und einer großen Schaltfläche.
Leitfaden

Barrierefreie QR-Codes: inklusive Kampagnen für Agenturen

QR-Codes schließen mehr Menschen aus, als Sie denken: blinde Nutzer, ältere ohne Smartphone, eingeschränkte Motorik. So gestalten Agenturen barrierefreie QR-Kampagnen, was EAA und WCAG wirklich verlangen und wie ein getippter Link niemanden aussperrt.

ScanKit

ScanKit · Organization

· 17 Min. Lesezeit

Stellen Sie sich das Plakat vor, das Sie gerade für einen Kunden gestaltet haben. Es gibt eine selbstbewusste Headline, ein starkes Bild und einen QR-Code in der Ecke, der die Buchungsseite öffnet. Auf Ihrem Smartphone funktioniert der Test einwandfrei. Stellen Sie sich nun die Person davor vor, die blind ist, oder die ein fünf Jahre altes Telefon hat, das nicht scannen kann, oder die im Rollstuhl sitzt und den auf Schulterhöhe angebrachten Code nicht erreicht. Für sie existiert die Kampagne schlicht nicht. Der Code ist eine verschlossene Tür, deren Schlüssel auf der anderen Seite aufgemalt ist.

QR-Codes haben ein stilles Problem mit der Barrierefreiheit, und es ist eines, das Agenturen gut beheben können, weil die Lösungen günstig, meist kostenlos und fast ausschließlich eine Frage von Gestaltungsentscheidungen sind, die Sie ohnehin selbst treffen. Dieser Leitfaden erklärt, wen eine reine QR-Kampagne ausschließt, was das Gesetz verlangt und (das ist wichtig) was nicht, sowie die konkreten, weitgehend kostenlosen Änderungen, die eine QR-Kampagne für deutlich mehr Menschen funktionieren lassen. Wir achten sorgfältig darauf, harte gesetzliche Anforderungen von sinnvoller Best Practice zu trennen, denn genau in der Lücke zwischen beidem lebt viel selbstbewusst klingender, aber falscher Rat.

Was "barrierefrei" bei einem QR-Code wirklich bedeutet

Ein QR-Code ist im Kern ein Bild: ein Raster aus Quadraten, das nichts bedeutet, bis eine Kamera es decodiert. Diese eine Tatsache wirft zwei getrennte Fragen zur Barrierefreiheit auf, und sie haben unterschiedliche Antworten.

Die erste lautet, ob jemand den Code überhaupt erreichen und nutzen kann. Scannen setzt eine funktionierende Kamera voraus, ein modernes Smartphone, die Feinmotorik, es ruhig zu halten und zu zielen, das Sehvermögen, den Code zu finden, und das Wissen, dass das kleine Quadrat überhaupt scanbar ist. Nehmen Sie auch nur eines davon weg, und der Code wird zur Sackgasse.

Die zweite Frage lautet, was nach dem Scan passiert. Die Zielseite ist der Ort, an dem die eigentlichen Inhalte leben, und eine Seite, die an Kontrast, winzigen Tap-Flächen, unbeschrifteten Formularen oder Screenreader-Unterstützung scheitert, schließt Menschen genauso wirksam aus wie ein nicht scanbarer Code. Der Scan ist nur die halbe Reise, und wie wir sehen werden, sitzt am Ziel auch die rechtliche Verantwortung wirklich.

Bringen Sie beide Hälften richtig hin, und der Code funktioniert für fast jeden. Ignorieren Sie eine davon, und Sie haben eine Kampagne mit einer Barriere mitten darin gebaut.

Die Menschen, die eine reine QR-Kampagne aussperrt

Es hilft, konkret zu werden, wen es betrifft, denn "Barrierefreiheit" kann abstrakt klingen, bis man die Menschen zählt.

Die Weltgesundheitsorganisation schätzt, dass 1,3 Milliarden Menschen, rund 16% der Weltbevölkerung oder einer von sechs, mit einer erheblichen Behinderung leben (dies ist die aktuelle Zahl der WHO, 2023 aktualisiert, und sie ersetzt die ältere "eine Milliarde / 15%"-Zahl, die Sie vielleicht noch zitiert sehen). Davon getrennt beziffert die WHO die Zahl der Menschen mit einer Seheinschränkung im Nah- oder Fernbereich auf mindestens 2,2 Milliarden. Das sind die Menschen, für die ein kleines, unerklärtes Quadrat in einer Ecke am ehesten ein Problem darstellt.

Dann ist da die Gerätelücke. Scannen setzt ein Smartphone voraus, und nicht jeder hat eines. In den Vereinigten Staaten stellt Pew Research fest, dass der Smartphone-Besitz unter jüngeren Erwachsenen zwar nahezu universell ist, bei Menschen ab 65 Jahren aber auf rund 78% sinkt und bei den einkommensschwächsten Haushalten auf etwa 82%. Etwa einer von fünf älteren Amerikanern kann Ihren Code also überhaupt nicht scannen, egal wie gut er gestaltet ist. Eine YouGov-Umfrage von 2021 (älter, aber von der Tendenz her aufschlussreich) ergab, dass ein beträchtlicher Anteil älterer Erwachsener QR-Codes schwierig fand oder noch nie davon gehört hatte.

Über Sehvermögen und Geräte hinaus gibt es motorische und feinmotorische Barrieren (eine Kamera ruhig auszurichten ist mit einem Tremor oder eingeschränkter Handkontrolle schwierig) sowie kognitive (ein unbeschrifteter Code gibt keinen Hinweis darauf, was er ist oder was er tut). Keine dieser Gruppen ist eine Randerscheinung. Zusammen bilden sie einen großen Teil des Publikums, das Ihr Kunde Sie bezahlt zu erreichen.

Was das Gesetz wirklich sagt, und was nicht

Hier brauchen Agenturen am dringendsten einen klaren Kopf, denn das Thema zieht viele Übertreibungen an. Trennen wir, was tatsächlich vorgeschrieben ist, von dem, was gute Praxis ist.

In der Europäischen Union gilt der European Accessibility Act (EAA) (Directive (EU) 2019/882) ab dem 28. Juni 2025. In Deutschland wird er durch das Barrierefreiheitsstärkungsgesetz umgesetzt. Er legt Anforderungen an die Barrierefreiheit für eine definierte Liste von Produkten und Dienstleistungen fest, darunter E-Commerce, Verbraucherbankgeschäfte, elektronische Kommunikation, E-Books und Elemente von Verkehrsdienstleistungen. Er bindet die Wirtschaftsakteure (Hersteller, Importeure, Händler und Dienstleister), mit einer engen Ausnahme für Kleinstunternehmen, die Dienstleistungen erbringen. Der technische Maßstab dahinter ist die harmonisierte Norm EN 301 549, die ihrerseits die Web Content Accessibility Guidelines (WCAG) einbezieht.

Hier kommt die entscheidende Feinheit, die die meisten Ratschläge zur QR-Barrierefreiheit falsch wiedergeben. Weder der European Accessibility Act noch die EN 301 549 erwähnen QR-Codes überhaupt. Kein EU-Gesetz verbietet QR-Codes, und keines verlangt, dass Sie eine URL daneben drucken. Was der EAA reguliert, ist die Barrierefreiheit der digitalen Dienstleistung am Ende der Reise. Wenn ein QR-Code also der einzige Weg zu einer in den Anwendungsbereich fallenden Dienstleistung ist (etwa einem Banking- oder E-Commerce-Ablauf) und diese Dienstleistung nicht barrierefrei ist, dann ist das Problem die Dienstleistung, und ein einziger QR-Einstiegspunkt verschärft die Barriere. Die sinnvolle Lesart ist nicht "das Gesetz schreibt eine gedruckte URL vor", sondern "wenn das Ziel barrierefrei sein muss, sperren Sie es nicht hinter einer einzigen Methode ein, die Menschen ausschließt."

WCAG selbst untermauert diese Trennung. WCAG regelt ausschließlich digitale Inhalte; Druck erwähnt es nie. Ein QR-Code, der auf einem Bildschirm dargestellt wird (in einer E-Mail, einem PDF, einer Webseite), fällt also klar in den Anwendungsbereich, ebenso wie die Landingpage, aber ein auf ein Plakat gedruckter Code wird von WCAG gar nicht direkt geregelt. Das relevanteste Erfolgskriterium für einen Code auf dem Bildschirm ist 1.1.1 Nicht-Text-Inhalte (Stufe A), das eine Textalternative für Nicht-Text-Inhalte verlangt. In der Praxis bedeutet das, dass ein QR-Code auf dem Bildschirm echten Alt-Text braucht und, noch wichtiger, einen echten anklickbaren Link daneben, denn ein Screenreader-Nutzer kann einen Code, der auf genau dem Bildschirm angezeigt wird, den er liest, nicht scannen.

In den Vereinigten Staaten ist das Bild dem Geist nach ähnlich. Das Justizministerium vertritt die Auffassung, dass der Americans with Disabilities Act Webinhalte abdeckt, und seine Title-II-Regelung vom April 2024 übernimmt WCAG 2.1 Stufe AA für die Websites und Apps von Bundesstaaten und Kommunen. (Diese Compliance-Fristen wurden durch eine Übergangsregelung von 2026 um ein Jahr nach hinten verschoben, auf April 2027 für größere und April 2028 für kleinere Stellen, ignorieren Sie also jeden Leitfaden, der noch 2026 oder 2027 als ursprüngliche Daten nennt.) Für private Unternehmen gibt es keinen einzelnen kodifizierten Zahlenstandard, aber die intensive Prozesstätigkeit unter Title III bedeutet, dass WCAG 2.1 / 2.2 AA der De-facto-Maßstab für jede öffentlich zugängliche Website ist. Auch hier greift das Gesetz beim digitalen Ziel, nicht beim gedruckten Quadrat.

Die ehrliche Zusammenfassung: Behandeln Sie eine gedruckte Textalternative als starke Best Practice, nicht als gesetzliche Pflicht, und behandeln Sie die Zielseite als den Ort, an dem das echte rechtliche Risiko sitzt. Diese Einordnung hält Sie sowohl rechtskonform als auch glaubwürdig gegenüber Kunden.

Den Code selbst inklusiver machen

Das meiste, was einen QR-Code inklusiv macht, kostet nichts und wird zur Gestaltungszeit entschieden. Das wichtigste Prinzip, von jeder seriösen Quelle zur Barrierefreiheit wiederholt, vom US-amerikanischen Section-508-Programm bis zu spezialisierten Beratungen, lautet: Machen Sie den QR-Code niemals zum einzigen Weg.

Ein barrierefreies QR-Schild: der Code mit seiner Ruhezone, eine getippte URL daneben, ein klarer Call-to-Action, eine Anzeige der Reichweite und eine barrierefreie Zielseite, nummeriert von 1 bis 5.
Ein barrierefreies QR-Schild: 1 der Code (dunkel auf hell, Ruhezone), 2 getippte URL daneben, 3 klarer Call-to-Action, 4 Platzierung in Reichweite, 5 barrierefreie Zielseite.

Die nummerierten Markierungen in der Grafik entsprechen den folgenden Punkten:

  1. Der Code selbst, dunkel auf hellem Hintergrund gehalten, mit voller Ruhezone, damit er auf der größtmöglichen Bandbreite an Geräten scannt. (Zu den Details bei Größe und Kontrast siehe unseren Leitfaden dazu, wie groß ein QR-Code sein sollte; zur korrekten Umsetzung im Druck einen QR-Code für den Druck vorbereiten.)
  2. Eine kurze, menschenlesbare URL, die neben dem Code gedruckt wird. Das ist der parallele Weg: Wer nicht scannen kann oder will, kann den Link trotzdem eintippen. Halten Sie ihn kurz und einprägsam, was ein weiteres Argument für einen aufgeräumten dynamischen Kurzlink statt einer ausufernden getrackten URL ist.
  3. Ein Call-to-Action in klarer Sprache, der sagt, was der Code ist und was er tut, zum Beispiel "Scannen, um die Speisekarte zu lesen, oder example.com/menu besuchen". Diese eine Zeile hilft sehenden Nutzern, Screenreader-Nutzern (wenn der Code digital ist) und allen, die unsicher sind, ob das Quadrat überhaupt zum Scannen gedacht ist.
  4. Platzierung in bequemer Reichweite. Es gibt hier kein druckspezifisches Gesetz, aber die Reichweitenbereiche der ADA für bedienbare Elemente (ein Tiefstwert von 15 Zoll und ein Höchstwert von 48 Zoll, etwa 380 bis 1220 mm) sind eine sinnvolle Analogie: Ein Code, vor den ein Rollstuhlfahrer oder eine kleinere Person kein Telefon bekommt, ist ein Code, den sie nicht nutzen können. Vermeiden Sie stark spiegelnde Oberflächen und unerreichbare Höhen.
  5. Ein barrierefreies Ziel, das der nächste Abschnitt behandelt.

Ein paar weitere Punkte, die es wert sind, klar gesagt zu werden. Vermeiden Sie invertierte (hell-auf-dunkel) Codes: Viele Scanner haben damit Mühe, sie schaden also allen, nicht nur Nutzern mit Einschränkungen. Falls Sie das je debuggt haben, geht unser Beitrag dazu, warum ein QR-Code nicht scannt, die häufigsten Ursachen durch. Drucken Sie den Code groß genug, damit man ihn leicht findet und anvisiert; ein größerer Code hilft sehbehinderten Nutzern und allen mit zittrigen Händen, nicht nur dem Scanner. Geben Sie Codes, die auf Bildschirmen gezeigt werden (Web, E-Mail, PDF), echten Alt-Text, der sie als QR-Code ausweist, und kombinieren Sie sie unbedingt mit einem echten anklickbaren Link, da ein Screenreader-Nutzer keine Möglichkeit hat, seinen eigenen Bildschirm zu scannen. Und wo es zur Kampagne passt, kann ein NFC-Tap eine nützliche ergänzende Modalität sein, weil er den Schritt des Kamera-Anvisierens entfernt, der bei manchen motorischen und visuellen Einschränkungen am schwersten fällt; unser Vergleich von QR und NFC behandelt die Abwägungen. NFC ist eine Ergänzung, kein Ersatz, da nicht jedes Telefon es hat.

Vergessen Sie die Zielseite nicht

Sie können alles oben Genannte perfekt umsetzen und trotzdem Menschen ausschließen, wenn die Seite hinter dem Code scheitert. Das Ziel fällt klar in den Anwendungsbereich von WCAG und EAA, und dort ballt sich die rechtliche Verantwortung tatsächlich, also verdient es dieselbe Sorgfalt wie der Code.

Mindestens sollte die Landingpage WCAG 2.1 / 2.2 Stufe AA erfüllen. Konkret heißt das: ein Textkontrast von mindestens 4,5:1 für normalen Text und 3:1 für großen Text; interaktive Tap-Flächen von mindestens 24 mal 24 CSS-Pixel (das neue Minimum von WCAG 2.2, mit 44 mal 44 als erhöhtem Ziel, gespiegelt von Apples 44pt- und Googles 48dp-Plattformvorgaben); korrekt beschriftete Formularfelder für jede Lead-Erfassung; sowie volle Mobil- und Screenreader-Unterstützung. Unser Leitfaden zu QR-Code-Landingpages geht tiefer auf das Erlebnis nach dem Scan ein. Barrierefreiheit und DSGVO überschneiden sich hier ebenfalls, da beide regeln, was auf dieser Seite passiert; falls das auf Ihrem Radar ist, siehe sind QR-Codes DSGVO-konform.

Wenn Sie ein Problem entdecken, nachdem die Auflage gedruckt ist

Audits zur Barrierefreiheit finden oft statt, nachdem eine Kampagne live ist, also genau dann, wenn ein statischer QR-Code zur Falle wird: Wenn die Seite, auf die er verweist, ein Audit nicht besteht, ist die einzige Lösung ein Nachdruck. Ein dynamischer Code vermeidet das. Weil sein Ziel eine bearbeitbare Weiterleitung statt einer fest ins Muster eingebrannten URL ist, können Sie die Landingpage reparieren oder den Code auf eine barrierefreie Version umleiten, ohne das gedruckte Artwork anzufassen. Das gedruckte Symbol bleibt gültig, während Sie reparieren, was dahinter liegt. Das ist keine Marketingfloskel; es ist eine inhärente Eigenschaft weiterleitungsbasierter Codes, und es ist der Unterschied zwischen einem Audit-Befund als schneller Dashboard-Bearbeitung und als fünfstelligem Nachdruck. Unsere Anleitung dazu, das Ziel eines QR-Codes ohne Nachdruck zu ändern, behandelt die Mechanik.

Eine Checkliste zur Barrierefreiheit vor dem Launch

Bevor eine QR-Kampagne in den Druck oder live geht, prüfen Sie diese acht Punkte:

  1. Der Code ist niemals der einzige Weg: Eine kurze, eintippbare URL ist daneben gedruckt oder gezeigt.
  2. Ein Call-to-Action in klarer Sprache erklärt, was der Code ist und was er tut.
  3. Der Code ist dunkel auf hell, kontrastreich, mit voller Ruhezone, und nicht invertiert.
  4. Der Code ist groß genug gedruckt, um ihn leicht zu finden und anzuvisieren.
  5. Er ist in bequemer Reichweite platziert, fern von Spiegelungen und unerreichbaren Höhen.
  6. Auf jedem Bildschirm, in jeder E-Mail oder jedem PDF hat das Code-Bild echten Alt-Text und einen echten anklickbaren Link.
  7. Die Zielseite erfüllt WCAG 2.1 / 2.2 AA: Kontrast, Tap-Flächen, beschriftete Formulare, Mobil, Screenreader.
  8. Der Code ist dynamisch, sodass eine Korrektur der Barrierefreiheit am Ziel nie einen Nachdruck erfordert.

Häufig gestellte Fragen

Sind QR-Codes für blinde Menschen barrierefrei?

Für sich allein nicht. Ein gedruckter Code ist für einen Screenreader unsichtbar, und ein auf einem Bildschirm gezeigter Code kann von jemandem, der genau diesen Bildschirm nutzt, nicht gescannt werden. Die Lösung ist, das Ziel stets als echten, eintippbaren Link bereitzustellen (mit korrektem Alt-Text, wenn der Code digital ist), damit ein blinder oder sehbehinderter Nutzer denselben Ort ohne Scannen erreichen kann. Das entspricht dem WCAG-Erfolgskriterium 1.1.1, Nicht-Text-Inhalte.

Sind QR-Codes ADA-konform?

Der Code selbst ist nicht wirklich die Einheit der Compliance; das digitale Ziel ist es. Nach der Title-II-Regelung des US-Justizministeriums von 2024 müssen Websites und Apps von Bundesstaaten und Kommunen WCAG 2.1 Stufe AA erfüllen, und für private Unternehmen ist WCAG 2.1 / 2.2 AA durch ADA-Prozesse der De-facto-Maßstab. "ADA-konform" gilt also für die Seite, die der Code öffnet, nicht für das Quadrat aus Pixeln. Machen Sie diese Seite barrierefrei und kombinieren Sie den Code mit einer eintippbaren Alternative.

Gilt der European Accessibility Act für QR-Codes?

Der European Accessibility Act gilt ab dem 28. Juni 2025, aber er erwähnt QR-Codes nicht und verbietet sie nicht. Er reguliert die Barrierefreiheit bestimmter digitaler Produkte und Dienstleistungen (E-Commerce, Banking, E-Books und mehr). Wenn ein QR-Code der einzige Weg zu einer in den Anwendungsbereich fallenden Dienstleistung ist, muss diese Dienstleistung trotzdem barrierefrei sein, daher ist es der umsichtige Weg, einen parallelen Weg und ein barrierefreies Ziel anzubieten, um auf der richtigen Seite zu bleiben.

Welchen Kontrast braucht ein QR-Code?

Für den Code selbst gibt es keinen strikten WCAG-Wert, weil ein QR-Code kein Text ist und auch nicht sauber eine UI-Komponente; die praktische Regel lautet dunkle Module auf hellem Hintergrund, je höher der Kontrast, desto besser der Scan. Die Kontrastverhältnisse der WCAG (4,5:1 für normalen Text, 3:1 für großen Text und Nicht-Text-Elemente) gelten für die Beschriftungen rund um den Code und für die Landingpage, nicht für die QR-Grafik selbst.

Wie fügt man einem QR-Code Alt-Text hinzu?

Nur wenn der Code digital ist. Bei einem QR-Code, der auf einer Webseite, in einer E-Mail oder in einem PDF gezeigt wird, fügen Sie dem Bild Alt-Text hinzu, der besagt, dass es sich um einen QR-Code handelt und wohin er führt, und stellen Sie zusätzlich einen echten anklickbaren Link bereit. Ein gedruckter QR-Code hat keinen Alt-Text (Alt-Text ist ein digitales Konzept); sein Äquivalent ist eine sichtbar gedruckte URL und eine kurze Bildunterschrift, die den Code erklärt.

Wie hoch sollte ein QR-Code für Rollstuhlfahrer angebracht werden?

Es gibt keine druckspezifische gesetzliche Regel, aber die Reichweitenbereiche der ADA für bedienbare Elemente sind ein guter Anhaltspunkt: Eine nutzbare Höhe liegt etwa zwischen 15 Zoll (380 mm) unten und 48 Zoll (1220 mm) oben. Der Punkt ist schlicht, dass ein zu hoch oder zu tief oder hinter Spiegelungen angebrachter Code einer ist, vor den manche Menschen physisch kein Telefon bekommen.

Wie helfen dynamische QR-Codes bei der Barrierefreiheit?

Ein dynamischer Code verweist auf eine bearbeitbare Weiterleitung statt auf eine feste URL, sodass Sie, wenn ein Audit zur Barrierefreiheit die Zielseite bemängelt, diese Seite reparieren oder ersetzen können, ohne den Code neu zu drucken. Er macht aus einem Problem mit der Barrierefreiheit statt eines Nachdrucks eine Dashboard-Bearbeitung, was es weit wahrscheinlicher macht, dass die Korrektur tatsächlich erfolgt.

Kurz gefasst

Ein QR-Code ist ein Bild, und ein Bild allein schließt jeden aus, der es nicht scannen kann: blinde und sehbehinderte Nutzer, die etwa einer von fünf älteren Erwachsenen ohne Smartphone, und Menschen, denen das Anvisieren einer Kamera schwerfällt. Die wichtigste Korrektur ist, den Code niemals zum einzigen Weg zu machen, kombinieren Sie ihn also stets mit einer kurzen, eintippbaren URL und einem Call-to-Action in klarer Sprache. Halten Sie den Code dunkel auf hell mit voller Ruhezone, drucken Sie ihn groß und platzieren Sie ihn in Reichweite. Geben Sie ihm auf Bildschirmen echten Alt-Text und einen echten Link. Sorgen Sie dann dafür, dass die Zielseite WCAG 2.1 / 2.2 AA erfüllt, denn dort sitzen sowohl der echte Ausschluss als auch die echte rechtliche Verantwortung, und behalten Sie dabei im Kopf, dass das Gesetz das digitale Ziel regelt, nicht das gedruckte Quadrat. Nutzen Sie einen dynamischen Code, damit jede Korrektur der Barrierefreiheit eine Bearbeitung ist und kein Nachdruck. Tun Sie das, und die Kampagne, die Sie Ihrem Kunden übergeben, funktioniert für das gesamte Publikum, nicht nur für den Teil, der ein neues Telefon in der Hand hält.

Teilen

Mehr lesen

Barrierefreie QR-Codes: inklusive Kampagnen für Agenturen | ScanKit