Accessibility issues

[vipchristian]

Description

Some HTML codes fail Chrome's accessibility test. This will be mandatory by law (BFSG) in Germany from 2025.
For example:
/wp-content/plugins/otter-blocks/build/blocks/slider.js
The arrows on the slide have no aria-label="name”

Other blocks such as Accordeon also have accessibility problems.

Thx guys!

Step-by-step reproduction instructions

Go to https://demo.themeisle.com/otter-blocks/slider/
Chrome -> Inspect -> Lighthouse:
Device: Desktop
Categories: Accessibility

Result: "Buttons do not have an accessible name"

Screenshots, screen recording, code snippet or Help Scout ticket

No response

Environment info

No response

Is the issue you are reporting a regression

No

[Captain-Arnab]

After thoroughly studying the bug I came to an conclusion that it needs to be fixed in slider.js by replacing

original code :
<button class="glide__arrow glide__arrow--right" data-glide-dir="&gt;">

New code :
<button class="glide__arrow glide__arrow--right" data-glide-dir="&gt;" aria-label="Next Slide">

Same as for left button

I hope it will work