Improve accessibility compliance for keyboard navigation

[RichardByrneCP]

What problem is this solving?

The VTEX slider pagination dots were implemented using <div> tags with role="button". However, they lacked keyboard focus (tabindex="-1") and did not respond to keyboard inputs. This prevented users who rely on keyboards or screen readers from navigating the product shelves, violating WCAG 2.1 Success Criterion 2.1.1.

This PR transforms the static pagination dots into fully interactive keyboard-accessible elements. Key technical changes include:

• Keyboard Interactivity: Refined the handleDotClick logic to explicitly listen for Enter and Space keys, while ensuring other keys (like Tab) are ignored to prevent accidental slide changes.
• Focusability: Enabled tab-stop functionality by setting tabIndex={0}, allowing users to navigate through dots sequentially.
• Semantic Context: Added aria-current to provide a clear "You are here" indicator for assistive technologies.
• Interaction Stability: Prevented default browser behavior for the Space key to ensure a smooth transition between slides without vertical page jumping.

How to test it?

Use keyboard navigation to scroll through the product carousel using the pagination dots.
https://accessibility1--colproatqa.myvtex.com/

Screenshots or example usage:

[vtex-io-ci-cd]

Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖

Please select which version do you want to release:

• Patch (backwards-compatible bug fixes)

• Minor (backwards-compatible functionality)

• Major (incompatible API changes)

And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.

• No thanks, I would rather do it manually 😞

[vtex-io-docs-bot]

Beep boop 🤖

I noticed you didn't make any changes at the docs/ folder

• There's nothing new to document 🤔
• I'll do it later 😞

In order to keep track, I'll create an issue if you decide now is not a good time

• I just updated 🎉🎉

[iago1501]

Hi @RichardByrneCP , thanks for the PR, just added some minor suggestions

[vtex-io-ci-cd]

Your PR has been merged! App is being published. 🚀
Version 0.24.8 → 0.24.9

After the publishing process has been completed (check #vtex-io-releases) and doing A/B tests with the new version, you can deploy your release by running:

vtex deploy vtex.slider-layout@0.24.9

After that your app will be updated on all accounts.

For more information on the deployment process check the docs. 📖