WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Semantic Order -

for

Number of posts in this thread: 3 (In chronological order)

From: Dennis Deacon
Date: Mon, Mar 28 2016 7:53AM
Subject: Semantic Order -
No previous message | Next message →

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?

Thanks in advance.

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

From: scott.hoosier
Date: Mon, Mar 28 2016 8:58AM
Subject: Re: Semantic Order -
← Previous message | Next message →

I don't think so but that's an interesting point. The use of the <ul> and the he dies provide some separation, however it does so in an interesting way.

If (sorry doing this on mobile so I am short handing this. )

<h2>
<p>
<h3>
<ul>
<li>
<p>
</li>
</li>
</ul>

Repeat h3 as necessary section as necessary

<p> relating to h2 text

This might provide additional separation by separating the list options under the h3 rather than a list of h3's

This make up could easily become redundant and ultimately defeating the use of the list.

I would want to have more context I to specific content to see how much separation. Would be required.

Sorry if that made things more confusing

Thanks
Scott



From: Patrick H. Lauke
Date: Mon, Mar 28 2016 9:10AM
Subject: Re: Semantic Order -
← Previous message | No next message

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