search

element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
GNU Affero General Public License v3.0
11.23k stars 2k forks source link

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

Open twassman opened 1 day ago

twassman commented 1 day ago

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

twassman commented 1 day ago

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