search

JaeYeopHan / gatsby-remark-images-medium-zoom

🤳medium-zoom plugin for gatsby! Raise UX of user who visit your gatsby site with this plugin
https://www.npmjs.com/package/gatsby-remark-images-medium-zoom
MIT License
50 stars 3 forks source link

Add tabIndex and keyboard listener for A11Y #7

Closed crutchcorn closed 5 years ago

crutchcorn commented 5 years ago

While integrating this plugin into our side, one of our A11Y focused team members pointed out that the images were not selectable via keyboard, which felt unfair to hard-sighted keyboard using-users:

https://github.com/unicorn-utterances/unicorn-utterances/pull/90#issuecomment-538826129

This PR adds a tabindex of 0 and a "space" and "enter" listener for the images themselves to act as a "pressable" entity for users using the keyboard

JaeYeopHan commented 5 years ago

@crutchcorn Thanks for PR! I commented on file changed! plz check!