E-mail List Archives
Thread: Semantic Order -
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@wellsfargo.com
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
-----Original Message-----
From: Dennis Deacon [ = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >]
Sent: Monday, March 28, 2016 08:53 AM Central Standard Time
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] Semantic Order -
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: 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