E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 2 (In chronological order)

From: Weissenberger, Todd M
Date: Thu, Dec 05 2013 11:58AM
Subject: Semantics for a toggled display
No previous message | Next message →

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 ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
319-384-3323

From: Steve Faulkner
Date: Thu, Dec 05 2013 12:04PM
Subject: Re: Semantics for a toggled display
← Previous message | No next message

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 ADDRESS 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 ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> 319-384-3323
>
> > > >