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

Fix color contrast in Demo #3432

Open
mgifford opened this issue Nov 19, 2022 · 0 comments
Open

Fix color contrast in Demo #3432

mgifford opened this issue Nov 19, 2022 · 0 comments
Labels

Comments

@mgifford
Copy link

Describe the bug
Some of the text in the demo has insufficient color contrast.

To Reproduce
Go here https://demo.dev.magda.io/search?q=climate

This is 1 of 10 identical issues on this page:

Title: WCAG 1.4.3: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (.dataset-summary-publisher)
Tags: Accessibility, WCAG 1.4.3, color-contrast

Issue: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (color-contrast - https://accessibilityinsights.io/info-examples/web/color-contrast)

Target application: Datasets search: climate | Page 1 | Magda - https://demo.dev.magda.io/search?q=climate

Element path: .search-results__result:nth-child(1) > .dataset-summary > .dataset-summary-publisher

Snippet: Australian Bureau of Agricultural and Resource Economics and Sciences

How to fix:
Fix any of the following:
Element has insufficient color contrast of 3.34 (foreground color: #798fa2, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Environment: Chrome version 107.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.35.0 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

@mgifford mgifford added the bug label Nov 19, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant