1893437 - blog.nightly.mozilla.org - Accessibility - Contrast improvement for links in headings

Status: RESOLVED FIXED

(Infrastructure & Operations :: Blogs, defect)

Description

[Julien G]

Attachment: Screenshot of last post including a11y alert overlay for contrast

When reading https://blog.nightly.mozilla.org/2024/04/23/wall-to-wall-improvements-these-weeks-in-firefox-issue-159/, I noticed the links for "Resolved bugs (excluding employees)" were blue on black, being difficult to read. Upon inspecting with the a11y devtools, measure confirmed the contrast was insufficient for this text/those links to be accessible.

Comment 1

[Pascal Chevrel (relman team) -> :pascalc]

This is a bug in the theme as it doesn't define a link in a title but our authors do it (you could argue that there shouldn't be a title tag there though), I don't think I can override it through WordPress admin, we would need something in the theme like:

div.entry-content :is(h1, h2, h3, h4, h5, h6) a {
  color: lightblue;
} 

Craig is this something we could fix at the theme level? Or maybe allow custom CSS by the admin in the WordPress instance?

Comment 2

[Craig Cook (:craigcook)]

Fixed!

Comment 3

[Pascal Chevrel (relman team) -> :pascalc]

Thanks :)