Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(gatsby-plugin-google-tagmanager): Add "aria-hidden" #27062

Merged
merged 1 commit into from
Sep 29, 2020

Conversation

mareksuscak
Copy link
Contributor

Description

This PR makes the official Google Tag Manager plugin WCAG compliant. Various tools are pointing out that iframe without a title attribute violates the accessibility requirements. However, it doesn't make sense to include a title because Google Tag Manager's iframe is used in headless mode. So I'm adding aria-hidden="true" instead.

This was verified by running an audit using SortSite.

Before:

image

After:

image

Resources:

Documentation

Related Issues

@gatsbot gatsbot bot added the status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer label Sep 25, 2020
@LekoArts LekoArts added topic: plugins-analytics Various analytics plugins like gatsby-plugin-google-analytics and removed status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer labels Sep 28, 2020
@LekoArts LekoArts changed the title Make Google Tag Manager plugin WCAG compliant fix(gatsby-plugin-google-tagmanager): Add "aria-hidden" Sep 28, 2020
@LekoArts
Copy link
Contributor

Thanks for the PR! You'll need to update the snapshot tests to get CI passing :)

@mareksuscak
Copy link
Contributor Author

Thanks for the PR! You'll need to update the snapshot tests to get CI passing :)

Good callout. Updated.

@mareksuscak mareksuscak force-pushed the accessible-tag-manager branch from 1993d24 to 03c3956 Compare September 28, 2020 13:19
@mareksuscak mareksuscak force-pushed the accessible-tag-manager branch from 03c3956 to 0f13a80 Compare September 28, 2020 13:20
@mareksuscak
Copy link
Contributor Author

mareksuscak commented Sep 28, 2020

@LekoArts this PR is now ready to be merged at your earliest convenience.

Copy link
Contributor

@LekoArts LekoArts left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks! 👍

@LekoArts LekoArts merged commit 0ecba23 into gatsbyjs:master Sep 29, 2020
@mareksuscak mareksuscak deleted the accessible-tag-manager branch September 29, 2020 13:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
topic: plugins-analytics Various analytics plugins like gatsby-plugin-google-analytics
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants