Comments (3)
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.
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.
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__slide
s 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__slide
s, since my slides already have focusable elements. Is there a way to achieve this behaviour?
from splide.
Related Issues (20)
- primary.sync(secondary); and secondary with breakpoints property `destroy: true` not showing or syncing correctly after resize
- Pagination: false does not seem to work as described. HOT 3
- isHTMLElement returns false in grapesjs editor (in chrome/edge not in Firefox)
- Grid extension doesn't work HOT 1
- How to get data attribute of current slide, moved pagination does not work HOT 2
- Autoplay disables after arrow clicked
- Focus center with trimspace false not working correctly when showing slider on click HOT 1
- Typo in the 'wheel' option's description text
- focus "center" causes pagination to generate a dot per item, disregarding perPage
- grid option inside thumbnail slider not working (isNavigation)
- In small carousel, when all slides are visible, layout shifts 10px on init. HOT 1
- Empty spae/gap after refresh and moving slider
- not working
- Inactive pagination items are not accessible via TAB key
- help me because splide does not work with Astro framework. HOT 2
- Cannot scroll without animation
- I need to delay more the fade or the animation from one slide to another
- Trying to loop 1 slide per page in loop unable to acheive
- container display:flex overflow slider
- fixedWidth breakpoints not working
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from splide.