Gunnar Bittersmann: a-target: blank und _blank nutzen den trotzdem den selben Tab

Beitrag lesen

@@buhtz

Es geht geht um das "target" Attribut im <a> Tag.

Was generell nicht benutzt werden sollte. Es ist eine weit verbreitete Unsitte, Links ungefragt in neuem Tab/Fenster zu öffnen. Das erschwert Nutzern die Navigation, macht den Back-Button funktionsuntüchtig, Nutzer finden schwer zur ursprünglichen Seite zurück. Nicht machen!

Und wenn schon, dann sollte man Nutzer, die nicht sehen können, dass ein neuer Tab/Fenster geöffnet wird, darauf hinweisen:

[target="_blank"]::after {
	content: ' (öffnet in neuem Tab oder Fenster)';
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

Der Hinweis wird visuell versteckt, aber von Screereadern vorgelesen.

🖖 Живіть довго і процвітайте

--
„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“
— @Grantscheam auf Twitter