Skip link colors

  • Resolved Ate Up With Motor

    (@ate-up-with-motor)


    4 years, 9 months ago

    I have a tool that lets me examine pages using the a11y tool to identify possible accessibility issues, and it keeps flagging the WP Accessibility skip links as having insufficient contrast. With the background color of my current theme, it suggests changing the color from #0e4d7a to #003152. How can I do that? I tried entering this in the “Styles for skiplinks when they have focus”:

    color: #003152;

    … but that didn’t have any effect.

    What’s the best way to adjust this attribute?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    Based on what I see on your site, the test results are coming up as a false positive. Without knowing what the testing tool is, I can’t really tell you why it’s coming up with the false positive, however.

    As a note, your Google Analytics consent plugin is not accessible – you can’t accept or dismiss the policy from the keyboard.

    Thread Starter Ate Up With Motor

    (@ate-up-with-motor)

    Yikes — I will inform the developers, as that’s beyond my scope.

    This test I did was using the Opena11y Toolkit browser extension for Firefox (https://addons.mozilla.org/en-US/firefox/addon/opena11y-toolkit/?src=search), which places the a11y script onscreen and highlights problems, with annotated suggestions.

    Plugin Author Joe Dolson

    (@joedolson)

    OK. The problem is that the tool is testing when your skiplink isn’t visible. The colors are applied to the link when it becomes visible; but the test is done when the links aren’t visible. While it’s true that the hypothetical colors of the links don’t meet contrast guidelines in that state…it’s also not visible at all, so the color contrast is irrelevant.

    Thread Starter Ate Up With Motor

    (@ate-up-with-motor)

    Okay, that makes sense. I realize tools like this can be inflexible on stuff like that.

    It seems like the Google Analytics Germanized banner is the bigger issue. Fortunately, it’s set to opt-in, so if a user doesn’t click, the analytics script doesn’t fire at all, so it’s an annoyance rather than a privacy issue, but it’s still a problem. Unfortunately, fixing it is way beyond me, so I left a comment for the developers. (Thank you SO much for bringing that to my attention — neither Opena11y Toolkit nor the WebAIM add-on identified that problem!)

    Thread Starter Ate Up With Motor

    (@ate-up-with-motor)

    For my reference, though, if I did want to change the skiplink colors, is it possible to do that within the plugin? If so, how do I need to add the CSS?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Skip link colors’ is closed to new replies.