Problem/Motivation

If you enter a text in the Search for modules field the styling of the text as soon as the search field gets a focus outline has a too low color contrast. The color is #919297 which leads to a color contrast of 3.1:1 against the white background color. For regular text a color contrast of 4.5:1 is necessary to meet WCAG SC 1.4.3.

Steps to reproduce

Remaining tasks

  • ✅ File an issue about this project
  • ☐ Manual Testing
  • ☐ Code Review
  • ☐ Accessibility Review
  • ☐ Automated tests needed/written?
CommentFileSizeAuthor
#6 after (1).png20.58 KBlibbna
#6 before (1).png21.5 KBlibbna
#4 search_text_contrast.png69.44 KBsrishtiiee
color_contrast.png383.21 KBrkoller

Issue fork project_browser-3293898

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

rkoller created an issue. See original summary.

srishtiiee made their first commit to this issue’s fork.

srishtiiee opened merge request !188

srishtiiee’s picture

srishtiiee commented
Status: Active » Needs review
StatusFileSize
new search_text_contrast.png69.44 KB

libbna’s picture

libbna commented
Assigned: Unassigned » libbna

I will review this.

libbna’s picture

libbna commented
StatusFileSize
new before (1).png21.5 KB
new after (1).png20.58 KB

Reviewed #4 and it LGTM.

libbna’s picture

libbna commented
Assigned: libbna » Unassigned
Status: Needs review » Reviewed & tested by the community

bnjmnm made their first commit to this issue’s fork.

  • bnjmnm committed fba82fc on 1.0.x authored by srishtiiee 
    Issue #3293898 by srishtiiee, Libbna, rkoller: Text entered in the...
bnjmnm’s picture

bnjmnm
he/him
Primary language English
Location Ann Arbor, MI
commented
Status: Reviewed & tested by the community » Fixed

Removing styles causing the problem is a pretty unambiguous win. Merged!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.