Skip to content

Add note about logo/logotypes contrast to 1.4.3, 1.4.6, and 1.4.11 understanding #4402

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 7 commits into
base: main
Choose a base branch
from
Open

Add note about logo/logotypes contrast to 1.4.3, 1.4.6, and 1.4.11 understanding #4402

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 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
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
6 changes: 5 additions & 1 deletion understanding/20/contrast-enhanced.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -126,7 +126,11 @@

Intent of Contrast (Enhanced)
in charts, graphs, diagrams, and other non-text-based information, which is covered by
Success Criterion 1.4.11 Non-Text Contrast.



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 guidelines. However, this can be problematic when the logo or logotype also acts as a user interface component (such as a link or other interactive control). Some part of the control must meet the 3:1 contrast ratio so users can at least identify that there is a control. Authors could choose a variant of the logo or logotype that has sufficient contrast, include a border with contrast (though this may still not help users identify what the control's label is), or provide an equivalent user interface component which serves the same purpose and does meet the contrast requirements.
Copy link
Contributor

@alastc alastc May 30, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<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 guidelines. However, this can be problematic when the logo or logotype also acts as a <em>user interface componentem> (such as a link or other interactive control). Some part of the control must meet the 3:1 contrast ratio so users can at least identify that there is a control. Authors could choose a variant of the logo or logotype that has sufficient contrast, include a border with contrast (though this may still not help users identify <em>whatem> the control's label is), or provide an equivalent <em>user interface componentem> which serves the same purpose and does meet the contrast requirements.p>
<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 guidelines. However, this can be problematic when the logo or logotype also acts as a <em>user interface componentem> (such as a link or other interactive control). There are also contrast requirements for <a href="non-text-contrast">Success Criterion 1.4.11 Non-text Contrasta>, where some part of the control must have contrast, or an accessible alternative.p>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Something else occurred to me, sorry, which is that if we are talking about another SC, we should deal with it over there.

Copy link

@GreggVan GreggVan May 30, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes this also needs to be worded differently. This language puts an exception and rationale in a note -- which is not allowable. If it is an exception the exception needs to be in the provision and the rationale needs to use wording in the provision.

Eg something like this.

Note: Text used as part of a logo or logotype falls under the "essential" exemption because logos/logotypes often must comply with stricter color choices mandated by corporate identity guidelines.

Note: When the logo or logotype also acts as a user interface component (such as a link or other interactive control) other contrast requirements apply. See Success Criterion 1.4.11 Non-text Contrast.

and then include the proper note on logos as controls there.

Copy link
Member Author

@patrickhlauke patrickhlauke May 30, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This language puts and exception and rationale in a note -- which is not allowable. If it is an exception the exception needs to be in the provision and the rationale needs to use wording in the provision.

the note here tries to explain the exception (for "Logotypes") that is ALREADY in the normative SC wording. we're not introducing a new exception. or are you getting at something else?

"Logotypes
Text that is part of a logo or brand name has no contrast requirement."



Rationale for the Ratios Chosen
Expand Down
14 changes: 13 additions & 1 deletion understanding/20/contrast-minimum.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,19 @@

Intent of Contrast (Minimum)

See also

1.4.6: Contrast (Enhanced).



Text used as part of a logo or logotype is exempted from contrast requirements,
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if we're happy(er) with the rewording above - which includes a suggestion from @alastc - then this should be made to match

under the assumption that logos/logotypes must comply with stricter color choices mandated
by corporate identity guidelines.
However, this can be problematic when the logo or logotype also acts as a
user interface component (such as a link or other interactive control).
In these cases, authors should choose a variant of the logo or logotype that has sufficient
contrast, if allowed by the corporate identity guidelines.
Alternatively, authors should provide an equivalent user interface component
which serves the same purpose and does meet the contrast requirements.


Rationale for the Ratios Chosen
Expand Down
16 changes: 16 additions & 0 deletions understanding/21/non-text-contrast.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -396,6 +396,22 @@

Required for Understanding
  • 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.
    		•
  • The graphic is part of a logo or brand name (which is considered "essential" to its presentation).
    		•

    Logos and logotypes are exempted from contrast requirements when they are purely used as
    graphical objects, under the assumption that they must comply with stricter color choices mandated
    by corporate identity guidelines.
    However, this is not the case when they also act as user interface components
    (such as links or other interactive controls). If the logo is the only element that helps users
    identify the user interface component or the component's state, authors should choose
    a variant of the logo or logotype that has sufficient contrast, if allowed by the
    corporate identity guidelines.
    Alternatively, authors should provide an additional visual element that helps identify the
    user interface component or its state. If that is not possible, authors should ensure that there
    is an an equivalent user interface component
    which serves the same purpose and does meet the contrast requirements.

    Gradients
    Expand Down