0

My React Swiper works as expected with the mouse clicks, but for accesibility, some slides has a button. So, when I press the tab key, it show the button, but the slides are cut like the image shows and the navigation buttons disappear, I need that everything continuos showing and when a slide has the button focused, the div (slide) parent to be completed showed too. Thanks. enter image description here

bluesky777
  • 400
  • 6
  • 23
  • 1
    You should choose an accessible slider library, this one is no good. Their Top Notch features don’t list accessibility. Fixing that in 3rd-party components via their API almost never works. See also https://stackoverflow.com/questions/75178087/how-do-i-add-screen-reader-functionality-to-select-2-combo-box-and-bootstraps-d/75181949#75181949 – Andy Jan 27 '23 at 12:58
  • thanks, but I have an example with non-react and works properly when tab, I doesn't truncate the images. – bluesky777 Feb 03 '23 at 13:04
  • I don't see how that is relevant. If the react implementation is faulty, – Andy Feb 03 '23 at 18:16

0 Answers0