[MDL-69395] Insufficient colour contrast between form control borders and background - Moodle Tracker

XML

Word

Printable

Details

Type: Bug
Status: Closed
Priority: Minor
Resolution: Fixed
Affects Version/s: 3.8.4, 3.9.2, 3.10, 4.0
Fix Version/s: 3.8.6, 3.9.3
Component/s: Accessibility, Forms Library
Labels:

Affected Branches:
MOODLE_310_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE
Fixed Branches:
MOODLE_38_STABLE, MOODLE_39_STABLE
Epic Link:
Moodle Accessibility Audit
Pull from Repository:
git://github.com/bmbrands/moodle.git
Pull 3.9 Branch:
~~MDL-69395~~-39
Pull 3.9 Diff URL:
https://github.com/bmbrands/moodle/compare/b3b04e083b...MDL-69395-39
Pull Master Branch:
~~MDL-69395~~-master
Pull Master Diff URL:
https://github.com/bmbrands/moodle/compare/99777d963f...MDL-69395-master
Testing Instructions:
Hide

Please test these steps in both theme Classic and Boost

Login as admin

Navigate to Site Administration > Courses > Add a new course

On the Form verify all inputs have a border color of #8f959e

Navigate to Site Administration > Badges > Add a new badge

Verify to Image form field has a border color of #8f959e

Navigate to Site Administration > Appearance > Themes > Boost

Verify the Brand colour field has a border color of #8f959e
Show
Please test these steps in both theme Classic and Boost Login as admin Navigate to Site Administration > Courses > Add a new course On the Form verify all inputs have a border color of #8f959e Navigate to Site Administration > Badges > Add a new badge Verify to Image form field has a border color of #8f959e Navigate to Site Administration > Appearance > Themes > Boost Verify the Brand colour field has a border color of #8f959e

Description

Form elements (e.g. text input) have a border colour of #ced4da ($gray-400). Against a white background, the colour contrast is only 1.49:1 which does not conform with WCAG Level AA. We need to get a minimum colour contrast ratio of 3:1 for UI components.

Attachments

- Sort By Name
- Sort By Date
- Ascending
- Descending
- Thumbnails
- List
- Download All

310_boost.png
27 kB
17/Sep/20 11:36 PM
310_classic.png
27 kB
17/Sep/20 11:36 PM
38_boost.png
27 kB
17/Sep/20 11:36 PM
38_classic.png
27 kB
17/Sep/20 11:36 PM
39_boost.png
27 kB
17/Sep/20 11:36 PM
39_classic.png
27 kB
17/Sep/20 11:36 PM
master_boost.png
26 kB
17/Sep/20 11:36 PM
master_classic.png
27 kB
17/Sep/20 11:36 PM
MDL-69395_step#5_Classic.jpg
45 kB
17/Sep/20 11:12 AM

Activity

People

Assignee:: Bas Brands

Reporter:: Jun Pataleta

Peer reviewer:: Jun Pataleta

Integrator:: Eloy Lafuente (stronk7)

Tester:: Anna Carissa Sadia

Participants:: Anna Carissa Sadia, Bas Brands, CiBoT, Eloy Lafuente (stronk7), Jun Pataleta

Component watchers:: David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo

Votes:: 0 Vote for this issue

Watchers:: 4 Start watching this issue

Dates

Created:: 03/Aug/20 8:10 PM

Updated:: 30/Oct/20 12:05 AM

Resolved:: 18/Sep/20 1:26 AM

Fix Release Date:: 9/Nov/20

Time Tracking

Estimated:

Remaining:

Logged:

1d 47m