Skip to content

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

@twassman

Description

@twassman

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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions