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

Dark mode support #6

Open
damiansian opened this issue Jan 3, 2025 · 0 comments
Open

Dark mode support #6

damiansian opened this issue Jan 3, 2025 · 0 comments
Labels
enhancement New feature or request

Comments

@damiansian
Copy link

damiansian commented Jan 3, 2025

URL

https://demo.fileyourstatetaxes.org/

Issue

On any device, changing to dark mode does not change the appearance of the website.

WCAG

This is not a WCAG requirement, so it's set at Sev 4 as a suggestion.

User impact

Dark mode can significantly improve accessibility for people with light sensitivity (photophobia) as it provides a less visually intense experience by displaying light-colored text against a dark background, reducing eye strain and making it easier to view screens in low-light conditions; essentially, it allows for better focus and comprehension for those sensitive to bright light.

Video walkthrough

dark_mode_support.mov

Suggested fix

Use the prefers-color-scheme: dark media query to detect the user's preference for dark mode and present them with your existing CSS color scheme variables.

@damiansian damiansian converted this from a draft issue Jan 3, 2025
@damiansian damiansian added the enhancement New feature or request label Jan 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
Development

No branches or pull requests

1 participant