[html5] Using <section> and <h1> ? Theoretical?

Bruce Lawson brucel at opera.com
Wed May 14 10:38:37 PDT 2014


On 14 May 2014 18:20, Brian Tremblay <webmaster at tsmchughs.com> wrote:
> The two pages are identical in content, and identical in markup except
> for one thing: foo uses <h2>, <h3>, etc.; bar uses <h1> nested in
> <section>. Someone visits each page. Practically speaking, how is her
> experience with foo different from that of bar?

most assistive technologies allow users to move between levels to get
a mental model of the hierarchy of information on a page: for example,
one of the big screenreaders allows the user to press "2" to move
between h2 headings, "3" to move between h3 headings
(http://doccenter.freedomscientific.com/doccenter/archives/training/JAWSKeystrokes.htm).

66% of screenreader users navigate like this.
(http://webaim.org/projects/screenreadersurvey5/#finding)

 On /bar.html there is no such hierarchy.

See this video by a blind web developer called "Importance of HTML
Headings for Accessibility"
https://www.youtube.com/watch?v=AmUPhEVWu_E

Bruce Lawson


More information about the Help mailing list