RE: Live Code for APG: ARIA Accordion design pattern ready for review

Odd ... the URL ...

http://snoringfoot.dyndns.org/Webserver/ARIA%20Accordions/demo.htm

yields 404 from Chrome, Firefox, and IE regardless if I click on the link in
the e-mail or paste the URL into the browser. 

Matt

-----Original Message-----
From: James Nurthen [mailto:james.nurthen@oracle.com] 
Sent: Sunday, July 17, 2016 7:42 PM
To: Matt King <a11ythinker@gmail.com>
Cc: Bryan Garaventa <bryan.garaventa@ssbbartgroup.com>; ARIA Working Group
<public-aria@w3.org>
Subject: Re: Live Code for APG: ARIA Accordion design pattern ready for
review

Seems to work OK for me. Can you retry. 

> On Jul 17, 2016, at 19:11, Matt King <a11ythinker@gmail.com> wrote:
> 
> Bryan,
> 
> Thank you very much for your work on this.
> 
> Unfortunately, I am getting a 404 from the demo url.
> 
> Matt
> 
> -----Original Message-----
> From: Bryan Garaventa [mailto:bryan.garaventa@ssbbartgroup.com]
> Sent: Sunday, July 17, 2016 6:28 PM
> To: ARIA Working Group <public-aria@w3.org>
> Subject: Live Code for APG: ARIA Accordion design pattern ready for 
> review
> 
> Hi,
> The code for the accordion wireframe is ready, which can be tested at 
> http://snoringfoot.dyndns.org/Webserver/ARIA%20Accordions/demo.htm
> 
> At present this is just the coded implementation since my primary 
> objective was to simply build out what works first, then document it 
> after we finish any tweaks. For this reason, I'm hosting this temporarily
on a test server.
> 
> Also, you can download this zip file at http://snoringfoot.dyndns.org/
> 
> Included within this is a vanilla JavaScript helpers lib I've cobbled 
> together over some years now, which should aid in the process for 
> building out these widgets in the future. This is included within the 
> file "helpers.js'.
> 
> The design pattern uses the new model for Accordions, which is the use 
> of individually focusable toggles in combination with aria-expanded to 
> convey the active state of each toggle.
> 
> The setup for this type of implementation is automatically scalable, 
> meaning that it can include any type of embedded control type within 
> the dynamically expandable sections, including other complex ARIA 
> widget controls, or even embedded accordion controls to nest 
> functionality. This is why the named regions are important for intuitive
grouping.
> 
> This too works on mobile touch screen devices, and within setup.js, 
> redundant event handling shows how the same script can be applied to 
> non-native triggering elements such as Div or Span elements in place 
> of native links or buttons for use as accordion toggles.
> 
> Within this demo, the styling and content are just what I've thrown 
> together, but all can be changed however you like. It probably needs 
> some positioning work for the accordion section content for instance. 
> The triggering elements are presently A tags, but these can be changed 
> to native buttons, or even simulated elements like Div or Span with 
> tabindex='0' and role='button', and the scripting will still work
accessibly.
> 
> Also, please feel free to use the helpers.js file for whatever you 
> wish as well, it may make this process go faster.
> 
> All the best,
> Bryan
> 
> 
> 
> 
> Bryan Garaventa
> Accessibility Fellow
> SSB BART Group, Inc.
> bryan.garaventa@ssbbartgroup.com
> 415.624.2709 (o)
> www.SSBBartGroup.com
> 
> 
> 
>

Received on Monday, 18 July 2016 02:51:26 UTC