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

Ensure link text provides sufficient contrast - Current User Menu

    XMLWordPrintable

    Details

    • 11 status:
      Verified
    • Test Plan:
      Hide

      Check colour contrast of the links in the User Menu (top right of Sakai) with http://webaim.org/resources/contrastchecker/ to make sure they pass WCAG AA

      Show
      Check colour contrast of the links in the User Menu (top right of Sakai) with http://webaim.org/resources/contrastchecker/ to make sure they pass WCAG AA

      Description

      The main navigation of the environment provides a control to expand a menu of options for the currently logged in user. However, once the links in this menu feature text styled in the color blue (#5294D2) displayed against a tan (#F8F8F8) background. The contrast ratio betweeen the foreground and the background color is 3.03: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.http://qa03-sakai.marist.edu:8080/portal/site/~SSBTest002/tool/c59aeb9e-7bb2-40d8-a847-06d731be63d7/

      Webaim has a good 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