Accessibility-insights-web: Reports in Web and Android tools have links that can't be distinguished from surrounding text

[LiLoDavis]

Describe the bug

In the Web and Android reports, some links can't be visually distinguished from surrounding text.

In both Web and Android reports:

• For rules that pass or N/A, the links to WCAG success criteria

In Web reports:

• Links in the footer to http://aka.ms/AccessibilityInsights

Expected behavior

Links must have a distinct visual style (e.g., bold, italics, underlined) or a contrast ratio of at least 3:1 when compared to non-link text.

Screenshots

Are you willing to submit a PR?

No

Did you search for similar existing issues?

Yes

[msftbot[bot]]

This issue has been marked as ready for team triage; we will triage it in our weekly review and update the issue. Thank you for contributing to Accessibility Insights!

[ferBonnin]

Per conversation with Peter, lets fix this but we might need to change our blue color for links, since it doesnt pass with grey text (like the web footer or the how to check cards)

[msftbot[bot]]

This issue requires additional investigation by the Accessibility Insights team. When the issue is ready to be triaged again, we will update the issue with the investigation result and add "status: ready for triage". Thank you for contributing to Accessibility Insights!

[ferBonnin]

@LiLoDavis could you please take a look at possible fixes here? Our blue color for links is not 3:1 against the grey text we use in some places (footer and cards in fastPass). Should we change that light grey or make the blue link slightly darker?

[LiLoDavis]

@ferBonnin I recommend making the grey darker. I wasn't able to find a darker blue that passes. Changing the gray (currently #4c4c4c) to #222222 looks good to me and has a contrast ratio of 3.027:1 compared to the links.

[pownkel]

@LiLoDavis The fix is in canary!