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

Fix color contrast in search results #10538

Open
Tracked by #9495
atsansone opened this issue May 8, 2024 · 0 comments
Open
Tracked by #9495

Fix color contrast in search results #10538

atsansone opened this issue May 8, 2024 · 0 comments
Assignees
Labels
e2-days Effort: < 5 days infra.structure Relates to the tools that create docs.flutter.dev p2-medium Necessary but not urgent concern. Resolve when possible. st.triage.ltw Indicates Lead Tech Writer has triaged t.a11y Relates to an accessibility concern

Comments

@atsansone
Copy link
Contributor

From https://buganizer.corp.google.com/issues/337302544

Observed Results

The results links and code numbers do not have enough contrast ratio.

Color contrast of 3.74 (foreground color: #9933, background color: #ffffff, font size: 9.8pt (13px), font weight: normal).

Element has insufficient color contrast of 1.54 (foreground color: #d0d0d2, background color: #ffffff, font size: 10.5pt (14px), font weight: normal).

Expected Results

Ensure that the color contrast for the links should be at least 4.5:1 to be accessible to everyone.

User Impact

Low vision users are affected because they cannot distinguish those links.

Steps to Reproduce

  1. Enabled the color contrast companion tool.
  2. Open the following pages:
  3. Continue the linear navigation using the Tab key.
  4. Observe that the results links colors and code numbers.

GAR Assessment

Flutter Docs

GAR Details

1.14. Is there sufficient color contrast between the text and the background?

Environment Details

Machine: MAC/ChromeBook
Browser: Chrome Version 120.0.6099.272 (Official Build) (64-bit)
Screen reader: NA.
Bug filling time: 15 mins.

@atsansone atsansone added p2-medium Necessary but not urgent concern. Resolve when possible. t.a11y Relates to an accessibility concern st.triage.ltw Indicates Lead Tech Writer has triaged infra.structure Relates to the tools that create docs.flutter.dev e2-days Effort: < 5 days labels May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
e2-days Effort: < 5 days infra.structure Relates to the tools that create docs.flutter.dev p2-medium Necessary but not urgent concern. Resolve when possible. st.triage.ltw Indicates Lead Tech Writer has triaged t.a11y Relates to an accessibility concern
Projects
None yet
Development

No branches or pull requests

2 participants