search

DethAriel / ng-recaptcha

Angular component for Google reCAPTCHA
https://dethariel.github.io/ng-recaptcha/
MIT License
463 stars 122 forks source link

Getting accessibility issue using JAWS screen reader when using recaptcha v2 sitekey #291

Closed harish-byralingaiah closed 7 months ago

harish-byralingaiah commented 1 year ago

Hello Team,

When using tab key in JAWS screen reader recaptcha checkbox is reading the complete IFRAME URL instead of saying checkbox but same is working using arrow keys for navigation.

"ng-recaptcha": "^5.0.0" Angular cli: 14

harish-byralingaiah commented 1 year ago

We are using recaptcha V2 site key. Kindly help.

harish-byralingaiah commented 1 year ago

We have tried with latest version 10.0.0 compatible with Angular 14, even after the issue persist. Kindly need your immediate response on this as we have production release early next week.

Even this example is having issue with jaws https://dethariel.github.io/ng-recaptcha/basic

DethAriel commented 1 year ago

hi @harish-byralingaiah ! Do you have a proposal on how this issue can be fixed?

harish-byralingaiah commented 1 year ago

Hi, I tried to add a title and aria-label to re-captcha element, but after doing so, it reads the tile and aria-label first, followed by the Iframe URL. So I am not able to find a solution for this.

harish-byralingaiah commented 1 year ago

Hi, can the role="presentation" from the iframe be removed?

DethAriel commented 7 months ago

@harish-byralingaiah the iframe parameters are not under the control of ng-recaptcha. I would suggest that you consider bringing awareness to this issue in the main recaptcha project: https://github.com/google/recaptcha

Since this issue is not fixable in ng-recaptcha, closing this ticket as invalid