DataExplorer WCAG 2.1 level AA compliance
To mirror &12 (closed)
ABS audit: Accessibility_Audit_National_Indicator_Reporting_Platform.docx - described into features under release https://oecd.aha.io/releases/ONEDATA-R-10
In March 2019 Digital Access at Vision Australia reviewed the accessibility of .Stat Data Explorer v0.3 December 2018 against the Web Content Accessibility Guidelines (WCAG) 2.1 specification. The full findings can be found in the attached audit report. The Data Explorer v0.3 website was reviewed against WCAG 2.1 level A and level AA success criteria. As the below table identifies, the .Stat Data Explorer v0.3 website fails to comply with 12 of the 50 WCAG 2.1 success criteria.
Priorities for development:
The whole findings and recommendations have been split and described into several feature sunder this release. The developments for improving WCAG compliance of the Data Explorer will be based on below prioritised element highlighted in the audit report:
- Use the correct semantic mark-up to code data tables (Issue 6: WCAG guideline 1.3 Adaptable)
- Make all functionalities on the website keyboard accessible (Issue 13 to Issue 16: WCAG guideline 2.1 Keyboard Accessible)
- Make sure that all foreground/background color combinations have a contrast ratio of at least 4.5:1 (Issue 7: WCAG guideline 1.4 Distinguishable)
- When focusable components receive the keyboard focus change their appearance (Issue 20: WCAG guideline 2.4 Navigable)
- Add semantic names and states to interactive controls (Issue 22 to Issue 26: WCAG guideline 4.1 Compatible)
The current focus is:
Guideline | Success Criteria | Conformance Level | RP | Done | Issues | Team |
---|---|---|---|---|---|---|
1.3 Adaptable | 1.3.1 | A | 6. Complex data table (2 recommendations Page 19) | |||
1.4 Distinguishable | 1.4.3 | AA | 7. Insufficient contrast (see recommendations p.24) | Design | ||
2.1 Keyboard Accessible | 2.1.1 | A | 13. Link not keyboard accessible | JS | ||
14. Buttons not keyboard accessible | ||||||
15. SVG buttons not keyboard accessible | ||||||
16. Drop-down menus prevent further keyboard access | ||||||
2.4.7 | AA | 20. No visual change on keyboard focus | Design\JS | |||
4.1 Compatible | 4.1.2 | A | 22. Missing semantic name on object | JS | ||
23. Expand functionality not clear | ||||||
24. Toggle buttons do not provide state | ||||||
25. Dynamic page refresh not clear | ||||||
26. Multi-select autocomplete not fully accessible |
Checklist of the issues
-
issue 6. Complex data table -
issue 13. Link not keyboard accessible -
issue 14. Buttons not keyboard accessible -
issue 15. SVG buttons not keyboard -
issue 16. Drop-down menus prevent further keyboard access -
issue 20. No visual change on keyboard focus -
issue 22. Missing semantic name on object -
issue 23. Expand functionality not clear -
issue 24. Toggle buttons do not provide state -
issue 25. Dynamic page refresh not clear -
issue 26. Multi-select autocomplete not fully accessible
Documents: