Accessibility issue

  • Resolved Daniels Martinovs

    (@danielsmr)


    12 months ago

    Hi,

    I’m using the WPForms plugin with Invisible reCAPTCHA (Cloudflare integration), and PageSpeed Insights is flagging a minor accessibility issue:
    “Form elements do not have associated labels.”

    The issue originates from a hidden input used by reCAPTCHA:
    Captcha.php, line 170

    This causes a warning because screen readers can’t associate a label with that input, which may impact accessibility compliance. I couldn’t find any hooks to override or fix this myself.

    Could the team consider adding a label or marking it appropriately (e.g., aria-hidden=”true”, or similar) in a future update? It seems like a simple fix.

    Thanks for your work on the plugin!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Rajab Said

    (@snrjosh)

    12 months ago

    Hi @danielsmr,

    Thanks for reaching out and reporting the issue.

    At this time, WPForms is not fully ADA/WCAG compliant, meaning it does not yet meet all accessibility requirements. This is also noted in our Terms of Service under the “Web Content Accessibility Guidelines Compliance Disclaimer.”

    However, your request is valid, and we’re committed to helping our users succeed with their websites. For this reason, we are actively working on making our plugin capable of producing ADA/WCAG compliant forms. I’ve made a note with your thoughts in our feature request, and we’ll keep it on our radar as we plan our roadmap.

    Regarding accessibility issues like “Form elements do not have associated labels,” we recommend adding a label and an aria-label attribute using a small custom code snippet.

    However, since you’re using Cloudflare Turnstile with Invisible Mode, this is not an option. Looking at this bug reported in the Cloudflare Community, you can address the issue by applying this CSS snippet:

    .wpforms-container .wpforms-recaptcha-container {
    display: none;
}

    Important: This CSS snippet should only be used with Cloudflare Turnstile in Invisible Mode. It will not cause any form submission issues in that mode. However, if used with Cloudflare Turnstile in Managed Mode, the form will not submit.

    I hope this helps!

    Thread Starter Daniels Martinovs

    (@danielsmr)

    12 months ago

    Hi @snrjosh ,

    Thanks for the solution – I didn’t even think about hiding that already invisible block!

    Plugin Support Rajab Said

    (@snrjosh)

    11 months, 4 weeks ago

    Hi @danielsmr,

    You’re welcome, happy to help!

    Please always feel free to open a new topic if you have any questions about WPForms.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Accessibility issue’ is closed to new replies.