Skip to content

Heading semantics in Timeline Navigation available to VoiceOver be separate from control #864

@Tanvez

Description

@Tanvez

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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions