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

Improve keyboard accessibility of slideshow gallery #510

Merged
merged 3 commits into from
Mar 15, 2017
Merged

Improve keyboard accessibility of slideshow gallery #510

merged 3 commits into from
Mar 15, 2017

Conversation

wildlyinaccurate
Copy link
Contributor

@wildlyinaccurate wildlyinaccurate commented Mar 2, 2017

This is just scratching an itch that I had.

  • Support for cycling through the slideshow and the lightbox using arrow keys
  • Lightbox can be closed with the Escape key

If you want a quick way to test this, you can pretty much copy from <div class="compare-modal" style="display: none;"></div> to <head> into an existing gallery and see the magic.

wraith-arrow-keys

@ChrisBAshton
Copy link
Contributor

Code looks good - does this work in the "lightbox" mode too? (If not, could it be made to?)

See #329

@wildlyinaccurate wildlyinaccurate changed the title Add support for using arrow keys in the gallery slideshow Improve keyboard accessibility of slideshow gallery Mar 3, 2017
@wildlyinaccurate
Copy link
Contributor Author

👌 Great suggestion! I've made that change, and also enabled closing the lightbox with the escape key.

@wildlyinaccurate wildlyinaccurate merged commit 62c9723 into bbc:master Mar 15, 2017
@wildlyinaccurate wildlyinaccurate deleted the arrow-key-gallery-shortcuts branch March 15, 2017 07:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants