Skip to content
This repository was archived by the owner on Jun 30, 2018. It is now read-only.

Adding issue #10 User Interface Component Contrast #128

Closed
wants to merge 3 commits into from
Closed
Changes from all commits
Commits
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
23 changes: 22 additions & 1 deletion guidelines/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -431,6 +431,22 @@

Images of Text


User Interface Component Contrast (Minimum)

AA

New

The visual presentation of

  1. essential graphical objects for user interface component(s) or a border line thereof, and
  2. the focus and selection indicator(s) of user interface component(s),
  3. has a contrast ratio of at least 4.5:1 against the immediate surrounding color(s), except for the situations listed below:

    1. Thicker: A contrast ratio of 3:1 is required where the minimum width and height are at least 3 CSS pixels, for either the graphical object or (one of) their border line(s).
    2. Inactive: Disabled or otherwise inactive user interface components are exempt from this requirement. In all other states (including when the page is scrolled) the contrast requirement is applicable.

    3. Contrast (Enhanced)

      Expand Down Expand Up @@ -1211,12 +1227,17 @@

      Glossary

      In Japanese, the phrase "さじを投げる" literally translates into "he throws a spoon," but it means that there is nothing he can do and finally he gives up.

      In Dutch, "Hij ging met de kippen op stok" literally translates into "He went to roost with the chickens," but it means that he went to bed early.

      image of text
      image of text

      text that has been rendered in a non-text form (e.g., an image) in order to achieve a particular visual effect

      This does not include text that is part of a picture that contains significant other visual content.

      A person's name on a nametag in a photograph.

      immediate surrounding color(s)

      the color(s) adjacent to the entire length of the outer perimeter of the element


      informative

      for information purposes and not required for conformance

      Expand Down