Modal focus management issues

ResponsiveBP / Responsive

:iphone: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites

http://responsivebp.com

MIT License

868 stars 134 forks source link

Closed cvrebert closed 9 years ago

cvrebert commented 9 years ago

Clicking on a modal leaves the <a> that triggered the modal focused. For proper accessibility, the modal should become focused instead.
Closing a modal returns focus to the <body>. For better accessibility, the focus should be returned to the link that originally activated the modal.

JimBobSquarePants commented 9 years ago

Thanks for that. In my tests the modal is focused on show. However you are right that the trigger should be focused on hide.

cvrebert commented 9 years ago

I beg to differ regarding show. Screencast on Mac Chrome: modal Note the blue focus ring on the link.

JimBobSquarePants commented 9 years ago

No worries, thanks . Feel free to submit a pull request if you spot what is wrong.

cvrebert commented 9 years ago

Not interested in investigating the cause... Anyway, happy hunting!