WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: no paragraphs in divs


From: Jonathan Avila
Date: Jul 26, 2015 1:32PM

> Divs are only for layout and styling purposes, they have no semantic value.

While I agree that the div element has no specific meaning and paragraph should be used, I do not believe this has been identified as a sufficient technique or failure of WCAG. Divs generally work the same way and commands such as control+up and down arrow treat them as container-like paragraphs. Screen readers seem to vary in how they handle this. Some screen readers/speech synthesizers put blank lines between paragraphs when arrowing between p elements. Others don't and simply rely on punctuation for pausing.


Jonathan Avila
Chief Accessibility Officer

703-637-8957 (o)
Follow us: Facebook | Twitter | LinkedIn | Blog | Newsletter

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Guy Hickling
Sent: Saturday, July 25, 2015 5:04 PM
Subject: Re: [WebAIM] no paragraphs in divs

As Dale has said, your actual content should be in a ul/li list. But to answer your last comment (and original question), yes, as you guessed, if these 3 items had been totally unrelated (and therefore not suitable for a
list) then they should have been placed in p elements, not divs.

Divs are only for layout and styling purposes, they have no semantic value.
Whereas paragraph elements indicate the separate stages of logical thought contained in the text - they are semantic. Assistive technology reacts to paragraphs (eg screen readers may pause very slightly, and/or change inflexion, at the end of a paragraph, but they don't do that for divs. Your
3 sentances would have been run together.