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

a11y: #2109 Improve UX and accessibility of deploy dialogs #2294

Merged
merged 3 commits into from
Mar 18, 2020

Conversation

corinagum
Copy link
Contributor

Description

  • Enables/disables modal 'Next' button based on validity of required data-fields' values

  • Validates input on blur

  • Auto-focuses on first input in dialog

  • Maintains all errors within formData (doesn't replace the entire errors object when a new error comes in)

  • On form submit, if any data is invalid, it will focus on that input

  • Add aria-required in order to improve AT UX

  • Add self to CODEOWNERS (for future a11y PRs)

This code's not DRY. Everytime I tried, it got even messier. If you insist, lmk and let's do it as pair-coding. :D

Task Item

Closes #2109

Screenshots

modalvalidation

@cwhitten cwhitten merged commit 887b8ba into microsoft:master Mar 18, 2020
@a-b-r-o-w-n a-b-r-o-w-n mentioned this pull request Mar 18, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants