Skip to content

IDEA GATHERING: Elements do not have sufficient color contrast between the foreground and the background #2338

@mariathecitizen

Description

@mariathecitizen

What is the problem?
Scanned our test environment using axe-core (https://github.com/dequelabs/axe-core) and Playwright (https://github.com/microsoft/playwright)

The following pages related to Idea Gathering were scanned

test.app.citizenos.com/en/topics
test.app.citizenos.com/en/topics/ideation/create
test.app.citizenos.com/en/topics/ideation/edit/
test.app.citizenos.com/en/topics/[topic-id]#ideation
test.app.citizenos.com/en/topics/[topic-id]/ideas/[idea-id]

Background and foreground colours that have insufficient contrast

  1. When the idea is open (screenshot1) the background is #ffffff while the date is #727c84. The contrast is 4.25 whereas it should be 4.5:1
Image

Why is this a problem?
Difficult for some users to read the text

Possible solution.

  1. For the first issue, the overlay could be #6D777E or any more contrasting shade of grey

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions