WCAG issues with Time-slider #441
Labels
Bug
Something that probably needs fixing
Priority: Urgent
This task should be grabbed before any others
RAMP
Work that should go back to RAMP Proper, or work specific to RAMP itself
WCAG Compliance
Tasks related to Accessibility and WCAG compliance
Description
The "Play" and "Minimize" buttons are tripping up scanning tools, this needs to be addressed ASAP. It can be difficult to get the WAVE toolbar to trip this error.
Taking the scan at face value, here's the "Minimize" button:
and the "Play" button:
The buttons likely need roles and aria-labels? See below.
Additionally, there are contrast issues with the grey labels (typically "Year") along the slider notches. Make them darker.
Environment
Steps to reproduce
Expected behavior
I expect a clean accessibility report and buttons to explain their purpose.
Actual behavior
The use of the time-slider buttons aren't made clear to screen readers and other utilities.
Additional information
https://www.w3.org/TR/WCAG22/#link-purpose-in-context
Possible solution
The text was updated successfully, but these errors were encountered: