Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-31617 Ensure sufficient colour contrast: WCAG2 AA
  3. SAK-31611

Ensure link text provides sufficient contrast - Left Tool Menu - Current Tool

    XMLWordPrintable

    Details

    • 11 status:
      Verified
    • Test Plan:
      Hide

      Check colour contrast of links to their background in the left tool menu throughout Sakai with http://webaim.org/resources/contrastchecker/ to make sure they pass WCAG AA

      Show
      Check colour contrast of links to their background in the left tool menu throughout Sakai with http://webaim.org/resources/contrastchecker/ to make sure they pass WCAG AA

      Description

      The left hand side navigation of the environment provides a series of links that can be used to navigate to pages of content. The currently active link displays text styled in the color blue (#5494C0) displayed against a white (#FFFFFF) background. The contrast ratio between the foreground and the background color is 3.29:1.As per WCAG, text less than 18 point or bold text less than 14 point must have a luminosity contrast ratio of 4.5:1 or more. Text 18 point or larger or bold text 14 point or larger must have a luminosity contrast ratio of 3:1 or more.

      Webaim has a simple colour contrast checker http://webaim.org/resources/contrastchecker/

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  sfoster9 Shawn Foster
                  Reporter:
                  mclare Matt Clare
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code