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

Beitrag lesen

@@Gunnar Bittersmann

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.

Dafür sollte man auch schreiben können:

[target="_blank"]::after {
	content: '' / ' (öffnet in neuem Tab oder Fenster)';
}

Ich weiß aber nicht, welche Browser/Screenreader das schon unterstützen.

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

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