-
Notifications
You must be signed in to change notification settings - Fork 641
Open
Milestone
Description
| Issue Description | WCAG Criteria | Status | Category | Example | Notes |
|---|---|---|---|---|---|
| Heading semantics in Timeline Navigation available to VoiceOver be separate from control | Enhancement | Identified | Screen reader | <div class="tl-timemarker tl-timemarker-with-end" tabindex="-1" id="ada-lovelace-marker" aria-label="Ada Lovelace, from December 10, 1815 to November 27, 1852, press space to show">…<div class="tl-timemarker-content-container tl-timemarker-content-container-long tl-timemarker-content-container-small"><div class="tl-timemarker-content">…<div class="tl-timemarker-text"><h2 class="tl-headline tl-headline-fadeout">Ada Lovelace</h2></div></div></div></div> | VoiceOver can navigate by headings in the Timeline Navigation but then must navigate "up" to the named div with the click behavior.A structure more like this could be cleaner:<h2 aria-label="Ada Lovelace, from December 10, 1815 to November 27, 1852"> <button tabindex="-1" aria-describedby="tl-timemarker-description"> <div class="tl-timemarker-media-container" aria-hidden="true"><span class="tl-icon-image"></span></div> Ada Lovelace</button></h2>…<div hidden id="tl-timemarker-description">press space to show</div> |
Metadata
Metadata
Assignees
Labels
No labels