Improve accessibility - Githubissues

dej611 / spid-react-button

Pulsante SSO per SPID in React

https://dej611.github.io/spid-react-button/

European Union Public License 1.2

18 stars 15 forks source link

Improve accessibility #32

Closed dej611 closed 3 years ago

dej611 commented 3 years ago

Fixes #30

Improved accessibility for both modal and dropdown versions.

Added few aria attributes
Trapped focus to loop focus on the modal/dropdown list
Can close dropdown with Escape key
First item of the dropdown is now selected on dropdown show

This PR introduces a new dependency to trap the focus within the opened modal/dropdown tree.

cc @gdorsi

Modal:

modal-a11y

modal-2-a11y

modal-3-a11y

Dropdown:

dropdown-a11y

dropdown-2-a11y