W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > July to September 2016

RE: Using WAI-ARIA for code folding?

From: Beranek, Nicholas <Nicholas.Beranek@capitalone.com>
Date: Thu, 4 Aug 2016 13:19:24 +0000
To: "Sean Murphy (seanmmur)" <seanmmur@cisco.com>, Rich Morin <rdm@cfcl.com>, "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Message-ID: <SN1P103MB00622E4E2B3CB6B64070D747F4070@SN1P103MB0062.NAMP103.PROD.OUTLOOK.COM>
Sean is correct. Leverage the aria-expanded property on a link or button and toggle it between "true" and "false" depending on the state. You can also use aria-controls="idref-of-drawer" to create a programmatic relationship between the title and the drawer.

Although, the more I think about it, for SC 2.4.4 Link Purpose (In Context) you can use the link text by itself. In the "Code_Mocks" example below, they toggle the link text from "Show Code" to "Hide Code". Maintain focus on the link and ensure the code snippet is the next item within the DOM.

Nick Beranek
Capital One

-----Original Message-----
From: Sean Murphy (seanmmur) [mailto:seanmmur@cisco.com] 
Sent: Thursday, August 04, 2016 12:12 AM
To: Rich Morin; w3c-wai-ig@w3.org
Subject: RE: Using WAI-ARIA for code folding?

I assume when you refer to code folding is that you are collapsing the actual code and showing the function only. If I am right, I would look at the aria role for expand/collapse as this might be all you need.

Sean Murphy
Accessibility Software engineer 
Tel: +61 2 8446 7751	Cisco Systems, Inc.
The Forum 201 Pacific Highway
 Think before you print.
This email may contain confidential and privileged material for the sole use of the intended recipient. Any review, use, distribution or disclosure by others is strictly prohibited. If you are not the intended recipient (or authorized to receive for the recipient), please contact the sender by reply email and delete all copies of this message.

-----Original Message-----
From: Rich Morin [mailto:rdm@cfcl.com] 
Sent: Thursday, 4 August 2016 1:29 PM
To: w3c-wai-ig@w3.org
Subject: Using WAI-ARIA for code folding?

I have been experimenting with ways to present computer source code, using HTML markup.  One of the things I'd like to support is code folding (selectively hiding and showing sets of lines, based on the hierarchical structure of the code):


It seems like WAI-ARIA attributes could be used for this, as in:

 Example 41 - Treeview

However, it isn't a very close match to my use case.  Given that someone else may have done work in this area, I thought I should ask for help.  Any suggestions before I start hacking?


http://www.cfcl.com/rdm           Rich Morin           rdm@cfcl.com
http://www.cfcl.com/rdm/resume    San Bruno, CA, USA   +1 650-873-7841

Software system design, development, and documentation


The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.
Received on Thursday, 4 August 2016 14:50:41 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 4 August 2016 14:50:41 UTC