feat(a11y): Add high contrast mode support (#4853)#5538
Open
veerababu1729 wants to merge 1 commit into
Open
Conversation
- Add high contrast CSS variables for light and dark modes - Add prefers-contrast media query support for OS-level detection - Create use-high-contrast composable for contrast mode management - Add VContrastSelect component for user control - Add high_contrast_ui_toggle feature flag - Add contrast mode translations - Integrate into VFooter, app.vue, and error.vue
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes #4853
Description
This PR implements the High Contrast Mode feature requested in issue #4853, which is a follow-up to the dark mode project.
How This Fixes Issue #4853
The issue requested:
This implementation provides:
prefers-contrast: moremedia queryhigh_contrast_ui_togglefor controlled rolloutFiles Changed
use-dark-mode.ts)high_contrast_ui_toggleflagcontrastModeto cookie stateTesting Instructions
high_contrast_ui_toggleChecklist
mainbranch