WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Semantics for a toggled display

for

From: Steve Faulkner
Date: Dec 5, 2013 12:04PM

hi todd, this sounds like a disclosure widget pattern:

HTML5 has the details/summary elements which (where implemented) embody
this pattern.

There is a jquery based pollyfill for the details/summary elements:

http://mathiasbynens.be/notes/html5-details-jquery

demo page:
http://mathiasbynens.be/demo/html5-details-jquery

you can look at the code to see what ARIA roles/properties are used.

--

Regards

SteveF
HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/>;


On 5 December 2013 18:58, Weissenberger, Todd M <
<EMAIL REMOVED> > wrote:

> One of our developers is putting together a little widget where a user can
> activate a link and reveal some descriptive content. He's using a link to
> change the display attribute of an adjacent div.
>
> Is there a better role than link for this? Button, maybe?
>
> See a mock at http://webaccess.its.uiowa.edu/demos/show-hide.html
>
> Thanks,
> Todd
> T.M. Weissenberger
> Web Accessibility Coordinator
> University of Iowa
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> 319-384-3323
>
> > > >