Uploaded image for project: 'Nuxeo Web UI'
  1. Nuxeo Web UI
  2. WEBUI-913

Improve contrast on path for quick search items

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Major
    • Resolution: Not A Bug
    • Affects Version/s: 3.0.15
    • Fix Version/s: None
    • Component/s: A11y

      Description

      In web ui:
      use quick search (top right icon)
      search for a keyword and get some results (e.g., workspace)
      => the path of the document is shown below its title

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

      Foreground: #949492
      Background: #FFFFFF
      Contrast Ratio: 3: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

        1. 2022-09-19_12-18.png
          45 kB
          Bertrand Chauvin
        2. Screen Shot 2022-11-16 at 4.16.28 PM.png
          269 kB
          Bertrand Chauvin
        3. Screenshot 2022-11-24 at 4.28.49 PM.png
          961 kB
          rakesh.kumarsingh@contractors.onbase.com

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              bchauvin Bertrand Chauvin
              Participants:
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: