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

While in dark mode the contrast of the error message is too low #2093

Open
daredevel66 opened this issue Aug 8, 2023 · 1 comment
Open
Labels
accessibility Related to accessibility bug Something isn't working UI/UX

Comments

@daredevel66
Copy link

Scale Version
Dark mode (3.0.0)

Framework and version
Angular v15

Current Behavior
Dark Mode - Error Messages contrast is too low

Problem:
The contrast of the error messages is to low. Visually impaired users cannot identify the message.

Additional
Low-contrast elements are more difficult to perceive and can be completely missed by people with a visual impairment. If a graphic is needed to understand the content or functionality of the website, it should be accessible to people with visual impairments or other impairments without the need for contrast-enhancing aids.

Solution:
Visual information required to identify user interface components and states should have a contrast ratio of at least 3:1 compared to adjacent colors.

WCAG 2.1
1.4.11 non Text contrast

Expected Behavior
see above

@daredevel66 daredevel66 added the bug Something isn't working label Aug 8, 2023
@felix-ico
Copy link
Collaborator

@JoschaIco I think this one is also a UX/UI issue

@felix-ico felix-ico added accessibility Related to accessibility UI/UX labels Oct 18, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Related to accessibility bug Something isn't working UI/UX
Projects
None yet
Development

No branches or pull requests

2 participants