Links¶
Um Linktext zu schreiben, verwendet beschreibende Phrasen, die Kontext für den Inhalt liefert, auf den ihr verlinkt.
Personen, die euren Text lesen, erleben die Links unterschiedlich. Einige springen von einem Link zum nächsten um relevante Quellen zu finden ohne jedoch den Text zwischen den Links zu lesen; andere erwarten, dass der Link vorher im Text beschrieben wird. Effektiver Link-Text hilft, die Zugänglichkeit und Lesbarkeit zu verbessern.
Linktext strukturieren¶
Um effektiven Linktext zu schreiben, verwendet eine der folgenden Formen:
Sorgt dafür, dass der Linktext genau dem Text des Titels entspricht, auf den er verweist.
✅ Weitere Informationen findet ihr unter Schreibstil.
Informationen zur Großschreibung solcher Verweise findet ihr unter Großschreibung in Verweisen auf Titel und Überschriften.
Beschreibt die Zielseite im Linktext so, als ob sie Teil des Satzes wäre.
✅ Ihr könnt Sprachstil überprüfen verwenden um eure Dokumentation automatisch überprüfen zu lassen.
Manchmal müsst ihr einen Satz überarbeiten, um eine Phrase einzuschließen, die einen guten Link-Text ergibt.
Schreiben von Linktext¶
Wendet die folgenden Richtlinien an, wenn ihr Linktext schreiben:
Wenn ihr einen vollständigen Satz schreibt, der euer Publikum auf ein anderes Thema verweist, leitet den Link mit der Phrase Für weitere Informationen, siehe oder Für weitere Informationen über …, siehe ein.
Schreibt eindeutigen, beschreibenden Linktext, der ohne den umgebenden Text Sinn ergibt. Verwendet keine Phrasen wie hier klicken oder dieses Dokument; sie erschweren die Zugänglichkeit.
Interpunktion bei Links¶
Wenn ihr eine Interpunktion unmittelbar vor oder nach einem Link habt, setzt die Interpunktion nach Möglichkeit außerhalb der Link-Tags.
Gestaltung von Linktext¶
Wendet die übliche Gestaltung auf Linktext an; dies hilft eurem Publikum, Links in eurem Inhalt zu finden.
Kontrastiert die Farbe des Linktextes mit der Farbe des normalen Textes. Um eurem Publikum das Erkennen von Links zu erleichtern, sollte sich der Linktext vom restlichen Text auf der Seite abheben.
Unterstreicht Link-Text. Die horizontale Linie zeigt sehr klar an, wo ein Link endet und der nächste beginnt. Dies erleichtert das Scannen der Website und hilft, Links zu finden.
Besuchte Links sollten die Farbe wechseln. Verwendet farbenblind-freundliche Farbwechsel, um Links, denen bereits gefolgt wurde, von noch nicht besuchten Links zu unterscheiden. Dies erleichtert eurem Publikum, effektiv durch eure Website zu navigieren, ohne dass es Inhalte, die es bereits gelesen hat, erneut aufrufen zu müssen.
Verhalten von Links¶
Ihr könnt Angaben machen, ob ein Link in einem neuen Fenster geöffnet werden soll oder nicht. Personen, die euren Text lesen, werden das jeweilige Standardverhalten ihres Browsers erwarten. Wenn ihr also festlegen wollt, dass ein Link in einem neuen Fenster oder Tab geöffnet werden woll, solltet ihr zumindest vorher auf dieses Verhalten hinweisen, z.B. mit einem nachfolgenden Icon:
implementing accessibilityLinks zu E-Mail-Adressen oder Telefonnummern¶
Beim Klicken auf einen E-Mail-Link öffnet sich der E-Mail-Client der jeweiligen
Person, damit diese sofort eine E-Mail schreiben kann. Hierfür könnt Ihr statt
einer Webadresse z.B. einfach mailto:info@cusy.io
verwenden. Auch Betreff, CC, BCC und Haupttext können in einem solchen Link
angegeben werden:
<a href="mailto:info@cusy.io?cc=info@cusy.io, support@cusy.io&subject=cusy%20Support&body=Hier%20kann%der%20Haupttext%20stehen">
Schreibt uns!
</a>
Ein Link kann auch automatisch eine Telefonnummer wählen, z.B.:
+49 30 22430082<style>
a[href^="tel:"]:before {
content: "\260e";
margin-right: 0.5em;
}
</style>
<a href="tel:+493022430082">+49 30 22430082</a>
Siehe auch
Links zu Dateien¶
Der erste Link sieht aus wie ein normaler Link, und diejenige Person, die auf den Link klickt, wird vermutlich erwarten, dass eine neue Seite im Browser geöffnet wird. Der zweite Link informiert vorab, dass es sich beim Linkziel um eine PDF-Datei handelt und über die Dateigröße dieses PDF. Das Verhalten ist im zweiten Fall sehr viel weniger überraschend.