Skip to content

Use "color vision deficiency" instead of "colorblindness" #4472

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Use "color vision deficiency" instead of "colorblindness" #4472

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 51 additions & 26 deletions techniques/failures/F13.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,65 @@
<!DOCTYPE html><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not
include information that is conveyed by color differences in the image</title><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"/></head><body><h1>Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not
include information that is conveyed by color differences in the image</h1><section class="meta"><p class="id">ID: F13</p><p class="technology">Technology: failures</p><p class="type">Type: Failure</p></section><section id="applicability"><h2>When to Use</h2>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image</title>
<link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove">
</head>
<body>
<h1>Failure of Success Criterion 1.1.1 and 1.4.1 due to having a text alternative that does not include information that is conveyed by color differences in the image</h1>
<section class="meta">
<p class="id">ID: F13</p>
<p class="technology">Technology: failures</p>
<p class="type">Type: Failure</p>
</section>
<section id="applicability">
<h2>When to Use</h2>
<p>All technologies.</p>
</section><section id="description"><h2>Description</h2>
</section>
<section id="description">
<h2>Description</h2>
<p>The objective of this technique is to describe the failure that occurs when
an image uses color differences to convey information, but the text alternative for the
image does not convey that information. This can cause problems for people
who are blind or colorblind because they will not be able to perceive the
information conveyed by the color differences.</p>
</section><section id="examples"><h2>Examples</h2>
an image uses color differences to convey information, but the text alternative for the
image does not convey that information. This can cause problems for people
who are blind, have low vision, or have color vision deficiency, because they will not be able to perceive the
information conveyed by the color differences.</p>
</section>
<section id="examples">
<h2>Examples</h2>
<ul>
<li>A bar chart of sales data is provided as an image. The chart includes
yearly sales figures for four employees in the Sales Department. The
text alternative for the image says, "The following bar chart
displays the yearly sales figures for the Sales Department. Mary
sold 3.1 Million; Fred, 2.6 Million; Bob, 2.2 Million; and Andrew,
3.4 Million. The red bars indicate sales that were below the yearly
quota". This text alternative fails to provide the information which
is conveyed by the color red in the image. The alternative should
indicate which people did not meet the sales quota rather than
relying on color.</li>
yearly sales figures for four employees in the Sales Department. The
text alternative for the image says, "The following bar chart
displays the yearly sales figures for the Sales Department. Mary
sold 3.1 Million; Fred, 2.6 Million; Bob, 2.2 Million; and Andrew,
3.4 Million. The red bars indicate sales that were below the yearly
quota". This text alternative fails to provide the information which
is conveyed by the color red in the image. The alternative should
indicate which people did not meet the sales quota rather than
relying on color.</li>
</ul>
</section><section id="tests"><h2>Tests</h2>
</section>
<section id="tests">
<h2>Tests</h2>
<section class="procedure"><h3>Procedure</h3>
<p>For all images in the content that convey information by way of color differences: </p>
<ol>
<li>Check that the information conveyed by color differences is not included in
the text alternative for the image.</li>
<li>Check that the information conveyed by color differences is not included in the text alternative for the image.</li>
</ol>
</section>
<section class="results"><h3>Expected Results</h3>
<ul>
<li>If check #1 is true, then this failure condition applies and
content fails the Success Criterion.</li>
<li>If check #1 is true, then this failure condition applies and content fails the Success Criterion.</li>
</ul>
</section>
</section><section id="related"><h2>Related Techniques</h2><ul>
<li><a href="../general/G94">G94</a></li>
</ul></section><section id="resources"><h2>Resources</h2></section></body></html>
</section>
<section id="related">
<h2>Related Techniques</h2>
<ul>
<li><a href="../general/G94">G94</a></li>
</ul>
</section>
<section id="resources">
<h2>Resources</h2>
</section>
</body>
</html>
2 changes: 1 addition & 1 deletion techniques/general/G183.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ <h3>Colors that would provide 3:1 contrast with black words and 4.5:1 contrast w
</section>
<section class="example">

<p>The hypertext links in a document are medium-light blue (<code>#3366CC</code>) and the regular text is black (<code>#000000</code>). Beyond the difference in color, the links have no other styles differences compared with the regular text. Because the blue text is light enough, it has a contrast of 3.9:1 with the surrounding text and can be identified as being different from the surrounding text by people with all types of color blindness, including those individuals who cannot see color at all. In addition to the contrast difference, the links have <code>:focus</code> and <code>:hover</code> styles that reintroduce the underline when the links receive keyboard focus or when a mouse pointer hovers over them. Hover or focus style changes alone are not sufficient to meet the criterion.</p>
<p>The hypertext links in a document are medium-light blue (<code>#3366CC</code>) and the regular text is black (<code>#000000</code>). Beyond the difference in color, the links have no other styles differences compared with the regular text. Because the blue text is light enough, it has a contrast of 3.9:1 with the surrounding text and can be identified as being different from the surrounding text by people with all types of color vision deficiency, including those individuals who cannot see color at all. In addition to the contrast difference, the links have <code>:focus</code> and <code>:hover</code> styles that reintroduce the underline when the links receive keyboard focus or when a mouse pointer hovers over them. Hover or focus style changes alone are not sufficient to meet the criterion.</p>

</section>
</section><section id="tests"><h2>Tests</h2>
Expand Down
Loading