nextcloud-libraries / nextcloud-libraries/nextcloud-vue

`NcAppNavigationCaption`: Contrast of text is quite low (and really bad on dark color mode)

Open
#3,892 0 comments 0 reactions 1 assignee View on GitHub

@nfebe is already working on this.

Since Jun 28, 2023.

accessibility bug feature: app-navigation
Dominant language
Vue
Stars
246
Forks
99
Avg merge
1d 20h
Merged PRs (30d)
103

Description

The contrast of the app navigation caption is quite low on both color themes, but really bad on the dark color theme.
It is recommended to have at least a contrast of 3 : 1 but better 4.5 : 1, but currently:

  • Bright (default): 2.77 : 1
  • Dark (default): 1.86 : 1
  • Bright (modified)¹: 4.5 : 1
  • Dark (modified)¹: 2.48 : 1
    ¹When removing the opacity: 0.7 from the styling.

So for bright color mode removing the opacity would fix the problem and it would make the text (better) readable on dark color mode.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.