You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The text was updated successfully, but these errors were encountered:
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.The text was updated successfully, but these errors were encountered: