♿ a11y(productslider): sequence of elements

[carolabes]

Description of this issue

• Cards that are not visible can be selected using the keyboard and screen reader.
• The navigation arrow is only navigated to at the end.

How to fix it

• Only the visible elements should be selected and then the navigation arrow, so that the arrow can be used to navigate further

Additional Information

Level A
https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html
https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html

Code of Conduct

• I agree to follow this project's Code of Conduct

[hirsch88]

ready to be released with the next version after 16.3.0

[carolabes]

Issue still exists on Baloise.ch
navigation arrows are aria-hidden=true as well and not accessible with screenreader

[GinaBiondo-aperto]

Hey @hirsch88, why is this issue closed? The controls are still not accessible via keyboard. There is a tabIndex="-1" on both controls and aria-hidden does not update with the button visibility. Slides that are hidden are accessible via tab, which updates the slider position as well but I am not sure if this is correct accessibility-wise.