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

Test Group Icons have Insufficient Context #7185

Open
mgifford opened this issue Nov 9, 2022 · 2 comments
Open

Test Group Icons have Insufficient Context #7185

mgifford opened this issue Nov 9, 2022 · 2 comments
Labels
Accessibility Issues related to improve overal accessibility in CKAN Good for Contribution

Comments

@mgifford
Copy link

mgifford commented Nov 9, 2022

CKAN version

https://demo.ckan.org/group/test-group

Describe the bugs

Purple
Title: WCAG 1.4.3: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (a[data-format="geojson"])
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: Test Group - Groups - CKAN Demo - https://demo.ckan.org/group/test-group

Element path: a[data-format="geojson"]

Snippet: GeoJSON

How to fix:
Fix any of the following:
Element has insufficient color contrast of 4.45 (foreground color: #ffffff, background color: #9855e0, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1

Green 1
Title: WCAG 1.4.3: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (a[data-format="kml"])
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: Test Group - Groups - CKAN Demo - https://demo.ckan.org/group/test-group

Element path: a[data-format="kml"]

Snippet: KML

How to fix:
Fix any of the following:
Element has insufficient color contrast of 2.64 (foreground color: #ffffff, background color: #7aae3d, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1

Green 2
Title: WCAG 1.4.3: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds (a[data-format="wms"])
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: Test Group - Groups - CKAN Demo - https://demo.ckan.org/group/test-group

Element path: a[data-format="wms"]

Snippet: WMS

How to fix:
Fix any of the following:
Element has insufficient color contrast of 1.91 (foreground color: #ffffff, background color: #adc717, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1

Environment: Microsoft Edge version 107.0.1418.35

====

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.

@amercader amercader added the Accessibility Issues related to improve overal accessibility in CKAN label Nov 29, 2022
@amercader
Copy link
Member

If I'm not mistaken this report refers to the format pills, specifically the geospatial ones (geojson, wms and kml) which are defined in ckanext-geoview
Screenshot 2022-11-29 at 15-43-01 Test Group - Groups - CKAN Demo

@mgifford
Copy link
Author

Yes. Correct.
Screenshot of buttons

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility Issues related to improve overal accessibility in CKAN Good for Contribution
Projects
None yet
Development

No branches or pull requests

2 participants