codecharta icon indicating copy to clipboard operation
codecharta copied to clipboard

Improve Accessibility by increasing contrast

Open friedrich-roskosch-mw opened this issue 2 years ago • 0 comments

Feature request

Description

As a user with limited eyesight, I want all CodeCharta icons, text and menus to be readable and with enough contrast (WCAG AAA) so that I can see something and use the software without hassle.

Acceptance criteria

  • Text and icons (in menus) have enough contrast on their backgrounds, preferably WCAG AAA. It can be e.g. checked with https://webaim.org/resources/contrastchecker/
  • All colours in all places are the same.

Assumptions & Exclusions

The general design might need to be updated in some places, the default sea-green that we currently use (#009688) as a background colour, together with white text does not satisfy WCAG standards for regular text at all.

Screenshots

grafik

https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF&bcolor=009688

Development notes (optional Task Breakdown)

  • [ ]
  • [ ]
  • [ ]

Open questions

friedrich-roskosch-mw avatar Sep 27 '22 11:09 friedrich-roskosch-mw