Using toolbar shortcode in a widget does not retain icon styling

  • Resolved Marty

    (@bozzmedia)


    10 years, 7 months ago

    First off, great plugin, thank you.

    I noticed when I use the toolbar shortcode [wpa_toolbar], it comes out as a standard list and not formatted like the default setup. I see the toolbar has a different class (a11y-toolbar-widget) than the default (a11y-toolbar).

    I’m figuring that was intentional, at any rate it would be nice if it were an option to retain that style rather than have to replicate all of the styles with a different class selector and place in my theme stylesheet.

    If there is no specific intention here, consider retaining the CSS styles for the shortcode, potentially using the same a11y-toolbar class, or replicate the CSS with the a11y-toolbar-widget selector in the default css. Thanks for considering it!

    https://www.ads-software.com/plugins/wp-accessibility/

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

    (@joedolson)

    This is intentional. The shortcode and the widget are intended for use without the default styling, so that they can look however the user wants them to look. If you want the other look, just enable the default toolbar.

    If I left the styles active, it would look exactly like the main toolbar – locked to the gutter, fixed in position.

    Thread Starter Marty

    (@bozzmedia)

    Got it. I will look into creating a horizontal styling based on the same icons somewhere in the sidebar and will share here if I settle on something.

    As an aside, is it a best practice to have font sizing and contrast buttons before the skiplinks? I was considering placing the icons elsewhere (in the sidebar?) but curious if this is the best way to go for accessibility.

    Thanks again for your insight.

    Plugin Author Joe Dolson

    (@joedolson)

    No, the skiplink should be first. Font and contrast toggles should be fairly prominent, but not generally first. It’s not a catastrophic issue, but the skip link being first is preferred.

    With WP Accessibility, the actual order will depend on whether the theme in use has native skiplinks or not, which I can’t easily predict.

    Thread Starter Marty

    (@bozzmedia)

    Got it. When I tab around now with the default setup, it goes to the toggles first, then the skiplinks. This may be an issue with the theme, I will look into it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Using toolbar shortcode in a widget does not retain icon styling’ is closed to new replies.