You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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>
The text was updated successfully, but these errors were encountered:
The text was updated successfully, but these errors were encountered: