“axe” – Web Accessibility Testing Form Fields

  • Hello, we are improving ADA accessibility for many websites these days and we noticed that the review submission form does not pass the tests. One of the ADA compliance checkers we’re using is a Chrome extension called “axe – Web Accessibility Testing”.

    It looks like the form fields aren’t structured correctly in the sense that the field labels don’t correlate to the fields. I think in general the labels need to state which field they belong to. Then further improvements can also be made based on the feedback from the ADA checker below.

    Form elements must have labels.
    Issue description: Ensures every form element has a label
    To solve this violation, you need to fix at least one (1) of these issues:

    • aria-label attribute does not exist or is empty
    • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • Form element does not have an implicit (wrapped) <label>
    • Form element does not have an explicit <label>
    • Element has no title attribute or the title attribute is empty
    • This topic was modified 5 years, 1 month ago by InHouse.
    • This topic was modified 5 years, 1 month ago by InHouse.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor etoilewebdesign

    (@etoilewebdesign)

    Thank you for letting us know ??

    Thread Starter InHouse

    (@inhouse)

    Thanks so much for the response. Are you able to provide an ETA on these fixes? I’m not trying to be pushy at all but we’ve been tasked with making websites ADA compliant but the review forms are holding this up. A timeline will help buy us time with our clients. Thanks again!

    Plugin Contributor etoilewebdesign

    (@etoilewebdesign)

    Hi,

    Unfortunately, we don’t have an ETA at the moment. We’ll have to test your suggestions, to not only make sure they make the required difference, but also to make sure they don’t have any effect on any functionality. If/when we’re able to implement something like this, it will be noted in the changelog.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘“axe” – Web Accessibility Testing Form Fields’ is closed to new replies.