Die Tab-Falle: Warum das Erzwingen neuer Tabs eine schlechte UX ist
Wir haben es alle schon getan — target="_blank" zu einem Link hinzugefügt, um „Benutzern zu helfen", auf unserer Website zu bleiben. Aber was sich wie eine harmlose Bequemlichkeit anfühlt, führt oft zu Verwirrung, beeinträchtigt die Barrierefreiheit und birgt versteckte Sicherheitsrisiken.
1. UX & Barrierefreiheit: Benutzererwartungen brechen
Benutzer erwarten Kontrolle — keine Überraschungen
Benutzer erwarten konsistentes Verhalten: Wenn du auf einen Link klickst, sollte er sich im selben Tab öffnen — es sei denn, du entscheidest dich anders. Das Erzwingen eines neuen Tabs bricht dieses mentale Modell und nimmt dem Benutzer die Kontrolle.
Wie die W3C-Richtlinien zur Barrierefreiheit (WCAG 2.2, §3.2.5) feststellen, können unerwartete Kontextwechsel (wie ein neuer Tab oder ein neues Fenster) Benutzer desorientieren, insbesondere diejenigen, die assistive Technologien verwenden.
Wenn target="_blank" ohne Warnung angewendet wird, bemerken Screenreader-Nutzer oder Tastaturbenutzer möglicherweise nicht einmal, dass sie den Kontext gewechselt haben — eine frustrierende und verwirrende Erfahrung.
Der defekte „Zurück"-Button
Das Öffnen eines neuen Tabs bedeutet, dass die Zurück Button des Browsers nicht mehr für die ursprüngliche Reise des Benutzers funktioniert. Sie können nicht einfach „zurückgehen" — sie müssen nach dem vorherigen Tab suchen. Diese kleine Unterbrechung des Ablaufs erhöht die kognitive Last und stört die Navigation.
Eine Diskussion auf UX Stack Exchange fasst es am besten zusammen:
target="_blank"bricht das normalerweise erwartete Browserverhalten.
Das mobile Erlebnis leidet ebenfalls
Auf mobilen Geräten ist die Tab-Verwaltung umständlich. Benutzer bemerken möglicherweise nicht, dass sich ein neuer Tab geöffnet hat, was dazu führt, dass sie den Browser schließen oder die Sitzung abbrechen.
2. Technische und Sicherheitsfallstricke
Die window.opener-Schwachstelle
Jedes Mal, wenn Sie einen Link mit target="_blank" öffnen, erhält der neue Tab eine Referenz zur ursprünglichen Seite über window.opener. Das bedeutet, dass die verlinkte Seite — wenn sie bösartig ist — die Quellseite manipulieren oder umleiten kann:
window.opener.location = 'https://phishing.example.com';Dies ist ein gut dokumentierter Exploit (Perishable Press, OWASP).
Um dies zu verhindern, kombinieren Sie target="_blank" mit rel="noopener" oder rel="noreferrer":
<a href="https://example.com" target="_blank" rel="noopener">Externer Link</a>Leistung und Wartung
Jeder neue Tab verbraucht Speicher. Auf Low-End-Geräten können mehrere geöffnete Tabs die Leistung verlangsamen. Und wenn du target="_blank" selektiv hinzufügst, ist es leicht, Sicherheitsattribute zu vergessen.
3. SEO- und Analyse-Überlegungen
Googles Lighthouse kennzeichnet externe Links, die target="_blank" ohne rel="noopener" verwenden, als Sicherheitsrisiko.
Es wirkt sich nicht direkt auf das Ranking aus, aber schlechte UX und desorientierte Benutzer erhöhen die Absprungraten, was sich indirekt negativ auf SEO auswirkt.
4. Wann target="_blank" Sinn machen kann
Es gibt Ausnahmen:
Referenzmaterial: z. B. das Öffnen von Dokumentation neben einem Formular.
Downloads oder PDFs: Benutzer erwarten, dass sie in einem neuen Tab geöffnet werden.
Langwierige Aufgaben: um den Fortschritt nicht zu verlieren.
Best Practices:
Füge immer
rel="noopener"hinzu.Warne Benutzer visuell (Symbol oder Tooltip).
Halte das Verhalten konsistent.
Teste die Barrierefreiheit mit Screenreadern.
5. Bessere Alternativen
Verwende klare Navigation und Breadcrumbs stattdessen.
Lass Benutzer entscheiden, wie sie Links öffnen (
Strg+Klick,Cmd+Klick).
Die Wahlfreiheit der Benutzer zu respektieren schafft bessere UX.
Fazit
target="_blank" kann UX, Barrierefreiheit und Sicherheit beeinträchtigen. Sparsam und mit angemessenen Schutzmaßnahmen verwendet, ist es in Ordnung — aber niemals standardmäßig.
Bei SensioLabs glauben wir, dass Vertrauen mit dem Respekt vor Benutzerkontrolle beginnt. Aus diesem Grund empfehlen wir dir ausdrücklich, Lösungen zu implementieren, die das Öffnen neuer Tabs in deinen Apps verhindern.
