RE: <details> longer description of <label> screenreader?

Forget it, I confused aria-expanded with aria-pressed … All fine. ☺

From: Schnabel, Stefan
Sent: Donnerstag, 10. Dezember 2015 12:20
To: 'Steve Faulkner' <faulkner.steve@gmail.com>; Angie Radtke <a.radtke@derauftritt.de>
Cc: HTMLWG WG <public-html@w3.org>
Subject: RE: <details> longer description of <label> screenreader?

Hi Steve,

According to

http://www.w3.org/TR/html51/semantics.html#the-details-element


Allowed ARIA role attribute<http://www.w3.org/TR/html51/dom.html#aria-role-attribute> values:
Any role<http://www.w3.org/TR/html51/dom.html#allowed-aria-roles,-states-and-properties> that supports aria-expanded.

<details  role="button"

is an allowed override, too, but I cannot see it as allowed role in in

http://w3c.github.io/html-aria/


details<http://www.w3.org/TR/html51/semantics.html#the-details-element>

role=group<http://w3c.github.io/html-aria/#index-aria-group>

global aria-* attributes<http://w3c.github.io/html-aria/#index-aria-global> and any aria-* attributes applicable to the group role.


Should I file a bug in https://github.com/w3c/html-aria/issues?



-          Stefan


From: Steve Faulkner [mailto:faulkner.steve@gmail.com]
Sent: Donnerstag, 10. Dezember 2015 11:58
To: Angie Radtke <a.radtke@derauftritt.de<mailto:a.radtke@derauftritt.de>>
Cc: HTMLWG WG <public-html@w3.org<mailto:public-html@w3.org>>
Subject: Re: <details> longer description of <label> screenreader?

Hi Angie, here is a details/summary demo polyfilled with ARIA
http://codepen.io/stevef/pen/jiCBE


--

Regards

SteveF
Current Standards Work @W3C<http://www.paciellogroup.com/blog/2015/03/current-standards-work-at-w3c/>

On 10 December 2015 at 10:50, Angie Radtke <a.radtke@derauftritt.de<mailto:a.radtke@derauftritt.de>> wrote:

Hi Leonie,
one understanding problem I have

Am 10.12.2015 um 11:25 schrieb Léonie Watson:
<summary role="group">
<details role="button" tabindex="0" aria-expanded="false">Properties of a dog</details>
<p> Dogs are animals with a lot of fur, four legs and a tail</p>
</details>

I thought summary is a child of details?

<details role="group">
<summary  role="button" tabindex="0" id="summary"> Properties of a dog</summary>
<p aria-expanded="false" id="desc" aria-labelledby="summary"> Dogs are animals with a lot of fur, four legs and a tail</p>
</details>


Thanks Angie