Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Bottom sheet needs focus management #571

Closed
marcysutton opened this issue Nov 8, 2014 · 4 comments
Closed

Bottom sheet needs focus management #571

marcysutton opened this issue Nov 8, 2014 · 4 comments
Assignees
Milestone

Comments

@marcysutton
Copy link
Contributor

To be accessible, when a Bottom Sheet component is opened, focus should be sent to its first interactive control ("Share" in the Show As List option). This will vastly improve the experience for keyboard and screen reader users. Currently, focus is blurred from the triggering button; this causes focus to be lost, a major accessibility issue.

Active bottom sheet screenshot

@marcysutton
Copy link
Contributor Author

Also, the items in the bottom sheet demo are simply <md-item> components and are not accessible even with ngAria in use. Moving the ng-click to a button element immediately inside of <md-item> solves the issue.

@marcysutton
Copy link
Contributor Author

@rschmukler I may need your help with this one, and we need some test coverage for it.

@ThomasBurleson
Copy link
Contributor

Recent changes to $mdBottomSheet must be resolved before an autoFocus-on-show feature.

@ThomasBurleson ThomasBurleson added this to the 0.7.0-rc1 milestone Nov 14, 2014
@ajoslin
Copy link
Contributor

ajoslin commented Nov 17, 2014

Working on this.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants