Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Search Boards screen missing contrast #29714

Open
MaximKipot opened this issue Dec 9, 2020 · 1 comment
Open

Search Boards screen missing contrast #29714

MaximKipot opened this issue Dec 9, 2020 · 1 comment
Labels
area/search area/ux type/accessibility Accessibility problem / enhancement type/feature-request type/ux wcag/1.4.3 Text has a contrast ratio of at least 4.5:1

Comments

@MaximKipot
Copy link
Contributor

MaximKipot commented Dec 9, 2020

Dear Grafana Community / Team,

unfortunately there are still some minor accessibility issues. Please refer to the screenshot to see all covered usecases.

Steps to reproduce:

  • click on Home on the top left and get the results with all the boards and folders

Actual Result:
Dark Theme:
Screenshot 2020-12-09 at 12 58 39
Light Theme:
Screenshot 2020-12-09 at 13 26 59

Relevant WCAG Criteria: [#.#.# WCAG Criterion]
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
&
https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast

Environment:

  • Grafana version: 7.4.0-pre
  • Data source type & version: None
  • User OS & Browser: MacOS Catalina, Mozilla and Chrome
@peterholmberg peterholmberg added this to Needs triage in Platform Backlog via automation Dec 10, 2020
@peterholmberg peterholmberg moved this from Needs triage to Feature requests in Platform Backlog Dec 10, 2020
@Clarity-89 Clarity-89 added type/accessibility Accessibility problem / enhancement area/search labels Dec 10, 2020
@ckbedwell ckbedwell added wcag/1.4.11 UI and graphical objects have a color contrast ratio of at least 3:1 wcag/1.4.3 Text has a contrast ratio of at least 4.5:1 labels Jun 6, 2023
@ckbedwell
Copy link
Contributor

Update on this as of Grafana 10.2.0:

Light theme

Failures

Passes

Dark theme

Passes

  • The input placeholder text has a contrast of 4.89
  • The parent folder text on the dark grey background has a contrast of 5.32
  • The parent folder text within the card has a contrast of 4.69.

@ckbedwell ckbedwell removed the wcag/1.4.11 UI and graphical objects have a color contrast ratio of at least 3:1 label Sep 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/search area/ux type/accessibility Accessibility problem / enhancement type/feature-request type/ux wcag/1.4.3 Text has a contrast ratio of at least 4.5:1
Projects
Status: No status
Development

Successfully merging a pull request may close this issue.

4 participants