Is there a shortcode to show the toggle button?

felipereisfernandes
(@felipereisfernandes)

3 years, 8 months ago

Hi there. I would like to show the accessibility menu through a menu, not with the float button. Is there a way to show this button to click with a shortcode? I want to display this with a menu, like: Home | About | Accessibility | Talk to us

Thank you

Viewing 5 replies - 1 through 5 (of 5 total)

DCuserName
(@dcusername)

3 years, 6 months ago

+1, this would be a very nice feature, the icon placement is a bit intrusive for many designs.

cantonbecker
(@cantonbecker)

3 years, 4 months ago

I would like this as well. I find that the always-on sticky icon is fine for desktop, but for mobile I need something less obtrusive. For example, a text link at the bottom of the page that would trigger the menu.

As a work-around, I was thinking about just making:

div.pojo-a11y-toolbar-toggle { display: none;}

And then I could have a menu item or link somewhere that would change its display back to visible AND simulate it being clicked.

Has anyone got a better solution right now?

richsadams
(@richsadams)

3 years, 3 months ago

Add me to the “great idea” list. 👍 I’d much rather have a menu link, probably in the footer, rather than the icon.

I’ll look at the coding to see if there’s a snippet that might work. Will post back if I sort it out.
amwebch
(@amwebch)

3 years, 1 month ago
Add my vote to this idea.
Your plugin is still the best option I found until now for a simple out of the box accessibility solution. Having the icon always visible is a good fit for most cases, but in some particular cases a less obtrusive option is really needed.
Having the possibility to place the icon and/or a text link in a specific place with a shortcode would be a huge benefit.

If there would be a temporary workaround it would also be really appreciated.
- This reply was modified 3 years, 1 month ago by amwebch.
duuuda
(@duuuda)

3 years, 1 month ago

Simple workaround would be to hide default toggle button with CSS and attach javascript to custom button:
$("#pojo-a11y-toolbar").toggleClass("pojo-a11y-toolbar-open");