dozoisch / dozoisch/react-google-recaptcha

Presentational element is exposed to assistive technologies

Open
#214 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
1.1k
Forks
148
PR merge metrics
No merged PRs in 30d

Description

react-google-recaptcha version: 2.1.0

size invisible recaptcha
```

```

I am using an extension called [Siteimprove Accessibility Checker](https://chrome.google.com/webstore/detail/siteimprove-accessibility/djcglbmbegflehmbfleechkjhmedcopn
) and I am getting the following result

Capturee

Page elements can be marked as decorative if they do not add any new information to the page. This can improve the user experience for people who use screen readers - by cutting out irrelevant "noise".

In this case, the element seems to be for more than just decoration. Either the element can be reached by keyboard (it's interactive), or it has an ARIA attribute which communicates something to assistive technologies.

It's important to note that marking an element as decorative (or giving it a presentational role) does not always mean it will be ignored by assistive technology.

The problem is the iframe I don't have access to

```

```

Adding aria-hidden="true" solves the issue

Might be related to: #164 - Accessibility problem

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.