metafizzy / metafizzy/flickity
Accessibility bug - Screen reader crashes after clicking back or next
- Dominant language
- JavaScript
- Stars
- 7.6k
- Forks
- 593
- PR merge metrics
- No merged PRs in 30d
Description
I ran an accessibility test on the site https://flickity.metafizzy.co/ using VoiceOver on iPhone 8 and Macbook Air.
Mobile -> When you click the back button or the next button, screen reader is lost and does not read any more.
Desktop -> As with the cell phone, it does not direct you to read the content of the new slide and continues the navigation leaving the carousel.
Expected behavior:
When clicking back or next in the carrousel, the screen reader is directed to read the content of the new slide.
Contributor guide
Research direction
Start by reproducing the issue on https://flickity.metafizzy.co/ with VoiceOver on iPhone and macOS, using the carousel back and next controls. Inspect the carousel's existing slide and control accessibility behavior. Done means VoiceOver moves to and reads the newly selected slide on mobile and desktop without leaving the carousel.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100