elements
elements copied to clipboard
[A11y]: InoCrousel & InoCarouselSlide
Currently InoCarousel is not accessible at all. Things that must be implemented/missing:
- "left" and "right" InoIconButtons do not provide 'aria-labels'
<div "ino-carousel__container"should be refactored to '' Element<div "ino-carousel__container"should provide a aria-roledescription with value "carousel"<div "ino-carousel__container"should provide a configurable "aria-label" for expressing meaningful information of the Carousel- "ino-carousel-slide" should have role group with the property aria-roledescription set to slide.
- Each slide has an accessible name provided by a configurable 'aria-label"
- `<div "ino-carousel__stepper" should implement role="tablist"
- Each step dot requires role="tab"
- Each step dot needs an accesible name representing the Slide it selects e.g. aria-label="Slide 2"
- If the carousel can automatically rotate it requires an explicite button for stopping autmation
- Keyboard focus as well as hovering via the mouse stops roation
For Keyboard interaction as well as further details refer to https://www.w3.org/WAI/ARIA/apg/patterns/carousel/