Fix color contrast in search results #10538
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
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
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.
The text was updated successfully, but these errors were encountered: