Techniken für WCAG 2.0

Zum Inhalt

-

F73: Fehler bei Erfolgskriterium 1.4.1, weil Links erstellt werden, die ohne Farbensehen visuell nicht offensichtlich sind

Anwendbarkeit

Jede Technik

Dieser Fehler bezieht sich auf:

Beschreibung

Das Ziel dieser Fehlers ist es, Situationen zu vermeiden, in denen Menschen, die keine Farbunterschiede wahrnehmen können, keine Links erkennen können. Link-Unterstreichungen oder eine andere Form der nicht-farblichen visuellen Unterscheidung sind erforderlich. Während einige Links möglicherweise durch das Seitendesign und den Kontext visuell evident sind, wie zum Beispiel Navigationslinks, werden Links innerhalb des Textes oft nur durch ihre eigenen Darstellungsattribute visuell verstanden. Das Entfernen der Unterstreichung und das alleinige Belassen des Farbunterschieds für solche Links wäre ein Fehler, da es (neben der Farbe) keine anderen Hinweis darauf gibt, dass dies ein Link ist.

Anmerkung 1:Wenn der nicht-farbige Hinweis nur dann auftritt, wenn die Maus über dem Link schwebt oder wenn der Link den Fokus erhält, dann ist es immer noch ein Fehler.

Anmerkung 2:Wenn der Link in einer anderen Farbe und fett ist, dann wäre es kein Fehler, da die Fettschrift nicht von der Farbe abhängig ist.

Beispiele

Fehler-Beispiel 1

Eine Webseite enthält eine große Anzahl an Links innerhalb des Textkörpers. Die Links sind so gestaltet, dass sie keine Unterstreichung haben und sind dem Textkörper farblich sehr ähnlich. Dies wäre ein Fehler, da die Benutzer nicht in der Lage wären, die Links vom Textkörper zu unterscheiden.

Fehler-Beispiel 2

Der folgende Code ist ein Beispiel für das Entfernen der Unterstreichung von einem Link in einem Satz oder Absatz, ohne für einen anderen visuellen Hinweis neben der Farbe zu sorgen.

Code-Beispiel:

				<head>
<style type="text/css">
p a:link {text-decoration: none}
p a:visited {text-decoration: none}
p a:active {text-decoration: none}
p a:hover {text-decoration: underline; color: red;}
</style>
</head>

<body>

<p>To find out more about the <a href="rain_in_spain.htm">rain in spain</a>there are many resources.</p>

</body>

Anmerkung: Wenn der visuelle Hinweis nur „on hover“ (wie im oben genannten Beispiel) bereitgestellt wird, dann wäre dies nach wie vor ein Fehler.

(derzeit keine aufgelistet)

Tests

Vorgehensweise

  1. Überprüfen Sie, ob jeder Link innerhalb von Text, der Teil eines Satzes oder Absatzes auf der Seite ist (oder in einem anderen Bereich, in dem er mit nicht verlinktem Text verwechselt werden könnte), unterstrichen oder anderweitig visuell als Link erkennbar ist (d.h. fett, kursiv), ohne auf Farbe (Farbtönung) angewiesen zu sein.

Erwartete Ergebnisse