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

Announcements list: Table text for draft announcements has low color contrast

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 19.1, 20.0
    • Fix Version/s: None
    • Labels:
    • Environment:
      Initially found in Illinois State University Sakai 19.1 environment.
    • Test Plan:
      Hide
      1. Navigate to Announcements tool.
      2. Add an announcement and for its Availability, select Hide - (Draft mode - Do not display this announcement at this time), then post the announcement.
      3. Add another announcement and for its Availability, select Specify Dates - (Choose when this announcement will be displayed). Set the Beginning date some time in the future and post the announcement.
      4. Review announcements list and make sure the draft and future announcements' titles are listed with appropriate color contrast.
      Show
      Navigate to Announcements tool. Add an announcement and for its Availability , select Hide - (Draft mode - Do not display this announcement at this time) , then post the announcement. Add another announcement and for its Availability , select Specify Dates - (Choose when this announcement will be displayed) . Set the Beginning date some time in the future and post the announcement. Review announcements list and make sure the draft and future announcements' titles are listed with appropriate color contrast.

      Description

      Table text/links within list of Announcements do not meet the color contrast minimums.

      Text color: #2a94c0 

      font-weight: 700; (bold)

      Background color 1: #f5f5f5 (contrast ratio 3:1)

      Background Color 2: #ffffff (contrast ratio 3.38:1)

      Suggest:

      • Test size needs to be 1.167em (14pt bold) to meet contrast minimums OR
      • Text color needs to be darker to have 4.5:1 color contrast ratio against Background colors 1 & 2.

       

       

        Gliffy Diagrams

          Zeplin

            Attachments

            1. IssueColorContrast.JPG
              IssueColorContrast.JPG
              34 kB
            2. IssueInst27.jpg
              IssueInst27.jpg
              47 kB
            3. IssueInst27b.jpg
              IssueInst27b.jpg
              43 kB

              Issue Links

                Activity

                  People

                  Assignee:
                  maintenanceteam Core Team
                  Reporter:
                  jbbeth1 Jen Bethmann
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                    Dates

                    Created:
                    Updated:

                      Git Integration