metafizzy / metafizzy/flickity

Prev/Next arrows are not accessible.

Open
#1,252 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.6k
Forks
593
PR merge metrics
No merged PRs in 30d

Description

Hey there! I'm just writing to ask about accessibility. Folks who use keyboard navigation do not have an easy way to navigate between the arrows and the slides in a way that makes sense. The arrows come in the DOM after the slide content, when really it should read "Prev arrow, slide content, next arrow" for every instance. Is there a way that we could at least move the previous arrow to be in front of the slide content? Even just that small change would make more sense.

**This generic test case showcases the issue:** https://codepen.io/desandro/pen/azqbop

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the keyboard-navigation behavior in the linked generic CodePen test case, then trace the corresponding carousel markup in Flickity. The work is done when each instance presents the previous arrow before the slide content and the next arrow after it in a logical keyboard reading order.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.