WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Semantic Order -

for

From: Patrick H. Lauke
Date: Mar 28, 2016 9:10AM

On 28/03/2016 14:53, Dennis Deacon wrote:
> We have an internal debate over the best way to handle semantic order.
> Here's an example:
>
> <h2>Sub heading</h2>
> <ul>
> <li>
> <h3>Sub sub heading 1</h3>
> <p>Textual content related to Sub sub heading 1</p>
> </li>
> <li>
> <h3>Sub sub heading 2</h3>
> <p>Textual content related to Sub sub heading 1</p>
> </li>
> <li>
> <h3>Sub sub heading 3</h3>
> <p>Textual content related to Sub sub heading 1</p>
> </li>
> </ul>
>
> <p>Some text not related to Sub sub heading 3, but could be related to the
> last h2 Sub heading.</p>
>
> Does the paragraph after the unordered list need a heading to take it out
> of the Sub sub heading 3 grouping? Would wrapping the unordered list with a
> div create a grouping, eliminating the need for a heading before this
> paragraph?

That's one of the shortcomings of (traditional) HTML. You could start
explicitly wrapping things in <section> elements to clarify the
start/end of a section. However, this won't magically be
exposed/announced in most cases by AT.

(related, see also
https://www.paciellogroup.com/blog/2013/10/html5-document-outline/ with
regards to heading levels...not that your original question was about
that, but just to head it off at the pass ;) )

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke