Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add new setting for optional sr-only instructions #18

Closed
3 tasks done
jasonwebb opened this issue Aug 30, 2020 · 0 comments
Closed
3 tasks done

Add new setting for optional sr-only instructions #18

jasonwebb opened this issue Aug 30, 2020 · 0 comments
Labels
new feature New feature to add to the package

Comments

@jasonwebb
Copy link

jasonwebb commented Aug 30, 2020

For most use cases, the addition of ARIA attributes likerole="region" on the wrapper, role="group" on the slides, and the removal of the tab markup on the slides and slide dots is enough to clearly convey the structure and behaviors of a slider.

However, sometimes sliders are used in strange ways that cannot be conveyed through abstract ARIA attributes, like when the asNavFor mode (slider syncing) is used to connect multiple sliders together. If you have used custom JavaScript to add functionality to a slider, or have connected two or more sliders together somehow (like thumbnail images and main images on an e-commerce PDP), be sure to explain this functionality to screen reader users!

  • Add new instructionsText setting that takes an arbitrary string and places it at the very beginning of the slider as screen-reader-only-text.
  • Document this new setting in the main README.
  • Use it in at least one example in docs/index.html.
@jasonwebb jasonwebb added the new feature New feature to add to the package label Aug 30, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
new feature New feature to add to the package
Projects
None yet
Development

No branches or pull requests

1 participant