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

[Visual Requirements - Change Visualization->Library Panels]: Luminosity ratio is less than 3:1 for “Delete” button present under 'Library panel’ blade. #66310

Closed
Tracked by #65701
natellium opened this issue Apr 11, 2023 · 1 comment
Labels
area/frontend/library-panels MAS type/accessibility Accessibility problem / enhancement wcag/1.4.11 UI and graphical objects have a color contrast ratio of at least 3:1

Comments

@natellium
Copy link
Contributor

User Experience:

Users with low vision might get affected as the luminosity ratio for Button control is less than 3:1 as a result users will not be able to view the button properly.

Repro Steps:

Open #Url: https://play.grafana.org/ Sign in with valid credentials. "Home" page appears. Navigate the Feature Showcase pane heading and select it. Navigate the expanded Dropdown and select the "Edit" menu item. Navigate the page "Edit" page which appears. Navigate to the "Change Visualization" button and select it. Navigate to the "Library Panels" tab which appears and select. Navigate the Library panel. Run CCA Tool Verify the issue.

Actual Result: Issue:

Luminosity ratio is less than 3:1 for “Delete” button present under 'Library panel’ blade. Expected Result:

Solution: Luminosity ratio should bemore than 3:1 for “Delete” button present under 'Library panel’ blade.
Note: The same issue exists with " focus indicator of list items under calculation combo box" under 'Table footer' section on 'Grafana play home/edit panel'. Same issue for Query patterns text as 2.2:1

Severity

SEV2

@natellium natellium added type/accessibility Accessibility problem / enhancement area/frontend/library-panels labels Apr 11, 2023
@taleena taleena added the MAS label Apr 11, 2023
@ckbedwell ckbedwell added the wcag/1.4.11 UI and graphical objects have a color contrast ratio of at least 3:1 label Jun 6, 2023
@kaydelaney kaydelaney assigned kaydelaney and unassigned kaydelaney Jun 9, 2023
@natellium
Copy link
Contributor Author

Fixed by #69907

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend/library-panels MAS type/accessibility Accessibility problem / enhancement wcag/1.4.11 UI and graphical objects have a color contrast ratio of at least 3:1
Projects
Archived in project
Development

No branches or pull requests

4 participants