Uploaded image for project: 'Nuxeo Elements'
  1. Nuxeo Elements
  2. ELEMENTS-1712

Improve contrast on placeholder text

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Major
    • Resolution: Cannot Reproduce
    • Affects Version/s: None
    • Fix Version/s: 3.0.30, 3.1.5
    • Component/s: A11y, UI

      Description

      The contrast ratio between text and its background is not at least 4.5:1.

      Element Name:
      No results found

      Location: In main region of the page.

      Color contrast ratio:
      Foreground color: #AFAFAD
      Background color: #F7F7F8
      Luminosity Ratio: 2.1:1
      Recommendation to fix
      RULE :
      Small text (under 18 point regular font or 14 point bold font) MUST have a contrast ratio of at least 4.5 to 1 with the background.

      HOW TO FIX:
      Fix this issue by adjusting the text and/or background to increase the contrast to at least 4.5 to 1.

      REFERENCE:
      Deque University: https://dequeuniversity.com/class/visual-design2/contrast/text-against-background

      BACKGROUND:
      People who have low vision or are colorblind may have difficulty reading text if the contrast between the text its background is insufficient. When the contrast ratio between text and its background is adequate, people who have low vision or are colorblind are more likely to be able to read the text.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: