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

Button to remove room local addresses (aliases) has poor colour contrast #28462

Open
twassman opened this issue Nov 14, 2024 · 1 comment
Open
Labels
A-Room-Settings O-Occasional Affects or can be seen by some users regularly or most users rarely S-Tolerable Low/no impact on users T-Defect X-Needs-Design

Comments

@twassman
Copy link

Steps to reproduce

  1. Go into the Room Settings of any room
  2. Under the "General" tab, scroll to "Local Addresses"
  3. If there are none currently, add a local address (alias)

Outcome

What did you expect?

The button to remove the local address should have good colour contrast (e.g. by having better contrast between the "X" and the red background, or by removing the background and making the "X" red).

What happened instead?

The button has poor colour contrast (see image). It appears that the "X" is #656d77 and the button's red background is #d51928. This has a 1:1 contrast ratio, which does not meet WCAG accessibility guidelines for user interface components (3:1).

Screenshot of button

Operating system

No response

Browser information

No response

URL for webapp

staging.element.io

Application version

Element 1.11.86-rc.0

Homeserver

No response

Will you send logs?

No

@dosubot dosubot bot added A-Room-Settings S-Minor Impairs non-critical functionality or suitable workarounds exist labels Nov 14, 2024
@twassman
Copy link
Author

It appears that #28269 may have been the change that made this contrast issue more apparent.

@dbkr dbkr added X-Needs-Design S-Tolerable Low/no impact on users O-Occasional Affects or can be seen by some users regularly or most users rarely and removed S-Minor Impairs non-critical functionality or suitable workarounds exist labels Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-Room-Settings O-Occasional Affects or can be seen by some users regularly or most users rarely S-Tolerable Low/no impact on users T-Defect X-Needs-Design
Projects
None yet
Development

No branches or pull requests

2 participants