gifa11y
accessible-slick
gifa11y | accessible-slick | |
---|---|---|
1 | 8 | |
31 | 244 | |
- | 0.0% | |
5.4 | 0.0 | |
4 months ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
gifa11y
accessible-slick
- Any idea on how to create this carousel?
- What is your favourite slider module?
-
Carousel (based on a tabpanel)
While searching the internet, most of the examples I've seen of accessible carousels usually make the arrows fairly large and on either side of the content, instead of underneath it. For example, this or this.
-
Can anyone recommend an accesible carousel/slider that meets WCAG 2.1 guidelines.
This is what we use at my company for client sites now: https://accessible360.github.io/accessible-slick/
-
How do I make a slideshow that shows multiple images at once like the bottom 2? I've looked on w3 schools for examples but can only find code for the first type or carousel slideshow
Also: https://accessible360.github.io/accessible-slick/
- Accessibility, Carousels, Multi-step Forms
- Why not to use Carousels
-
YSK That Slick carousel hasnt been updated in years and has 1.1k+ issues on Github. It current gets 500k downloads a week
A quick search brings up an accessible fork of slick - https://github.com/Accessible360/accessible-slick
What are some alternatives?
a11y-contrast - A CLI utility to calculate/verify accessible magic numbers for a color palette.
react-slick - React carousel component
fusuma - ✍️ Fusuma makes slides with Markdown easily.
keen-slider - The HTML touch slider carousel with the most native feeling you will get.
apca-w3 - The APCA version, to be licensed for use with guidelines: W3/AGWG.
Tiny Slider 2 - Vanilla javascript slider for all purposes.
grommet - a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
Embla Carousel - A lightweight carousel library with fluid motion and great swipe precision.
Swiper - Most modern mobile touch slider with hardware accelerated transitions
slick - the last carousel you'll ever need