Skip to content

Commit 293af1b

Browse files
JAWS-test2patrickhlaukembgower
authored
Update F81 (#1033)
Fixes #873 --------- Co-authored-by: JAWS-test2 <> Co-authored-by: Patrick H. Lauke <[email protected]> Co-authored-by: Mike Gower <[email protected]> Co-authored-by: Mike Gower <[email protected]>
1 parent 54e54b8 commit 293af1b

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

techniques/failures/F81.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
<!DOCTYPE html><html lang="en"><head><title>Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only</title><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"></head><body><h1>Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only</h1><section class="meta"><p class="id">ID: F81</p><p class="technology">Technology: failures</p><p class="type">Type: Failure</p></section><section id="applicability"><h2>When to Use</h2>
22
<p>All technologies</p>
33
</section><section id="description"><h2>Description</h2>
4-
<p>This objective of this technique is to describe the failure that occurs when a required field or an error field is marked with color differences only, without an alternate way to identify the required field or error field. This can cause problems for people who are blind or colorblind, because they may not be able to perceive the color differences that indicate which field is required or which field is causing an error.</p>
4+
<p>This objective of this technique is to describe the failure that occurs when a required field or an error field is marked with color differences only, without an alternate way to identify the required field or error field. This can cause problems for people with color vision deficiency or low vision, because they may not be able to perceive the color differences that indicate which field is required or which field is causing an error.</p>
55
</section><section id="examples"><h2>Examples</h2>
66
<ul>
7-
<li>A user is completing an online form, and the phone number field is required. To indicate that the phone number field is required, the label "Phone Number" is displayed in a color different from the color used for optional fields, without any other indication that "Phone Number" is a required field. A blind or colorblind user may not be able to identify that "Phone Number" is a required field.</li>
7+
<li>A user is completing an online form, and the phone number field is required. To indicate that the phone number field is required, the label "Phone Number" is displayed in a color different from the color used for optional fields, without any other indication that "Phone Number" is a required field. A person with color vision deficiency or low vision may not be able to identify that "Phone Number" is a required field.</li>
88
<li>A user submits an online form and leaves a required field blank, resulting in an error. The form field that caused the error is indicated by red text only, without an additional non-color indication that the field caused an error.</li>
99
</ul>
1010
<div class="note">
11-
<p>In both examples, the color could be used without failure if the text was sufficiently different in visual presentation (e.g. bold or in a different font) that it would be easily differentiated from the surrounding text if the color were removed. It would also not fail if the color chosen had sufficient luminosity difference (lightness) from the other text that it would be easily be seen as different if viewed in black and white. In these cases - the information would not be displayed in color (hue) alone but also in "presentation" or "lightness" respectively. </p>
11+
<p>In both examples, the color could be used without failure if the text was sufficiently different in visual presentation (e.g. bold or in a different font) that it would be easily differentiated from the surrounding text if the color were removed. It would also not fail if the color chosen had sufficient luminosity difference (lightness) from the other text that it would be easily be seen as different if viewed in black and white. A minimum contrast ratio of 3:1 is considered sufficient. In these cases - the information would not be displayed in color (hue) alone but also in "presentation" or "lightness" respectively. However, while this will satisfy the visual requirement for 1.4.1, the example may still fail other requirements, such as 1.3.1, 3.3.1, and 4.1.2.</p>
1212
</div>
1313
</section><section id="tests"><h2>Tests</h2>
1414
<section class="procedure"><h3>Procedure</h3>

0 commit comments

Comments
 (0)