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 accessibility for drawer component in modal drawer state #290

Merged
merged 39 commits into from Aug 7, 2020

Conversation

sebnitu
Copy link
Owner

@sebnitu sebnitu commented Aug 6, 2020

Problem

There has been a lot of accessibility improvements to the modal component that did not carry over to drawer modals.

Solution

This PR introduces all the accessibility improvements that were added to modals and applies them equally to modal drawers. These features aren't 100% parody as there are more conditional contexts for when these features get applied to a drawer, but the core functionality is now added. These features include:

  • Working check to prevent spam clicking
  • Focus trap for drawer modals
  • Inert toggle for accessibility
  • Better error handling for promises
  • Toggle overflow hidden for drawer modals

@sebnitu sebnitu changed the title Improve drawer component Improve accessibility for drawer component in modal drawer state Aug 6, 2020
@sebnitu sebnitu merged commit 03b2a79 into master Aug 7, 2020
@sebnitu sebnitu deleted the improve-drawer-component branch August 7, 2020 08:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant