RE: SUGGESTIONS ON LABELLEDBY

The world has turned. We need also similar examples using the new HTML5 sectioning elements in combination with <h1>, <h2> etc.

See e.g http://coding.smashingmagazine.com/2011/08/16/html5-and-the-document-outlining-algorithm/


So the examples could be extended to e.g.:

<div role="main" aria-labelledby="ID_MAIN_CONTENT_LABEL">

   <h1 id="ID_MAIN_CONTENT_LABEL">Horses for sale</h1>

   <section role=”region” aria-labelledby="ID_SECTION_CONTENT_LABEL">
      <h2 id="ID_SECTION_CONTENT_LABEL">Mares</h2>

      <article>
         <h3>Pink Diva</h3>
         <p>Pink Diva has given birth to three Grand National winners.</p>
      </article>



-          Stefan

From: joshue.oconnor@cfit.ie [mailto:joshue.oconnor@cfit.ie]
Sent: Dienstag, 22. Januar 2013 17:00
To: Gunderson, Jon R; David MacDonald; 'WCAG'
Cc: w3c-wai-pf@w3.org
Subject: Re: SUGGESTIONS ON LABELLEDBY

+1

----- Reply message -----
From: "Gunderson, Jon R" <jongund@illinois.edu<mailto:jongund@illinois.edu>>
To: "David MacDonald" <david100@sympatico.ca<mailto:david100@sympatico.ca>>, "'Joshue O Connor'" <joshue.oconnor@cfit.ie<mailto:joshue.oconnor@cfit.ie>>, "'WCAG'" <w3c-wai-gl@w3.org<mailto:w3c-wai-gl@w3.org>>
Cc: "w3c-wai-pf@w3.org<mailto:w3c-wai-pf@w3.org>" <w3c-wai-pf@w3.org<mailto:w3c-wai-pf@w3.org>>
Subject: SUGGESTIONS ON LABELLEDBY
Date: Tue, Jan 22, 2013 15:19


I have a suggested edit, since the previous example was not well formed.

<div role="main" aria-labelledby="ID_MAIN_CONTENT_LABEL">
<h1 id="ID_MAIN_CONTENT_LABEL">Top News Stories</h1>
Š.
</div>


I liked the idea James had about trying to make the ID something
informative.

I would also like examples to reinforce the idea that there can be
meaningful relationships between landmarks and headings.

Jon




On 1/19/13 4:51 PM, "David MacDonald" <david100@sympatico.ca<mailto:david100@sympatico.ca>> wrote:

>http://www.w3.org/WAI/GL/wiki/Using_aria-labelledby_to_name_controls

>
>This is a technique for labelledby. I don't think we should confuse
>Example
>one by using a role=header, and a aria-level...
>
>Why not just make it a regular heading? Let's keep examples as simple as
>possible to increase uptake and understanding,
>
><p role="main" aria-labelledby="hdr1">
> <h1 id="hdr1">
>    Top News Stories
> </div>
></p>
>
>
>Cheers
>David MacDonald
>
>CanAdapt Solutions Inc.
>  Adapting the web to all users
>            Including those with disabilities
>www.Can-Adapt.com<http://www.Can-Adapt.com>
>
>
>-----Original Message-----
>From: Joshue O Connor [mailto:joshue.oconnor@cfit.ie]
>Sent: January-14-13 4:28 AM
>To: WCAG
>Cc: w3c-wai-pf@w3.org<mailto:w3c-wai-pf@w3.org> PF
>Subject: [html-techs-tf] Agenda Jan 14, 2013
>
>Hi y'all,
>
>Apologies for late agenda.The Joint WCAG & PF Task Force for HTML5 and
>WAI-ARIA WCAG Techniques will be meeting on Monday 14th January, 2013 at
>17:00 UTC, 3 AM Eastern Australia, 6 PM CET, 12 Noon EDT, 9AM PDT, 6PM IST
>
>Agenda:
>
>1) Actions for dealing with technique feedback.
>2) Progressing the new 'User Agent Testing Methodology and Notes'
>document. [1]
>
>[1] http://www.w3.org/WAI/GL/wiki/Techniques/UAtesting

>
>Call Details:
>
>2013-01-07, 17:00Z (for 60 minutes) - 4 AM Eastern Australia, 6 PM CET,
>12 Noon EDT, 9AM PDT
>Dial the Zakim bridge using either SIP or the PSTN.
>PSTN: +1.617.761.6200 (This is a U.S. number).
>SIP: zakim@voip.w3.org<mailto:zakim@voip.w3.org>
>You should be prompted for a pass code,
>This is
>9224#
>(WCAG#)
>
>IRC: irc.w3.org <http://irc.w3.org/> <http://irc.w3.org/> port: 6665
>channel
>#html-techs-tf
>
>Cheers
>
>
>Josh
>
>
>
>
>