WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Wave Tool and Document Outline

for

From: Jonathan Avila
Date: Jul 18, 2016 11:00AM

> Can someone provide a detail explanation of the expectations while view the document outline for a page with visually-hidden content?

I've seen a recent popular tab panel example where with CSS disabled or with a screen reader off-screen headings (which were also the tabs) were duplicated in such a way that headings appeared with one set right after each other without any content after them and then headings and content. This was confusing and not really correct page structure when viewed with a screen reader or with CSS disabled. The tabs should not have been marked up as headings and the document outline view will help show this.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group
<EMAIL REMOVED>
703.637.8957 (Office)
Visit us online: Website | Twitter | Facebook | Linkedin | Blog
Check out our Digital Accessibility Webinars!


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Dennis Deacon
Sent: Thursday, July 14, 2016 9:14 AM
To: <EMAIL REMOVED>
Subject: [WebAIM] Wave Tool and Document Outline

The Document Outline view in the Wave Tool is very helpful for viewing a thousand foot view of the document's heading semantics.

Recently, I had a co-worker express concern over the presentation of these semantics while viewing a page with hidden content (ex. non-active tab panels).

Can someone provide a detail explanation of the expectations while view the document outline for a page with visually-hidden content?

Thanks in advance.

--
Dennis Deacon
Email: <EMAIL REMOVED>
Website/Portfolio: dennisdeacon.com
Blog: dennisdeacon.com/blog
LinkedIn Profile: linkedin.com/in/dennisdeacon