diff --git a/understanding/20/contrast-enhanced.html b/understanding/20/contrast-enhanced.html index a7fce87f31..2c2d45f86f 100644 --- a/understanding/20/contrast-enhanced.html +++ b/understanding/20/contrast-enhanced.html @@ -126,7 +126,19 @@

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 or brand guidelines. However, this can be problematic when + logos or logotypes act as user interface components (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 + user interface components which serve the same purpose and meet + the contrast requirements.

+
+

Rationale for the Ratios Chosen

diff --git a/understanding/20/contrast-minimum.html b/understanding/20/contrast-minimum.html index 3753e9d037..fb399895b0 100644 --- a/understanding/20/contrast-minimum.html +++ b/understanding/20/contrast-minimum.html @@ -94,7 +94,7 @@

Intent of Contrast (Minimum)

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.

@@ -127,6 +127,18 @@

Intent of Contrast (Minimum)

1.4.6 Contrast (Enhanced).

+
+

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 user interface components (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 + user interface components which serve the same purpose and meet + the contrast requirements.

+
+

Rationale for the Ratios Chosen

diff --git a/understanding/21/img/1.4.11-ntc-author-choice-logos.png b/understanding/21/img/1.4.11-ntc-author-choice-logos.png new file mode 100644 index 0000000000..9ed7160fe1 Binary files /dev/null and b/understanding/21/img/1.4.11-ntc-author-choice-logos.png differ diff --git a/understanding/21/non-text-contrast.html b/understanding/21/non-text-contrast.html index 450e01dd85..217795fb57 100644 --- a/understanding/21/non-text-contrast.html +++ b/understanding/21/non-text-contrast.html @@ -401,6 +401,29 @@

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

    + +

    Logos 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 or brand guidelines. When they act as user interface components + (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 + user interface component which serves the same purpose and does meet the contrast requirements.

    + +

    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 + not "essential", and the logo is not exempt from the contrast requirements.

    + +
    + 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. +
    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"
    +
    +

    Gradients

    @@ -453,7 +476,9 @@

    Essential Exception

    Graphical objects do not have to meet the contrast requirements when "a particular presentation of graphics is essential to the information being conveyed". 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: