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

Accessibility needs to be looked at #48

Open
LukaszJaro opened this issue Feb 28, 2022 · 1 comment
Open

Accessibility needs to be looked at #48

LukaszJaro opened this issue Feb 28, 2022 · 1 comment

Comments

@LukaszJaro
Copy link

LukaszJaro commented Feb 28, 2022

Integration with Gutenberg is very nice and conditional fields!

The accessibility issues make it unusable.

  • When pressing enter on empty input field it jumps to next input instead of showing a list of errors on top of the form
  • On input error, focus should jump to list of errors above the form
  • Also screen readers are unable to read the errors because of focus change to next input
  • Error not being read to screen readers(errors not associated with input)
  • The aria-invalid="true" or the HTML invalid attribute should be set on each invalid form control. This attribute causes screen readers to identify the control as being "invalid" .

Here's a example of a accessible form:

https://wet-boew.github.io/v4.0-ci/demos/formvalid/formvalid-en.html

image

@alfianridwan
Copy link

+1 to accessibility. User also can't go back to the previous input using Shift + Tab (it acts like a Tab, moving forward), though Tab works fine.

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

No branches or pull requests

2 participants