question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

netlify-cms doesn't pass @netlify/plugin-a11y test

See original GitHub issue

Describe 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

  1. Add Netlify CMS to any site
  2. Add package = "@netlify/plugin-a11y" to nelify.toml
  3. Deploy site to Netlify

Expected behavior netlify-cms should pass @netlify/plugin-a11y test 😅

Screenshots image

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:closed
  • Created 2 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
erezrokahcommented, Dec 21, 2021

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.

1reaction
erezrokahcommented, Dec 20, 2021

Ah, for some reason, I assumed since it’s under the netlify org/namespace that they maintained it. Good to know!

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found