WebAIM - Web Accessibility In Mind

E-mail List Archives

Navigating via headings in VoiceOver

for

From: Mickey Williamson
Date: Jun 8, 2015 12:16PM

So I have a sample page with a list of links split into categories. Each
category is an h3. Like so:

<h3>Category 1</h3>
<ul>
<li>Link 1</li>
<li>Link 2</li>
</ul>
<h3>Category 2</h3>
<ul>
<li>Link 1</li>
<li>Link 2</li>
</ul>

And so on.

Using VO with Safari, I bring up a list of the headings and jump to
Category 2 by pressing enter on the Category 2 heading. That takes me to
the category 2 heading. But if I want to continue in the category and
press tab to navigate through the list of Category 2 links, I'm taken back
to the top of the page. Does that mean that I should always be adding
tabindex of 0 or 1 to all my headings? Or am I misusing VoiceOver?

Thanks,
Mickey