---
title: "A: Links müssen vom umgebenden Text unterscheidbar sein (WCAG 1.4.1)"
description: Erfahren Sie, warum Links sich nicht nur farblich vom Text unterscheiden dürfen und wie Sie Unterstreichungen oder Symbole nutzen, um WCAG 1.4.1-konform zu gestalten.
---
[Zu Content springen](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block#main-content)
- [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block)
- [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/manual-checks/link-in-text-block)
Deutsch
Untermenü für Übersetzungen anzeigen
- [Tickets](https://hub.sitecockpit.com/portal)
- [Dokumentation](https://help.sitecockpit.com/de/dokumentation)
- [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout)
Hauptnavigation öffnen
Hauptnavigation schließen
- [Tickets](https://hub.sitecockpit.com/portal)
- [Dokumentation](https://help.sitecockpit.com/de/dokumentation)
- [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout)
- - [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block)
- [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/manual-checks/link-in-text-block)
Deutsch
Untermenü für Übersetzungen anzeigen
- [Kontakt](mailto:kontakt@sitecockpit.com)
[Kontakt](mailto:kontakt@sitecockpit.com)
Wie können wir Ihnen helfen?
- Es gibt keine Vorschläge, da das Suchfeld leer ist.
1. [Dokumentation](https://help.sitecockpit.com/de/dokumentation?hsLang=de)
2. [Backend](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de)
3. [easyMonitorung manuelle Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-manuelle-pr%C3%BCfpunkte)
# A: Links müssen vom umgebenden Text unterscheidbar sein (WCAG 1.4.1)
## link-in-text-block
- **[Bedeutung](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block#Das-bedeutet)**
- [**Auswirkung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block#Auswirkung)
- [**Empfehlung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block#Empfehlung)
- [**Beispiele**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block#Beispiele)
- [**Hinweis**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/manuelle-pruefungen/link-in-text-block#Hinweis)
### **Das bedeutet**
Links innerhalb von Textabsätzen dürfen nicht allein durch ihre Farbe erkennbar sein. Sie müssen sich zusätzlich visuell abheben, zum Beispiel durch eine **Unterstreichung**, ein **Symbol** oder eine **deutliche Formatierung**. Nur so können Nutzer und Nutzerinnen mit eingeschränktem Sehvermögen oder Farbsehschwächen Links sicher identifizieren.
### **Auswirkung**
Wenn Links ausschließlich durch Farbe gekennzeichnet sind, können viele Menschen sie nicht vom normalen Text unterscheiden. Das führt zu Orientierungsschwierigkeiten, verringert die Nutzbarkeit und verstößt gegen WCAG 1.4.1 (A) *Benutzung von Farbe*. Besonders betroffen sind Nutzerinnen und Nutzer mit Farbenblindheit oder Kontrastproblemen.
### **Empfehlung**
- Links sollten sich **nicht nur farblich**, sondern auch **stilistisch** vom Fließtext unterscheiden.
- Verwenden Sie eine **dauerhafte Unterstreichung** oder ein zusätzliches Symbol (z. B. ein Pfeil oder Icon).
- Entfernen Sie Unterstreichungen nicht durch CSS (z. B. *text-decoration: none;*).
- Wenn Sie auf Farbe setzen, achten Sie auf einen **Kontrast von mindestens 3:1** zwischen Link und Textfarbe **und** eine zusätzliche Hervorhebung bei Hover oder Fokus.
### **Beispiele**
*Problematisch:*
```
Mehr über SiteCockpit erfahren Sie unter Leitfaden.
```
Weitere Infos finden Sie in unserem [Leitfaden](https://www.sitecockpit.com/de).
Der Link ist nur farblich abgesetzt. Nutzerinnen und Nutzer mit Farbsehschwäche erkennen keinen Unterschied.
*Besser:*
```
Mehr über SiteCockpit erfahren Sie unter Leitfaden.
```
Weitere Infos finden Sie in unserem [Leitfaden](https://www.sitecockpit.com/de).
Der Link ist zusätzlich unterstrichen und bleibt so auch für Menschen mit eingeschränktem Farbsehen erkennbar.
*Alternativ:*
```
Mehr über SiteCockpit erfahren Sie unter Leitfaden ↗.
```
Weitere Infos finden Sie in unserem [Leitfaden ↗](https://www.sitecockpit.com/de).
Ein Symbol oder Icon kann die visuelle Erkennbarkeit ebenfalls verbessern.
### **Hinweis**
Barrierefreiheit bedeutet hier nicht nur sichtbaren Kontrast, sondern Redundanz der Information: **Farbe darf niemals das einzige Erkennungsmerkmal sein.** Achten Sie auch auf Fokus- und Hoverzustände, um Links bei Tastaturbedienung hervorzuheben.
**Verknüpftes WCAG-Kriterium:**
[WCAG 1.4.1 – Benutzung von Farbe](https://www.w3.org/TR/WCAG22/#use-of-color)
- [Allgemeines](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#main-content)
- [Informationen](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#informationen)
- [Dashboard](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#dashboard)
- [Backend](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#main-content)
- [easyVision](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyvision)
- [easyMonitoring](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitoring)
- [easyMonitorung manuelle Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-manuelle-pr%C3%BCfpunkte)
- [easyMonitorung automatische Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-automatische-pr%C3%BCfpunkte)
- [easyAI](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyai)
- [easyStatement](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easystatement)
- [Contrast Checker](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#contrast-checker)
- [easyLanguage](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easylanguage)
- [Integration easyVision](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#main-content)
- [Einrichtung](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#einrichtung)
- [Installation](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#installation)
- [Browser Erweiterungen](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#browser-erweiterungen)
- [Servicepartner](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#main-content)
- [Allgemeine Informationen](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#allgemeine-informationen)
- [Stripe](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#stripe)
- [Support](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#main-content)
- [FAQ](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#faq)
- [Ticketsystem](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#ticketsystem)
[](https://www.sitecockpit.com/)
Telefon: +49(0)30 403 64 98 98
E-Mail: kontakt@sitecockpit.com
[mailto:kontakt@sitecockpit.com](mailto:kontakt@sitecockpit.com)
Copyright © 2025, Site Cockpit GmbH