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

Ensure link text provides sufficient contrast

    XMLWordPrintable

    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

          Zeplin

            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 Integration