HTML include

[Gunnar Bittersmann]

@@Hans

Wo ich’s gerade sehe:

<a href="#">Kont@kt</a>

Was soll ein Screenreader damit anfangen? „Kont at ka te“?

Wenn du diesen Schnickschnack schon machst (Warum eigentlich? Das ist so 1998.), dann sollte der Link für assistive Technologien eine Beschriftung „Kontakt“ haben:

<a href="#" aria-label="Kontakt">Kont@kt</a>

oder

<a href="#">
	<span aria-hidden="true">Kont@kt</span>
	<span class="visually-hidden">Kontakt</span>
</a>

mit

.visually-hidden
{
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

im Stylesheet. ☞ How-to: Hide content

LLAP 🖖

Edit Rolf B: Tippfehler berichtigt.