Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-38321

Ensure link text provides sufficient contrast

    Details

    • Previous Issue Keys:
      A11YTEST-322

      Description

      [New] - 3/13/2018

      [Issue]

      • The "(today day in the month)" text (Today in calendar) is gray (#777620) against a yellow (#fffa90) background which does not provide sufficient contrast. The current contrast ratio is 4.4:1.- The "(current day in the month)" text (Current day in calendar) is white (#FFFFFF) against a blue (#007fff) background which does not provide sufficient contrast. The current contrast ratio is 3.8:1.

      [User Impact]
      Users with low vision may have difficulty reading the text.

      [Expected behavior]

      Developers must ensure that all text and images of text provide sufficient contrast. Text less than 18 points or bold text less than 14 points must have a luminosity contrast ratio of 4.5:1 or more.Text 18 points or larger or bold text 14 points or larger must have a luminosity contrast ratio of 3:1 or more.

      [Reference Link]

      Level Access's Contrast Checker can be used to evaluate contrast ratios.

      https://www.levelaccess.com/compliance-resource/color-contrast-checker/

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                jonespm Matthew Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Git Source Code