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

Client side validation is no more accessible #962

Closed
phil64 opened this issue Jan 30, 2024 · 2 comments · Fixed by #1171
Closed

Client side validation is no more accessible #962

phil64 opened this issue Jan 30, 2024 · 2 comments · Fixed by #1171
Assignees
Labels

Comments

@phil64
Copy link

phil64 commented Jan 30, 2024

This was with parsley.js and version 8.4.

For example:

  • when the focus leaves a required field, a text with an error message is displayed below the field, but a screenreader is not aware of this message.
  • when submitting, errors are not reported to the screenreader.

I had to disable client side validation on version 12.0.3.

@mschwemer
Copy link
Collaborator

We are aware of this issue and it will be definitly be fixed

@deoostfrees deoostfrees self-assigned this Sep 27, 2024
deoostfrees added a commit that referenced this issue Oct 15, 2024
deoostfrees added a commit that referenced this issue Oct 17, 2024
deoostfrees added a commit that referenced this issue Oct 18, 2024
@deoostfrees
Copy link
Member

The following improvements were made:

  • Add the `aria-invalid' attribute to mark fields as invalid. 0a8fdf6 6d83921
  • Add the aria-live attribute to let screen readers know when error messages appear. 767d2f5
  • Hide the asterisk for required fields with aria-hidden for assistive technologies. 9d73016
  • Improve form errors (error list at the top of the form through PHP validation) 2bcbc17
    • Use a semantic structure with a heading.
    • Add in-page links to the corresponding form controls.
  • Improve the default color contrast for error fields/messages. ae65e5a

Other improvements will follow as soon as possible in the upcoming major version.

mschwemer pushed a commit that referenced this issue Oct 23, 2024
mschwemer pushed a commit that referenced this issue Oct 23, 2024
mschwemer pushed a commit that referenced this issue Oct 23, 2024
mschwemer added a commit that referenced this issue Oct 23, 2024
@mschwemer mschwemer linked a pull request Oct 23, 2024 that will close this issue
mschwemer pushed a commit that referenced this issue Oct 23, 2024
mschwemer pushed a commit that referenced this issue Oct 23, 2024
mschwemer pushed a commit that referenced this issue Oct 23, 2024
mschwemer added a commit that referenced this issue Oct 23, 2024
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 a pull request may close this issue.

3 participants