Color contrast issues for navigation arrow bar

Bug #1800389 reported by Steven on 2018-10-28
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
High
Evonne Cheung
18.10
High
Evonne Cheung
19.04
High
Unassigned

Bug Description

Bug Summary: Color contrast issues for navigation arrow bar
==================================================

Environment tested: Master
Browser tested: Chrome

Preconditions:
1. user exists
2. groups exist

Test Steps:
1. Browse to the following pages
-- a. /account/apps.php
-- b. /group/view.php?id=1

Expected result: color contrast on page elements needs to meet Contrast Ratio 4.5:1 ration for a AA standard (WCAG 2.0 Compliance)

Changed in mahara:
assignee: nobody → Evonne Cheung (evonne)
Steven (stevens-q) wrote :

Color contrast issues for navigation arrow bar found on a group page (/group/view.php?id=1 )

Tested on Mahara 17.10 stable
Ocean - Background #2584A4 --> Forground #FFFFFF = Contrast ratio 4.27:1
Modern - Background #22C49C --> Forground #FFFFFF = Contrast ratio 2.22:1
Primary School - Background #8AA828 --> Forground #FFFFFF = Contrast ratio 2.72:1

Tested on Mahara 18.04 stable
Ocean - Background #2584A4 --> Forground #FFFFFF = Contrast ratio 4.27:1
Modern - Background #22C49C --> Forground #FFFFFF = Contrast ratio 2.22:1
Primary School - Background #8AA828 --> Forground #FFFFFF = Contrast ratio 2.72:1

Tested on Mahara 18.10 master
Ocean - Background #2584A4 --> Forground #FFFFFF = Contrast ratio 4.27:1
Modern - Background #55E2C0 --> Forground #FFFFFF = Contrast ratio 1.61:1
Primary School - Background #8AA828 --> Forground #FFFFFF = Contrast ratio 2.72:1

Thanks, Steven!

Steven (stevens-q) wrote :

Retest
==========

Tested on Mahara 18.10 master

Test Steps:
1) Log in as admin
2) Set the site theme to one of the 4 Theme colours
--- a. Raw
--- b. Ocean
--- c. Modern
--- d. Primary school
3) Browse to navigation arrow bar found on a group page (/group/view.php?id=1 )
4) Verify the colour contrast ratio meets an "AA" standard of 4.5:1

Actual Results:
1. Raw - Background #DEE9CF --> Forground #556D32 = Contrast ratio 4.6:1 ✔
2. Ocean - Background #0A4F66 --> Forground #FFFFFF = Contrast ratio 9.04:1 ✔
3. Modern - Background #157C62 --> Forground #FFFFFF = Contrast ratio 5.13:1 ✔
4. Primary school - Background #5B6E1C --> Forground # = Contrast ratio 5.69:1 ✔

Catalyst QA Approved ✔

Reviewed: https://reviews.mahara.org/9283
Committed: https://git.mahara.org/mahara/mahara/commit/fc770e300ba07af0619868edc65ff56bb2b3be5a
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit fc770e300ba07af0619868edc65ff56bb2b3be5a
Author: Evonne Cheung <email address hidden>
Date: Fri Nov 2 13:56:00 2018 +1300

Bug 1800389 Color contrast issues for navigation arrow bar

Fixed color contrast issues

behatnotneeded

Change-Id: I6d4b465d15d042e7ee516d84b842d63043b42dc3

Robert Lyon (robertl-9) wrote :

We will only add this change to 19.04 and 18.10 as the patch doesn't pick cleanly for the other branches and the change is not fixing a bug that breaks functionality

no longer affects: mahara/17.10
no longer affects: mahara/18.04

Reviewed: https://reviews.mahara.org/9363
Committed: https://git.mahara.org/mahara/mahara/commit/87b120335cd1518837fc351a8727f370776edd1a
Submitter: Cecilia Vela Gurovic (<email address hidden>)
Branch: 18.10_STABLE

commit 87b120335cd1518837fc351a8727f370776edd1a
Author: Evonne Cheung <email address hidden>
Date: Fri Nov 2 13:56:00 2018 +1300

Bug 1800389 Color contrast issues for navigation arrow bar

Fixed color contrast issues

behatnotneeded

Change-Id: I6d4b465d15d042e7ee516d84b842d63043b42dc3
(cherry picked from commit fc770e300ba07af0619868edc65ff56bb2b3be5a)

To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers