article element
section element with role="main"
The following are various container elements, each containing one paragraph containing the type of container element. Following these elements are the output generated by Jaws14 and NVDA-2012.3.1.
One thing to note is that NVDA presents landmarks in-line; Jaws presents them as blocks with a start and end. NVDA tends to stick to the letter of the spec; only elements with attached aria roles generate landmarks. All others, whether role attached explicitly or implicitly via html5 element semantics do not. Jaws generates blocks from landmark roles, html5 elements, and specific role of "region".
Vanilla div
banner element
header element
div element with role="contentinfo"
div element with role="complementary"
section element
article element
section element with role="main"
My Profile
section element with aria-labelledby
section element with aria-label
Vanilla div
navigation region
nav element
navigation region end
navigation region
div element with role="navigation"
navigation region end
banner element
header element
content information
footer element
content information end
content information
div element with role="contentinfo"
content information end
aside element complementary information
aside element
aside element complementary information end
complementary information
div element with role="complementary"
complementary information end
region
section element
region end
article
article element
article end
main region
section element with role="main"
main region end
My Profile region
My Profile
section element with aria-labelledby
My Profile region end
My Hidden Section Title region
section element with aria-label
My Hidden Section Title region end
real-world example
region
region
region
RichCaloggero
region
my user info goes here
region end
region end
region end
region end
Vanilla div
navigation landmark: nav element
navigation landmark: div element with role="navigation"
banner element
header element
contentinfo landmark: footer element
contentinfo landmark: div element with role="contentinfo"
complementary landmark: aside element
complementary landmark: div element with role="complementary"
section element
article element
main landmark: section element with role="main"
My Profile
section element with aria-labelledby
section element with aria-label
real-world example
RichCaloggero
my user info goes here