Skip to content

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

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions