WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Semantic Order -


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.

<h2 id="id1">heading</h2>
<div role="region" aria-labelledby="id1">
all the list stuff and headings yu want.
</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

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
> Scotiabank is a business name used by The Bank of Nova Scotia
> -----Original Message-----
> From: Dennis Deacon [mailto: <EMAIL REMOVED> ]
> Sent: Monday, March 28, 2016 9:53 AM
> 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
> Website/Portfolio: dennisdeacon.com
> Blog: dennisdeacon.com/blog
> LinkedIn Profile: linkedin.com/in/dennisdeacon
> To unsubscribe from receiving further commercial electronic messages from
> The Bank of Nova Scotia in Canada, please click here:
> https://unsubscribe.scotiabank.com?entid=BNS&buid=SBNK
> To unsubscribe from receiving further commercial electronic messages from
> certain other senders set out in the attached list, please click here:
> https://www.unsubscribe.gwm.scotiabank.com?page=gwm
> This email may contain confidential information the use of which by an
> unintended recipient is unauthorized. This email may also contain important
> disclosure information for the records of the intended recipient(s). For
> details please click here:
> http://www.scotiabank.com/email_disclaimer/email_english.html
> Pour vous désabonner et cesser de recevoir des messages électroniques
> commerciaux de La Banque de Nouvelle-Écosse, veuillez cliquer ici :
> https://desabonnement.banquescotia.com?entid=BNS&buid=SBNK
> Pour vous désabonner et cesser de recevoir des messages électroniques
> commerciaux de certains autres expéditeurs figurant dans la liste ci-jointe,
> veuillez cliquer ici :
> https://www.unsubscribe.gwm.scotiabank.com?page=gwm&lang=fr
> Cette transmission peut contenir de l'information confidentielle et son
> utilisation par toute personne autre que la personne à laquelle cette
> transmission est destinée est interdite. Le présent courriel peut aussi
> contenir des renseignements importants pour les dossiers du ou des
> destinataires prévus. Pour plus de détails, veuillez vous diriger vers:
> http://www.scotiabank.com/email_disclaimer/email_francais.html
> Para dejar de recibir mensajes electrónicos comerciales de The Bank of Nova
> Scotia en Canadá, haga clic aquí:
> https://cancelarsuscripcion.scotiabank.com?entid=BNS&buid=SBNK
> Para dejar de recibir mensajes electrónicos comerciales de otras entidades
> incluidas en la lista adjunta, haga clic aquí:
> https://www.unsubscribe.gwm.scotiabank.com?page=gwm&lang=es
> Este correo electrónico puede contener información confidencial cuyo uso por
> parte de personas distintas de los destinatarios del mismo está prohibido.
> El mensaje puede tener también datos importantes para los archivos del(de
> los) destinatario(s) a quien(es) está dirigido. Para más detalles, por
> favor dirigirse a:
> http://www.scotiabank.com/email_disclaimer/email_espanol.html
> > > > >

Work hard. Have fun. Make history.