WAVE evaluation tool error

  • Resolved sofiataz

    (@sofiataz)


    1 year, 1 month ago

    Hello

    The WAVE (Web accessibillity evaluation tool) displays a Missing Form Labels error message when a contact form contains the check box of hcaptcha. The error lies on the following textareas, cause no label tag is present.

    <textarea id=”g-recaptcha-response-20kaul9eh095e” name=”g-recaptcha-response” style=”display: none;”></textarea>
    <textarea id=”h-captcha-response-20kaul9eh095e” name=”h-captcha-response” style=”display: none;”></textarea>

    How can this problem be solved?

    Thanks in advance

    • This topic was modified 1 year, 1 month ago by sofiataz.
Viewing 1 replies (of 1 total)
  • Plugin Contributor kaggdesign

    (@kaggdesign)

    1 year, 1 month ago

    Hello @sofiataz,

    The text areas mentioned have solely technical reasons for storing the result of the hCaptcha challenge. They are never shown to the user. A label should exist for a visible element to serve its accessibility and usability. Therefore, demanding a label for always hidden elements has no logic and leads to bloated HTML code without any help for a user.

    These text areas are added to the DOM by the hCaptcha API script. The WordPress plugin loads this script from the hcaptcha.com site. I have no access to its code and cannot make any changes. You can leave a message on the hcaptcha.com website.

    But the better way is to tell WAVE that all popular CAPTCHA services (Google reCaptcha, Turnstile, and Captcha) do not have labels for hidden elements. WAVE should add these cases to the exclusion list and not report them at all.

    I close this ticket as I cannot help with adding labels to the text areas. Thank you.

Viewing 1 replies (of 1 total)

The topic ‘WAVE evaluation tool error’ is closed to new replies.