Recaptcha: ADA issue with textarea

Created on 6 Feb 2018  路  7Comments  路  Source: google/recaptcha

Hi. I have a client who is VERY ADA compliant with their sites. Think insurance policies, etc.

There is an issue with the generated <textarea> element coming from the reCaptcha plugin. In the DOM, it's directly after the iframe and has an id of g-recaptcha-response. Simply, it's just missing a form label that corresponds with that specific textarea input field. Is this something that can be added with the next release? Or is there something I can do? Theoretically, I could add a static label from my end and call it a day but...then I'm not even sure what the statistics are on screen readers and Javascript or if it's disabled even.

Thoughts? Suggestions?

widget

Most helpful comment

Why is this closed? Current v3 does not address this issue, the <textarea></textarea> is still missing a form label. This can be easily fixed by adding aria-hidden: true

All 7 comments

+1

+1

You might want to look at the v3 support in the most recent release. That uses a wholly invisible reCAPTCHA that just returns a confidence score for the request. This might alleviate some of your issues. Example hosted at https://recaptcha-demo.appspot.com/recaptcha-v3-request-scores.php

+1

Why is this closed? Current v3 does not address this issue, the <textarea></textarea> is still missing a form label. This can be easily fixed by adding aria-hidden: true

This is still an issue. Any plans to add the aria-hidden: true to the ?

This still seems like a rather simple fix. Rather than closing, I think just add a aria-hidden=true or a visibly hidden label with correct for attr.

Was this page helpful?
0 / 5 - 0 ratings