WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Semantic Order -

for

From: Birkir R. Gunnarsson
Date: Mar 28, 2016 6:19PM

Two thoughts.
A. if you are using list items for the content, do you need the h3s?
The list item kind of serves as a separator. Then you have an h2, a
list and more text, and no additional headings are needed.
b. You can make this more explicit by using an html5 section element
or div with role="region". Whichever you choose yo need to add an
accessible name to expose it to a.t.

e.g.
<h2 id="id1">heading</h2>
<div role="region" aria-labelledby="id1">
all the list stuff and headings yu want.
paragraph.
</div> end of section starting with the h2.

If the element that comes after your content is an h2, I would say
that is sufficient. Any content between the h2s belongs with the first
one, and the end of that content is demakated with use of the second
h2. I would still use the section trick to make it absolutely
explicit.




On 3/28/16, Cousins, Earl < <EMAIL REMOVED> > wrote:
> Hi Dennis,
>
> The paragraph element should result in that last text content not appearing
> to be part of the last list.
>
> I suggest viewing the content without CSS and checking if the last paragraph
> of text obviously has the intended context. If not, you may need to add
> another heading or move the paragraph before the last list to convey the
> proper context.
>
>
>
> Earl Cousins | Accessibility Technical Analyst
> > Scotiabank | Enabling Solutions & Support Management (ESSM)
> Information Technology & Solutions
> 44 King St. West, 9th floor, Suite 902, Toronto, Ontario, Canada  M5H 1H1
>
> <EMAIL REMOVED>
> Scotiabank is a business name used by The Bank of Nova Scotia
>
>
>