WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Navigating via headings in VoiceOver

for

From: Moore,Michael (HHSC)
Date: Jun 8, 2015 12:22PM

I believe that the correct use of Voice Over would be to use reading commands to read by line or paragraph until you encounter a link or other active element. Then tab will take you to the next. The tab key only moves from active element to active element. Adding a tab-index of 0 to the headings would make it more difficult to navigate the page for sighted keyboard users.

Mike Moore
Accessibility Coordinator
Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)
(512) 574-0091 (Cell)

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Mickey Williamson
Sent: Monday, June 08, 2015 1:16 PM
To: WebAIM Discussion List
Subject: [WebAIM] Navigating via headings in VoiceOver

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