Contrast on warning messages is not high enough and "Log in anyway" needs to be bold

Bug #1827747 reported by Kristina Hoeppner on 2019-05-04
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
Status tracked in 19.10
19.04
High
Unassigned
19.10
High
Evonne Cheung

Bug Description

The color contrast on "alert-warning" is not high enough to pass WCAG 2.0.

Warnings can be seen, for example, when you masquerade as a user at the top of the screen and also when you created a new user and log in as them and you see the "Log in anyway" message.

The "log in anyway" text (just the link, not the rest of the text) needs to be bold as in previous version of Mahara. It's a regression that this is not the case anymore.

The screenshot is from the raw theme. All themes will need to be checked.

Evonne Cheung (evonne) wrote :

The alerts have a different calculation to statuses which was the one we checked for accessibility. Have now added overrides for alerts to inherit the same formula as statuses.

Links in alerts now bold.

Steven (stevens-q) wrote :

Commit hash: 9d3620f3cec87d36426627de2849169bf50b3888
Environment tested: Master
Browser tested: Chrome
Theme used: Raw | Default raw | Ocean | Modern | Primary school

PRECONDITIONS:
------------------------
1) Site page that lists all styles exists and can be viewed in a one of the 5 themes exists http://mahara.stevens-lp.dynamic.wgtn.cat-it.co.nz/theme/styleguide.php
2) At least 2 users exist in the site

TEST STEPS:
------------------------
1) Log in as Site admin and Set the theme to one of the following
     a) Raw ✔
     b) Default ✔
     c) Modern ✔
     d) Ocean ✔
     e) Primary School ✔
2) Browse to http://mahara.stevens-lp.dynamic.wgtn.cat-it.co.nz/theme/styleguide.php to view the styles of the alerts
3) Verify the Alerts are as follows
     a) Warning alert Background #f7eedb | Foreground: #694e17 Contrast Ratio = 6.74:1 ✔
     b) Danger alert Background #e8c4c4 | Foreground: #76302e Contrast Ratio = 5.88:1 ✔
     c) Success alert Background #cedeb7 | Foreground: #3C4C23 Contrast Ratio = 6.56:1 ✔
     d) Info alert Background #b8d7e7 | Foreground: #224e64 Contrast Ratio = 5.94:1 ✔
4) log in as another user
5) verify that the "log in anyway" text is bold and uses the theme colour of the site ✔

NOTE: AA standard for accessibility is (4.5:1) = Pass

Catalyst QA Approved ✔

Steven (stevens-q) wrote :

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

commit 9d3620f3cec87d36426627de2849169bf50b3888
Author: Evonne Cheung <email address hidden>
Date: Wed May 8 12:17:13 2019 +1200

Bug #1827747 Contrast on warning messages

Contrast on warning messages is not high enough due to bootstrap
default calculations, added overrides that are same as statuses.
Links in warning messages are also changed to bold.

behatnotneeded

Change-Id: I6e2632c74acf1afb75668c30409ada6381810fe3

Reviewed: https://reviews.mahara.org/9990
Committed: https://git.mahara.org/mahara/mahara/commit/41d7567ca20ee44fac7fba9a7485dd7ae18faac1
Submitter: Robert Lyon (<email address hidden>)
Branch: 19.04_STABLE

commit 41d7567ca20ee44fac7fba9a7485dd7ae18faac1
Author: Evonne Cheung <email address hidden>
Date: Wed May 8 12:17:13 2019 +1200

Bug #1827747 Contrast on warning messages

Contrast on warning messages is not high enough due to bootstrap
default calculations, added overrides that are same as statuses.
Links in warning messages are also changed to bold.

behatnotneeded

Change-Id: I6e2632c74acf1afb75668c30409ada6381810fe3
(cherry picked from commit 9d3620f3cec87d36426627de2849169bf50b3888)

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

Other bug subscribers