reCAPTCHA v3 badge accessibility issues

[Rian Rietveld]

V3 badge fails for WCAG 2.0 AA and accessibility good practice.

Is there a good place where we can file accessibility issues in the reCAPTCHA v3?

When I run axe on the page using the iframe with the badge I get the following issues:

• role="presentation" on the iFrame is not an allowed role for an iframe
  
• the iframe needs a title attribute with a description of the content.
• syntax error: the lang attribute in the html element of the iframe is lang="en_gb", this should be "en-GB" (it would be nice if the iframe could be internationalised to the language of the site.)
  
• although the text is hidden, the color contrast of the following class generates an error: iframe .rc-anchor-invisible-text: Element has insufficient color contrast of 3.29 (foreground color: #ffffff, background color: #4a90e2, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1

And some things I noticed:

• <span aria-hidden="true" role="presentation"> - </span> seems like overkill. If you want to hide to from a screen reader <span aria-hidden="true"> - </span> is enough.
  
• It would be nice to at least give the iframe some kind of semantics instead of just divs and spans, like using <ul></li> for ordering the links.