WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Headings hierarchy

for

From: Edelényi Zsolt
Date: Apr 12, 2016 7:58AM

In my question only screen reader is important.
widget is outside the section like this:
<main>
<article>
<h1>
<h2>
</article>
<div role="complementary">
< h1> - my widget</h1>
</div>

Üdvözlettel:

Edelényi Zsolt
www.akadálymentes-honlap.hu <http://www.xn--akadlymentes-honlap-tub.hu/>;
+36 20 561-71-44


2016-04-12 15:50 GMT+02:00 Chaals McCathie Nevile < <EMAIL REMOVED> >:

> 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
> > > > >