WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accordion semantics?

for

From: Bryan Garaventa
Date: Jun 19, 2014 8:56AM


Unfortunately [] and <> don't do the trick in this case.
Looks like it's the line length number for plain text messages that is the problem, which is adjustable in File > Options > Email >
Line Length for Plain Text.

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Don Mauck
Sent: Thursday, June 19, 2014 7:35 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Accordion semantics?

Boy wouldn't that be nice!
-----Original Message-----
From: Bryan Garaventa [mailto: <EMAIL REMOVED> ]
Sent: Wednesday, June 18, 2014 8:38 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Accordion semantics?

As a side note, if anybody knows the trick to make Outlook2013 stop breaking
up links, please let me know.

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Bryan Garaventa
Sent: Wednesday, June 18, 2014 7:29 PM
To: 'WebAIM Discussion List'
Subject: Re: [WebAIM] Accordion semantics?

Personally I've never been fond of using ARIA Tab constructs for accordions,
because it's impossible to tell the difference between a tab group and an
inline accordion, because the feedback is the same for screen reader users.
E.G if you have a tab group nested in an accordion, how do you know which is
which for instance, which may be important because accordions render content
inline whereas tabs render content after a tablist group.

Is there something wrong with just keeping it simple?

E.G

ARIA Toggles:
http://whatsock.com/tsg/Coding%20Arena/ARIA%20and%20Non-ARIA%20Accordions/AR
IA%20Accordion%20(Internal%20Content)/demo.htm

Expandable ARIA Links:
http://whatsock.com/tsg/Coding%20Arena/ARIA%20and%20Non-ARIA%20Accordions/AR
IA%20Accordion%20(Internal%20Content)/demo2.htm

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Jesse Hausler
Sent: Wednesday, June 18, 2014 5:32 PM
To: WebAIM Discussion List
Subject: [WebAIM] Accordion semantics?

Thoughts on the best semantic for an accordion component?

I'm good with the keyboard and ARIA recommendations in the ARIA Authoring
guide:
http://www.w3.org/TR/wai-aria-practices/#accordion

I'm just don't care for the semantics in their only example:
http://www.oaa-accessibility.org/examplep/accordian1/

Paired headings and divs as the way to go?

Thanks,
Jesse
messages to <EMAIL REMOVED>
<mailto: <EMAIL REMOVED> >
messages to <EMAIL REMOVED>