Optisch vom Text unterscheidbar

Links müssen sich vom Text drumherum abheben.

Sehende Benutzer müssen wissen, wo ein Link ist. Wenn sie den Unterschied nicht erkennen, wissen sie nicht, welche Elemente anklickbar sind. Sie könnten wichtige Links übersehen. Man muss das Standard-Styling nicht ändern, um die Regeln für Barrierefreiheit zu erfüllen.

Die Farbe allein darf nicht verwendet werden, um Links vom Text zu unterscheiden. Es sei denn, der Farbunterschied ist groß genug und es wird noch einmal darauf hingewiesen, wenn der Link angeklickt wird.

Es gibt verschiedene Möglichkeiten, um zu zeigen, wo ein Link ist:

• Andere Farbe mit Unterstreichung ist die Standard-Optik in Browsern.

• Manche Designer mögen das Aussehen von unterstrichenen Links nicht und entfernen die Unterstreichung aus der Gestaltung. Deshalb sollte man die Unterstreichung für Links im Hauptinhaltsbereich eines Dokuments nicht entfernen. Menschen mit eingeschränktem Sehvermögen könnten die Farbe des Textes und die Farbe der Links sonst nicht unterscheiden. Diese Technik kann verwendet werden, auch wenn davon abgeraten wird. Dabei muss das Kontrastverhältnis zwischen dem verlinkten Text und dem nicht verlinkten Text mindestens 3:1 betragen. Die Unterstreichung muss bei beiden Situationen sichtbar sein.

• Man kann eine andere Farbe verwenden, wenn man mit der Maus darüber fährt oder etwas anklickt. Dazu kann man noch einen Rahmen einfügen.

• Fügen Sie bei Hover und Fokus eine Kontur oder einen Rahmen hinzu. Sie können auch eine Unterstreichung und/oder eine Änderung der Hintergrundfarbe verwenden.

• Wo kommt der Punkt hin? Sehende Benutzer wissen, dass sie auf die Punkte klicken können, wenn das Menü wie ein Navigationsmenü aussieht. Es gibt viele Möglichkeiten, ein Navigationsmenü zu gestalten. Designtrends ändern sich im Laufe der Zeit. Deshalb kann man nicht genau sagen, wie ein Navigationsmenü auszusehen hat. Wenn es wie ein Navigationsmenü aussieht, müssen die Links nicht unterstrichen werden.