WebAIM - Web Accessibility In Mind

E-mail List Archives

Fw: AccDC 2.0.1 has been released, which includes many enhancements and important changes to support 508 compliance.

for

From: Bryan Garaventa
Date: Sep 2, 2012 3:21PM

In case it's of interest.

----- Original Message -----
To: "DevAcc" < <EMAIL REMOVED> >


> In accordance with the Above and Beyond Accessibility Award
> (http://disability.challenge.gov/), some important changes and
> enhancements have been made to AccDC.
>
> The updated API source code and related documentation can be downloaded
> from
> http://whatsock.com/files/downloads/AccDC_API.zip
>
> Changes:
>
> The Screen Reader Accessible Hidden Text properties have been changed to
> reflect the research discussed at
> http://yaccessibilityblog.com/library/css-clip-hidden-content.html
>
> Which is now reflected in the new public property "$A.sraCSS".
>
> E.G
>
> // Make DOM node hidden visually but keep it visible to screen reader
> users
> $A.css( domNode, $A.sraCSS );
> // Or clear the sraCSS properties
> $A.sraCSSClear( domNode );
>
> To ensure 508 compliance, all Functionality Templates have been updated to
> ensure relative font sizing, and the "displayHiddenClose" property has
> been added to AccDC.
>
> When True, $A.sraCSSClear() is automatically invoked when a hidden Close
> link receives keyboard focus, and is then reversed when focus moves away.
> When False, the hidden Close link is removed from the tab order, though it
> is still rendered for screen reader users when "showHiddenClose" is True.
>
> The Standard Control Templates module has been updated to reflect these
> changes.
>
> A new section, "Misc", has been added to the Core API documentation, which
> includes the following public methods:
>
> $A.getEl()
> $A.createEl()
> $A.getAttr()
> $A.remAttr()
> $A.setAttr()
> $A.getText()
> $A.inArray()
>
> Within the section "Accessibility", the following have also been
> documented:
>
> $A.sraCSSClear()
> .displayHiddenClose
>
> Within the section "CSS", the following have also been documented:
>
> $A.css()
> $A.hasClass()
> $A.remClass()
> $A.addClass()
>
> Within the section "Traversal", the following has also been documented:
>
> .siblings
>
> This last property is a new addition, which makes it possible for lateral
> traversal between AccDC Objects at the same logical level.
>
> E.G
>
> Presuming there is a toolbar with submenus, where each toolbar item (File,
> Edit, View, Help) is declared in the same initialization array.
>
> If the Help submenu is open, the following statement will programmatically
> open the Edit menu from within the Help AccDC Object:
>
> dc.siblings[1].open();
>
> This technique is used within the WhatSock.com script
> http://whatsock.com/js/ready.js
> To check whether a tab is currently loading via:
>
> for (var i = 0; i < dc.siblings.length; i ++ ){
> if (dc.siblings[i].loading)
> return dc.cancel = true;
> }
>
> Similarly, lateral traversal can be combined with vertical traversal via
> the 'parent' and 'children' properties.
>
> E.G
>
> Presuming that 'tab3' has a child AccDC Object ('Section1'), and the
> desire is to open 'tab1' from within 'section1', the following statement
> will do so:
>
> dc.parent.siblings[0].open();
>
> When the $A.destroy() method is used, the siblings array shrinks
> accordingly. This too occurs for the 'children' array of the parent AccDC
> Object if applicable.
>
> So to summarize, AccDC 2.0.1 includes many improvements and enhancements,
> and all are encouraged to use the updated API.
>
> All the best,
> Bryan