Skiplinks using px font size and abs positioning

  • We’ve been using this plugin to help resolve some accessibility issues one some sites, and have been running, in parallel some tools to help us identify additional gaps / issues we need to resolve.

    One thing we’ve noted is that the skiplinks portion of this plugin seems to output CSS that utilizes px for font sizes, and absolute positioning for the skiplinks divs. Both of these two things seem to be WCAG no-nos. Relevant CSS is getting injected into the header of the page and reads as follows:

    .wpa-hide-ltr#skiplinks a, #skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited { }
    .wpa-hide-ltr#skiplinks a:active, .wpa-hide-ltr#skiplinks a:focus { background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000;font-size: 1em; }

    Is there a suggested quick fix for overwriting this to change the px on the fonts to em and to use something other than absolute positioning?

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

    (@joedolson)

    The design of the skiplinks is matched to the core WordPress design so that they will be reasonably integratable with most themes.

    There are no issues with absolute positioning in regards to WCAG.

    But you can edit the Skiplinks CSS in the WP Accessibility settings; there’s no need to use any of the default CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘Skiplinks using px font size and abs positioning’ is closed to new replies.