Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Post Grid/Carousel Dots and accessibility

Home / Forums / Kadence Blocks / Post Grid/Carousel Dots and accessibility

This topic is: Resolved
[Resolved]
Posted in: Kadence Blocks
December 3, 2024 at 12:19 am

The Kadence block Post Grid/Carousel has the option to display carousel controllers with left/right arrows as well as buttons (aka Dots) below the carousel. It seems that the block uses JS to add the controller dots and by default the dots have a property of tabindex=”-1”. Even if I override the tabindex and set it to “0”, as soon as the button is clicked the button elements have their tabindex property reset to -1.

Is there a setting or a hook that can be used to change the tabindex property? For accessibility standards the buttons should be navigable via keyboard and not strictly rely on a mouse to control the carousel.

Interestingly enough, the left/right arrows for the carousel ARE accessible by keyboard.

  • The forum ‘Kadence Blocks’ is closed to new topics and replies.