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

fix(111): Fix color contrast for fields error message #112

Merged
merged 4 commits into from
Sep 18, 2023

Conversation

vanch3d
Copy link
Contributor

@vanch3d vanch3d commented Sep 15, 2023

Fixes #111

The PR fixes the failing tests for color-contrast in the accessibility pipeline. It concerns the error messages displayed below an imput field in a form. The use of ChakraUI red.500 (#E53E3E) as a default red colour for the font failed the contrast threshold

The PR changes the text colour to red.600 (#C53030) and fixes a few color-contrast accessibility tests

Before

Screenshot 2023-09-15 at 11 28 40

(Note that the tests were not failing before because they were excluding the color-contrast rules)

After

Screenshot 2023-09-15 at 11 27 54

@vanch3d vanch3d requested review from sfrehse and simon622 September 15, 2023 10:29
@vanch3d vanch3d self-assigned this Sep 15, 2023
@vanch3d vanch3d merged commit d7decc1 into master Sep 18, 2023
4 checks passed
@vanch3d vanch3d deleted the fix/111/error-message-contrast branch September 18, 2023 08:02
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

Successfully merging this pull request may close these issues.

Contextual error message on fields doesn't pass accessibility standards
2 participants