WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Headings hierarchy

for

From: Chaals McCathie Nevile
Date: Apr 12, 2016 7:50AM

On Tue, 12 Apr 2016 15:29:59 +0200, Edelényi Zsolt < <EMAIL REMOVED> >
wrote:

> Let say H1 is the title of article, h2 is used in article, and then h1 is
> the widget.

You mean like

h1 - my page
h2 - some section
section
h1 - my widget

Where the widget is meant to be a subsection of the things which have the
h2 as a header?

The HTML5 spec says you can do that, if you use a sectioning element, like
section.

Modern browsers apply a visual style sheet so it looks like the header for
the widget is of "lower rank" than the h2.

But they don't give the same information to screen readers, instead
telling them the widget header is the same rank as the first h1, i.e. more
important than the h2.

The HTML 5.1 spec will probably change this to remove the suggestion that
you can use h1 inside sections, since it works differently for different
users, in a way that is worse than interoperable, it is actually confusing
things by providing *different* interpretations.

See also https://github.com/w3c/html/issues/169 - where comments are
welcome.

cheers

> My blind testers say that this is not good practice. Widget
> should use H3 without any parent. Like this:
> h1- title of main content
> h2- subtitles of main content
> h3- title of widget.
>
>
> I would rather leave widgets without heading and put into
> role="complementary". But blind people say this is not good for them.
> What
> dou you think?
> Do you have any best practice for that?
> > > > --
Charles McCathie Nevile - web standards - CTO Office, Yandex
<EMAIL REMOVED> - - - Find more at http://yandex.com