Improve Visual Accessibility by allowing customization of drop down colors

XMLWordPrintable

    • 2

      Allow the color of the page tree text in the space navigation sidebar to be customer adjustable, to allow improved visual accessibility.

      Alternatively, whatever code controls this default text font could be customer adjustable.

       

      Editor: Macro (Expand) - Insufficient color contrast for the text

      Issue Description

      The color contrast for the text in the expandable element fails to meet the required minimum color contrast ratio.

      Steps to Reproduce

      1. In the editor, add the ‘expand’ macro.
      1. Using a CCA tool check the mentioned instruction text which fails minimum color contrast requirements.

      Actual Behaviour

      The text (Editable) for the naming of the ‘Expand’ macro in the editor (In edit mode) fails the minimum contrast ratio.

      When checked with the Color contrast analyzer tool, the color contrast for the above instance fails to meet the required minimum color contrast ratio:
      Foreground: #6C788D
      Background: #FFFFFF
      Ratio: 4.46:1

      As a result, low vision and elderly users won't be able to read the content effectively. This will cause an unpleasant user experience for visually impaired users.

      Expected Result

      The text content should have a color contrast ratio of 4.5:1. Which helps low-vision users to read the text.

      The expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes a contrast ratio of 4.5:1

      A color contrast analyzer can be downloaded from Color Contrast Checker - TPGi

        1. PageTree.png
          18 kB
          Tina Bolton
        2. PageTreeText.png
          18 kB
          Tina Bolton
        3. Screenshot 2023-07-20 at 3.59.02 PM.png
          481 kB
          Vijay Nair

            Assignee:
            Unassigned
            Reporter:
            Tina Bolton
            Votes:
            1 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated: