netlify-cms doesn't pass @netlify/plugin-a11y test
See original GitHub issueDescribe the bug The “Login with Netlify” button does not have sufficient contrast.
Error: Elements must have
sufficient
color contrast (https://dequeuniversity.com/rules/axe/4.3/color-contrast?application=axeAPI)
10:53:25 PM: ├── color-contrast
10:53:25 PM: ├── #nc-root > div > section > button
10:53:25 PM: └── <button class="css-tu1it6-LoginButton-button-default-gray-disabled e4hp3ji4">Login with Netlify Identity</button>
To Reproduce
- Add Netlify CMS to any site
- Add
package = "@netlify/plugin-a11y"
tonelify.toml
- Deploy site to Netlify
Expected behavior
netlify-cms
should pass @netlify/plugin-a11y
test 😅
Screenshots
Applicable Versions:
- Netlify CMS version: 2.0.0
- Git provider: GitHub
- OS: Windows 10
- Browser version [e.g. chrome 22, safari 11]
- Node.JS version:
CMS configuration N/A
Additional context Possible duplicate of https://github.com/netlify/netlify-cms/issues/1333
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (6 by maintainers)
Top Results From Across the Web
Accessiblity #a11y issues #1333 - netlify/netlify-cms - GitHub
Netlify CMS fails on a number of accessiblity issues: Tab order is a bit awry ... netlify-cms doesn't pass @netlify/plugin-a11y test #6061.
Read more >Nextjs Netlify CMS Starter Failing
Hi I am trying to integrated the Next.js CMS starter template here: The app shows the following message, is anyone else having these...
Read more >Cannot deploy Next.js to Netlify. Deploy failed due to an error ...
Removing the @netlify/plugin-nextjs from the plugins tab on Netlify fixed the issue for me. I removed the plugin and triggered a new deploy....
Read more >A Beginners Guide To Netlify Testing | LambdaTest
It is also to be noted that Netlify works great with Netlify CMS but is not restricted just to this. You can use...
Read more >Sourcing from Netlify CMS - Gatsby
The plugin you just installed will take care of creating the Netlify CMS app ... Let's create a test configuration now - add...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @jsjoeio, any active work is done by external contributors, either by picking good first issues, or by looking at most upvoted issues.
As maintainers we focus on reviewing PRs that come in and guiding people in resolving issues.
We (Netlify) have dedicated resources for it (I’m one of those resources, 👋) which are targeted to support contributions. I hope that helps clarifying my initial comment.