Accessibility: Dark mode table header cells lack sufficient color contrast (4.05) - Githubissues

themesberg / flowbite-react

Official React components built for Flowbite and Tailwind CSS

https://flowbite-react.com

MIT License

1.77k stars 395 forks source link

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

Open lancegliser opened 3 months ago

lancegliser commented 3 months ago

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

Steps to reproduce

Go to https://www.flowbite-react.com/docs/components/table
Turn on dark mode
Open dev tools
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.