Links, die in einem neuen Tab oder Fenster öffnen

Aktualisiert am 14. Oktober 2026 · Lesezeit: 5 Min.

Links in einem neuen Tab zu öffnen, ist in vielen Shops Gewohnheit: Seiten des Zahlungsanbieters, Größentabellen, Social-Media-Links, manchmal jeder externe Link. Die WCAG verbieten das nicht, aber ein unerwarteter neuer Tab ist für manche Menschen eine echte Barriere. Diese Seite erklärt, was die WCAG sagen, wann ein neuer Tab sinnvoll ist und wie Sie richtig darauf hinweisen. Sie gehört zur Reihe barrierefreie UI-Muster.

Was die WCAG sagen

Es gibt kein Erfolgskriterium der Stufe A oder AA, das target="_blank" verbietet. Die einschlägigen W3C-Materialien sind:

Technik G201, „Giving users advanced warning when opening a new window“ (Nutzer vor dem Öffnen eines neuen Fensters vorwarnen). Das W3C führt sie als empfohlene Technik für 2.4.4 Linkzweck (im Kontext), 2.4.6 Überschriften und Beschriftungen (Labels), 2.4.9 Linkzweck (nur Link) und 3.2.5 Änderung auf Anfrage. Sie ist „nicht erforderlich“, um diese Kriterien zu erfüllen – sie ist gute Praxis.
3.2.5 Änderung auf Anfrage (Stufe AAA) ist das Kriterium, nach dem sich neue Fenster nur öffnen, wenn die Person das anfordert.
3.2.2 Bei Eingabe (Stufe A) ist relevant, wenn sich ein neues Fenster nicht über einen Link öffnet, sondern wenn jemand einen Radiobutton, eine Checkbox oder ein Select ändert. Der W3C-Fehler F37 lautet „ein neues Fenster ohne vorherige Warnung öffnen, wenn die Auswahl eines Radiobuttons, einer Checkbox oder einer Auswahlliste geändert wird“.

G201 erklärt den Grund: Unerwartete neue Fenster können Menschen verwirren, die visuelle Inhalte schlecht wahrnehmen, sowie manche Menschen mit kognitiven Beeinträchtigungen, und der Zurück-Button bringt sie nicht zur vorherigen Seite zurück.

Wann ein neuer Tab sinnvoll ist

Die Person ist mitten in einer Aufgabe, und der Link öffnet Hilfe, die sie daneben braucht: eine Größentabelle oder die AGB während des Bezahlvorgangs, wenn beim Verlassen eingegebene Daten verloren gingen.
Eine Seite eines Drittanbieters, von der die Person zurückkommt, etwa die Sendungsverfolgung – sofern sie vorgewarnt wird.

Meist nicht hilfreich ist es bei normaler Navigation innerhalb Ihres Shops, bei Social-Media-Icons im Footer, bei Blogartikeln und bei jedem externen Link, „damit niemand die Seite verlässt“. Wer einen neuen Tab will, kann ihn selbst öffnen; umgekehrt geht das nicht.

Codebeispiel

<!-- Hinweis im sichtbaren Linktext: funktioniert für alle -->
<a href="/de/size-guide" target="_blank">Größentabelle (öffnet in neuem Tab)</a>

<!-- Icon mit Textalternative, verknüpft über aria-describedby -->
<a href="https://tracking.example.com/123" target="_blank" aria-describedby="new-tab-note">
  Sendung verfolgen
  <svg aria-hidden="true" focusable="false" class="icon"><use href="#icon-external"></use></svg>
</a>
<span id="new-tab-note" class="visually-hidden">Öffnet in neuem Tab</span>

<!-- Eine Datei: sagen, was es ist, statt einen neuen Tab zu erzwingen -->
<a href="/files/returns-form.pdf">Rücksendeformular (PDF, 120 KB)</a>

Hinweise:

G201 zeigt beide Wege: den Hinweis im Linktext oder ein mit aria-hidden ausgeblendetes Icon plus eine Textbeschreibung, die über aria-describedby verknüpft ist, damit auch Screenreader-Nutzer sie hören.
Ein Icon ohne Textalternative hilft nur sehenden Menschen, die das Icon kennen. Eine Textalternative allein hilft nur Screenreader-Nutzern. G201 prüft beides: Assistive Technologien sagen das neue Fenster an, und es gibt einen sichtbaren Hinweis.
Der Hinweis wird Teil des Linkzwecks; halten Sie ihn kurz und auf der ganzen Website einheitlich.

Tastatur und Bedienung

Aktion	Erwartetes Ergebnis
Mit Tab zum Link	Der Fokus ist sichtbar; ein Screenreader sagt den Namen und den Hinweis „öffnet in neuem Tab“ an
Enter	Der neue Tab öffnet sich; die Person wusste es vorher
Zurück-Button im neuen Tab	Nicht verfügbar – die Person schließt den Tab, um zurückzukehren, deshalb ist der Hinweis wichtig

G201 gilt für die normale Aktivierung (Klick, Enter). Wer einen Link über das Kontextmenü oder mit der mittleren Maustaste in einem neuen Tab öffnet, entscheidet das selbst; dafür braucht es keinen Hinweis.

Typische Fehler in Online-Shops

Alle Footer- und Social-Links öffnen neue Tabs, ohne jeden Hinweis.
Ein Icon für externe Links ohne Textalternative oder ein dekoratives Icon mit einem alt, das „Icon“ lautet.
Hinweis nur im title-Attribut. Browser zeigen es beim Überfahren mit der Maus, Tastatur- und Touch-Nutzer sehen es nicht.
Zahlungs- oder 3-D-Secure-Schritte, die sich in einem neuen Fenster öffnen, das Screenreader-Nutzer nicht bemerken – sie denken dann, die Kasse sei hängen geblieben.
Sprach- oder Länderauswahl als select, das bei Änderung ein neues Fenster öffnet – das ist der Fehler F37 zu 3.2.2.
Produktlinks in Bewertungen oder Blogbeiträgen mit target="_blank", die auf dem Smartphone den Zurück-Button aushebeln.

Was automatische Prüfungen finden und was manuell zu testen ist

Unsere automatischen Prüfungen markieren target="_blank" nicht, weil es keine Anforderung der Stufe A oder AA gibt und ein Hinweis sich auf viele Arten formulieren lässt. Verwandte Karten in der Regelbibliothek:

Automatisch (axe-core-Regel)	Was sie findet
`link-name`	Links ohne zugänglichen Namen, etwa ein externer Link nur mit Icon
`svg-img-alt`, `image-alt`	Icons oder Bilder als Linkinhalt ohne Textalternative
`identical-links-same-purpose`	Links mit gleichem Namen, die zu verschiedenen Zielen führen (Hinweis)

Manuelle Tests: Listen Sie alle Links mit target="_blank" auf (in den Entwicklertools des Browsers lässt sich danach suchen), entscheiden Sie, welche wirklich einen neuen Tab brauchen, und prüfen Sie mit einem Screenreader, dass der Hinweis angesagt wird und sichtbar ist. Die Browser-Erweiterung und die Schritte in WCAG testen helfen beim manuellen Teil.

Beginnen Sie mit der kostenlosen Prüfung einer Seite. Sie ist eine automatische Prüfung, kein vollständiges Audit.

Häufige Fragen

Verbieten die WCAG Links, die in einem neuen Tab öffnen?

Nein. Kein Erfolgskriterium der Stufe A oder AA verbietet target="_blank". Die WCAG führen den Hinweis vor dem Öffnen eines neuen Fensters als empfohlene Technik (G201), und das AAA-Kriterium 3.2.5 Änderung auf Anfrage befasst sich mit dem Öffnen neuer Fenster.

Warum kann ein neuer Tab ein Problem sein?

Laut der W3C-Technik G201 kann ein unerwartetes neues Fenster Menschen verwirren, die nicht sehen, dass es sich geöffnet hat, und manche Menschen mit kognitiven Beeinträchtigungen. Der Zurück-Button bringt sie nicht mehr zur vorherigen Seite.

Wie weise ich darauf hin, dass ein Link in einem neuen Tab öffnet?

Ergänzen Sie den Hinweis im Linktext, etwa „Größentabelle (öffnet in neuem Tab)“, oder zeigen Sie ein Icon mit einer Textalternative, die assistive Technologien ansagen. Sowohl sehende Nutzer als auch Screenreader-Nutzer brauchen den Hinweis.

Sollen Links auf PDFs in einem neuen Tab öffnen?

Nicht unbedingt. Meist ist es besser, im Linktext zu sagen, dass es ein PDF ist und wie groß es ist, und die Person selbst entscheiden zu lassen, wie sie es öffnet.

Findet eine automatische Prüfung Links, die ohne Hinweis in einem neuen Tab öffnen?

Unsere automatischen Prüfungen markieren target="_blank" nicht. Ob es einen Hinweis gibt und ob er angesagt wird, muss ein Mensch prüfen.

Quellen

W3C, Technique G201 Giving users advanced warning when opening a new window: https://www.w3.org/WAI/WCAG22/Techniques/general/G201
W3C, Understanding 3.2.2 On Input: https://www.w3.org/WAI/WCAG22/Understanding/on-input.html
W3C WAI, APG Link pattern: https://www.w3.org/WAI/ARIA/apg/patterns/link/