[A11y] Timeline show page issues related to Timeliner components #76
Description
Description
From the accessibility checks performed on timeline related pages in avalonmediasystem/avalon#6314, the following issue was identified for the timeline show page.
| Success criterion | WCAG 2.1 Level | Accessibility checker | Error | Relevant HTML element |
|---|---|---|---|---|
| 4.1.2 Name, Role, Value | Level A | SiteImprove & axeDevTools | Buttons must have discernible text | Volume thumb button in the volume slider |
| 4.1.2 Name, Role, Value | Level A | SiteImprove & axeDevTools | An element with a role that makes its children presentational should not contain focusable elements | Volume slider and its children |
| 2.1.1 Keyboard | Level A | axeDevTools | Scrollable region must have keyboard access | Video player below the timeline |
Done Looks Like
- Buttons have text labels that can be identified by screen readers
- Volume slider doesn't contain nested focus-able elements to build the component
- Video player can be focused using keyboard when it is in a scrollable aspect ration