You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: techniques/failures/F73.html
+5-6
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
<!DOCTYPE html><htmllang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision</title><linkrel="stylesheet" type="text/css" href="../../css/editors.css" class="remove"/></head><body><h1>Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision</h1><sectionclass="meta"><pclass="id">ID: F73</p><pclass="technology">Technology: failures</p><pclass="type">Type: Failure</p></section><sectionid="applicability"><h2>When to Use</h2>
<p>The objective of this failure is to avoid situations in which people who cannot perceive color differences cannot identify links (when people with color vision can identify links). Link underlines or some other non-color visual distinction are required (when the links are discernible to those with color vision).</p>
4
+
<p>The objective of this failure is to avoid situations in which people who cannot perceive color differences cannot identify links (when people with color vision can identify links). Link underlines or some other non-color visual distinction are required (when the links are discernible to those with color vision).</p>
5
5
<p>While some links may be visually evident from page design and context, such as navigational links, links within text are often visually understood only from their own display attributes. Removing the underline and leaving only the color difference for such links would be a failure because there would be no other visual indication (besides color) that it is a link.</p>
6
6
<divclass="note">
7
-
<p>Red and Pink are the same color (hue) but they have different lightness (which is not color). So red and pink would pass the requirement for "not distinguished by color (hue) alone" since they differ by lightness (which is not color) - as long as the difference in lightness (contrast) is 3:1 or greater. For example, if surrounding text is RED and the link is PINK it would pass. Similarly a light green and a dark red differ BOTH by color AND by lightness so they would pass if the contrast (lightness) difference is 3:1 or greater before focus or pointing.</p>
7
+
<p>Red and pink are the same color (hue) but they have different lightness (which is not color). So red and pink would pass the requirement for "not distinguished by color (hue) alone" since they differ by lightness (which is not color) - as long as the difference in lightness (contrast) is 3:1 or greater. For example, if surrounding text is red and the link is pink it would pass. Similarly a light green and a dark red differ <strong>both</strong> by color <strong>and</strong> by lightness so they would pass if the contrast (lightness) difference is 3:1 or greater before focus or pointing.</p>
8
8
<p>There is no requirement that links be identifiable by people who cannot perceive color if they are not perceivable for those with color vision. (e.g. if the links are hidden for everyone – as in a game or test).</p>
9
9
<p>If the non-color cue only happens when the mouse hovers over the link or when the link receives focus, it is still a failure.</p>
10
10
<p>If the link is a different color and bold it would not fail because the boldness is not color dependent.</p>
@@ -28,14 +28,13 @@ <h3>Removing the underline from a link in a sentence or paragraph without provid
28
28
</style>
29
29
</head>
30
30
<body>
31
-
<p>There are many resources to find out more about the
32
-
<a href="rain-in-spain.html">rain in spain</a>.
31
+
<p>There are many resources to find out more about the
32
+
<a href="rain-in-spain.html">rain in Spain</a>.
33
33
</p>
34
34
</body></code></pre>
35
35
36
36
<divclass="note">
37
-
<p>If the visual cue is only provided on hover (as in the example above), it would still fail.
38
-
</p>
37
+
<p>If the visual cue is only provided on hover (as in the example above), it would still fail.</p>
0 commit comments