Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
41 commits
Select commit Hold shift + click to select a range
60558b0
Add note about logo/logotypes to 1.4.3, 1.4.6, and 1.4.11 understanding
patrickhlauke May 18, 2025
1dc7634
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke May 20, 2025
b4471c1
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke May 24, 2025
93380a6
Update understanding/20/contrast-enhanced.html
patrickhlauke May 30, 2025
b4e2192
Update understanding/20/contrast-enhanced.html
patrickhlauke May 30, 2025
c9829e2
Update understanding/21/non-text-contrast.html
patrickhlauke May 30, 2025
026ce0c
Update understanding/21/non-text-contrast.html
patrickhlauke May 30, 2025
cf8334f
Reword for non-text contrast, make text contrast minimum/enhanced onl…
patrickhlauke Jun 13, 2025
9c4dd52
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Jun 13, 2025
fd1f898
Tweaks from backlog meeting
patrickhlauke Jun 13, 2025
f097578
Merge branch 'patrickhlauke-logo-logotype-exemption-note' of https://…
patrickhlauke Jun 13, 2025
6508a34
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Jun 14, 2025
142ffcd
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Jun 20, 2025
c6893b7
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Dec 14, 2025
8dc2ccf
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Jan 3, 2026
73228f6
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Jan 6, 2026
ca266a0
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Jan 25, 2026
34fb404
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Feb 21, 2026
7c32846
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Feb 28, 2026
9d4d098
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Mar 23, 2026
c371d43
Update understanding/20/contrast-minimum.html
patrickhlauke Mar 23, 2026
ebb17e5
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
a2bf4b0
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
8139a98
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
0dc7f67
Update understanding/20/contrast-minimum.html
patrickhlauke Mar 23, 2026
477e8d3
Apply suggestions from code review
patrickhlauke Mar 23, 2026
96b2474
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
caaaa2d
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
63a527b
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
8d86b30
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
3cdd3f2
Apply suggestion from @patrickhlauke
patrickhlauke Mar 23, 2026
35404ef
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Mar 23, 2026
d88b3cd
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Apr 4, 2026
b8bb7f7
Split out the "low contrast logos as author choice" part into its own…
patrickhlauke Apr 4, 2026
c941d57
Add example for author choice of low contrast logos
patrickhlauke Apr 4, 2026
0991328
Remove "and state" from 1.4.11 note
patrickhlauke Apr 4, 2026
b8acf44
Apply suggestion from @patrickhlauke
patrickhlauke Apr 4, 2026
e803241
Use a new "Logos" section rather than using notes for 1.4.11
patrickhlauke Apr 4, 2026
bf30ecd
Merge branch 'main' into patrickhlauke-logo-logotype-exemption-note
patrickhlauke Apr 18, 2026
84552b7
Update understanding/21/non-text-contrast.html
patrickhlauke May 8, 2026
1309024
Update understanding/21/non-text-contrast.html
patrickhlauke May 8, 2026
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
14 changes: 13 additions & 1 deletion understanding/20/contrast-enhanced.html
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,19 @@ <h2>Intent of Contrast (Enhanced)</h2>
in charts, graphs, diagrams, and other non-text-based information, which is covered by
<a href="non-text-contrast">Success Criterion 1.4.11 Non-Text Contrast</a>.
</p>


<div class="note">
<p>Text used as part of a logo or logotype is exempted from contrast requirements,
under the assumption that logos/logotypes must comply with stricter color choices mandated
by corporate identity or brand guidelines. However, this can be problematic when
logos or logotypes act as <a>user interface components</a> (such as a link or
other interactive control). In these cases, as a best practice, choose a variant of
the logo or logotype that has sufficient text contrast, if allowed by the
corporate identity or brand guidelines. Alternatively, consider providing equivalent
<a>user interface components</a> which serve the same purpose and meet
the contrast requirements.</p>
</div>

<section>

<h3>Rationale for the Ratios Chosen</h3>
Expand Down
14 changes: 13 additions & 1 deletion understanding/20/contrast-minimum.html
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ <h2>Intent of Contrast (Minimum)</h2>
a street sign, are not included. Nor is text that for some reason is designed to be
invisible to all viewers. Stylized text, such as in corporate logos, should be treated
in terms of its function on the page, which may or may not warrant including the content
in the text alternative. Corporate visual guidelines beyond logo and logotype are
in the text alternative. Corporate identity or brand guidelines beyond logo and logotype are
not included in the exception.
</p>

Expand Down Expand Up @@ -127,6 +127,18 @@ <h2>Intent of Contrast (Minimum)</h2>
<a href="contrast-enhanced">1.4.6 Contrast (Enhanced)</a>.
</p>

<div class="note">
<p>Text used as part of a logo or logotype is exempted from contrast requirements,
Comment thread
patrickhlauke marked this conversation as resolved.
under the assumption that logos/logotypes must comply with stricter color choices mandated
by corporate identity or brand guidelines. However, this can be problematic when
logos or logotypes act as <a>user interface components</a> (such as a link or
other interactive control). In these cases, as a best practice, choose a variant of
the logo or logotype that has sufficient text contrast, if allowed by the
corporate identity or brand guidelines. Alternatively, consider providing equivalent
<a>user interface components</a> which serve the same purpose and meet
the contrast requirements.</p>
</div>

<section>
<h3>Rationale for the Ratios Chosen</h3>

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 26 additions & 1 deletion understanding/21/non-text-contrast.html
Original file line number Diff line number Diff line change
Expand Up @@ -401,6 +401,29 @@ <h4>Required for Understanding</h4>
<li> The information is available in another form, such as in a table that follows the graph, which becomes visible when a "Long Description" button is pressed.</li>
<li> The graphic is part of a logo or brand name (which is considered &quot;essential&quot; to its presentation).</li>
</ul>

<h4>Logos</h4>

<p>Logos are exempted from contrast requirements when they are purely used as
<em>graphical objects</em>, under the assumption that they must comply with stricter color choices mandated
by corporate identity or brand guidelines. When they act as <a>user interface components</a>
(such as links or other interactive controls), authors must nonetheless make sure that there is an aspect of
the user interface components that allows users to identify the components.
If possible, and if allowed by the relevant corporate identity or brand guidelines, authors should choose a
variant of the logo that has sufficient contrast. Alternatively, authors should provide an additional
visual element with sufficient contrast that helps identify the user interface component – such as
additional text, or an outline or border around the component. Lastly, consider providing an equivalent
<a>user interface component</a> which serves the same purpose and does meet the contrast requirements.</p>

<p>If logos are presented with insufficient contrast, but their presentation was an author choice rather than
being mandated by corporate identity or brand guidelines, then that particular low contrast presentation is
<em>not</em> "essential", and the logo is <em>not</em> exempt from the contrast requirements.</p>

<figure id="figure-low-contrast-logos-author-choice">
<img src="img/1.4.11-ntc-author-choice-logos.png" alt="A heading: 'ACME tool is trusted by the world's most innovative companies.'; below the heading, a series of nine company logos, all presented as very dark grey logos on the page's black background, with very low contrast; one logo is hovered with the mouse, and is displayed in white, with high contrast against the page background.">
<figcaption>An author chooses to present company logos with low contrast by default, until they are hovered; the fact that these are logos doesn't exempt this scenario from failing the requirements of this success criterion, as the initial low contrast presentation is not "essential"</figcaption>
</figure>

</section>
<section>
<h4>Gradients</h4>
Expand Down Expand Up @@ -453,7 +476,9 @@ <h4>Essential Exception</h4>

<p>Graphical objects do not have to meet the contrast requirements when &quot;a particular presentation of graphics is essential to the information being conveyed&quot;. The Essential exception is intended to apply when there is no way of presenting the graphic with sufficient contrast without undermining the meaning. For example:</p>
<ul>
<li><strong>Logotypes and flags</strong>: The brand logo of an organization or product is the representation of that organization and therefore exempt. Flags may not be identifiable if the colors are changed to have sufficient contrast.</li>
<li><strong>Logotypes</strong>: The brand logo of an organization or product is the representation of that organization, and is often
presented in the brand's specific colors; it is therefore exempt.</li>
<li><strong>Flags</strong>: Flags may not be identifiable if the colors are changed to have sufficient contrast.</li>
<li><strong>Sensory</strong>: There is no requirement to change pictures of real life scenes such as photos of people or scenery.</li>
<li><strong>Representing other things</strong>: If you cannot represent the graphic in any other way, it is essential. Examples include:
<ul>
Expand Down
Loading