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

I imagine that dynamic dns isn't being resolved correctly by your isp. 
Bryan, can you supply an IP address for those who have difficulties with the dynamic DNS?

> On Jul 17, 2016, at 20:48, James Nurthen <james.nurthen@oracle.com> wrote:
> 
> Works great on my phone though.
> 
> :)
> 
>> On Jul 17, 2016, at 19:50, Matt King <a11ythinker@gmail.com> wrote:
>> 
>> 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 04:41:06 UTC