Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Medium]: Color Contrast: Insufficient color contrast for border of form field. #8417

Closed
SumitDiyora opened this issue Mar 31, 2022 · 1 comment

Comments

@SumitDiyora
Copy link

SumitDiyora commented Mar 31, 2022

Action Performed:

  1. Using Chrome, open URL: staging.new.expensify.com
  2. Navigate and activate the '+ (New)' button.
  3. Navigate to the 'New chat' button.
  4. Navigate to the "Name, email, or phone number" form field using the Tab key.
  5. Observe that the analyser reports that the contrast ratio is not sufficient.

Expected Result:

The border of the input field should have a contrast ratio against the page background of 3:1 or greater.

Actual Result:

Background/foreground color combinations with an insufficient contrast ratio was found on the screen. For instance, the #ECECEC border of "Name, email, or phone number" form field has a contrast ratio of 1.2:1 with the #FFFFFF background.

Other Occurrences:
Similar issue repro on PR #8173, #8604

Workaround:

Yes

Area issue was found in:

New chat

Failed WCAG checkpoints

1.4.11

User impact:

When sufficient contrast ratios are not met, users with low vision may have trouble identifying user interface components.

Suggested resolution:

Ensure that the color contrast for all user interface controls in their default as well as active, hover and focus states is 3:1 with the adjacent content.

Platform:

  • Web
  • iOS
  • Android
  • Desktop App
  • Mobile Web

Version Number: 1.1.49-0
Reproducible in staging?: Yes
Reproducible in production?: Yes
Reference link: https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html
Issue reported by: Sumit

#8141_CCA fails for border of input

@melvin-bot
Copy link

melvin-bot bot commented Jun 17, 2022

@SumitDiyora, this Monthly task hasn't been acted upon in 6 weeks; closing.

If you disagree, feel encouraged to reopen it -- but pick your least important issue to close instead.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants