Skip to content

Accessibility: Dark mode table header cells lack sufficient color contrast (4.05) #1309

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

Open
2 tasks done
lancegliser opened this issue Mar 21, 2024 · 0 comments
Open
2 tasks done

Comments

@lancegliser
Copy link

  • I have searched the Issues to see if this bug has already been reported
  • I have tested the latest version

Steps to reproduce

  1. Go to https://www.flowbite-react.com/docs/components/table
  2. Turn on dark mode
  3. Open dev tools
  4. Inspect table header cells

Current behavior

The current table component headers cells use dark:text-gray-400 on top of dark:bg-gray-700.

Expected behavior

Accessibility standards for table headers pass AA standards.

Context

If the text us updated to use dark:text-gray-300 the result is 6.99 ratio passing accessibility standards.

If possible, provide a live example URL, screenshot, video, or a repository with the minimal reproduction of the issue.
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant