Skip to content

Instantly share code, notes, and snippets.

@jeryj
Last active August 23, 2016 19:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jeryj/b09dbcff28fdd6e757d1f1c9923d1cf5 to your computer and use it in GitHub Desktop.
Save jeryj/b09dbcff28fdd6e757d1f1c9923d1cf5 to your computer and use it in GitHub Desktop.
Adding Tabindex Value to HTML5 Vaguely Semantic Element adds it to the Landmarks and Form Controls lists in VoiceOver Rotor
<main>
<section>
<h2>This will not appear in the Rotor under Landmarks or Form Controls</h2>
<p>This is the expected behavior.</p>
</section>
<article>
<h2>This article will not appear in the Rotor under Landmarks or Form Controls</h2>
<p>I'm surprised that it appears under Landmarks when you add a tabindex value. It happens for values of 0 or -1, and likely for other values too.</p>
</article>
<section tabindex="0">
<h2>This will appear in the Rotor under Landmarks or Form Controls</h2>
<p>I'm surprised that it appears under Landmarks when you add a tabindex value. It happens for values of 0 or -1, and likely for other values too.</p>
</section>
<article tabindex="-1">
<h2>This article will appear in the Rotor under Landmarks or Form Controls</h2>
<p>I'm surprised that it appears under Landmarks when you add a tabindex value. It happens for values of 0 or -1, and likely for other values too.</p>
</article>
</main>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment