GithubHelp home page GithubHelp logo

tabindex for slides about splide HOT 3 CLOSED

alvinkonda avatar alvinkonda commented on May 20, 2024
tabindex for slides

from splide.

Comments (3)

 avatar commented on May 20, 2024 1

Now you can determine whether to add tabindex to slides or not by the slideFocus option. Set it false and all tab indices will not be inserted.

from splide.

 avatar commented on May 20, 2024

You suggest removing tabindex from all slides, right? I'm not sure what is the best solution about a11y for a slider including tabindex because there are many different suggestions. Here are interesting issues of other sliders:

Also, we should aware of the keyboard navigation such as "right arrow" for going to a next slide. To receive keydown event, a slider must have a focused element. If a slide doesn't have tabindex=0, only arrows and dots are focusable but they are not always displayed, depending on options. Some slider plugins set tabindex="0" to its container element but it is not an user-actioned element, isn't it?

I will keep researching this.

from splide.

Egpereira avatar Egpereira commented on May 20, 2024

Hi! I'm creating a slider with <a> tags using react-splide and came across some issues understanding slideFocus:
1 - Does it controls both the tabindex on the visible splide__slides and the negative value on focusable elements?
2 - Do the focusable elements need to be direct children of the splide__slide to receive the tabindex=-1

I'm having an issue where I want the tabindex=-1 control on <a> tags outside the view, but I don't want the tabindex=0 on visible splide__slides, since my slides already have focusable elements. Is there a way to achieve this behaviour?

from splide.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.