https://github.com/unic/frontendaccessibilitytalk

Talk «How to make your frontend accessible» at Frontend Conference Zurich
https://github.com/unic/frontendaccessibilitytalk

Last synced: about 2 months ago
JSON representation

Talk «How to make your frontend accessible» at Frontend Conference Zurich

• Host: GitHub
• URL: https://github.com/unic/frontendaccessibilitytalk
• Owner: unic
• Created: 2013-08-26T04:57:20.000Z (over 11 years ago)
• Default Branch: gh-pages
• Last Pushed: 2014-06-02T07:37:06.000Z (over 10 years ago)
• Last Synced: 2023-04-04T07:53:48.533Z (over 1 year ago)
• Size: 252 KB
• Stars: 4
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
«How to make your frontend accessible» 

======================================

Demos from our talk at the Frontend Conference Zurich, 30th August 2013.

http://unic.github.io/FrontendAccessibilityTalk/

Note (28th August): 

- The talk will be live-streamed on http://2013.frontendconf.ch/live/ from 3 a.m. to 4 a.m. (CEST).

- Video and slides will be made available on http://lanyrd.com/2013/fec13/coverage/ after the talk. 

--------

Topics covered:

- Tables

- Form markup and validation

- Element focus

- Fake buttons

Each solution is provided with references and links to alternative approaches.

Screen reader used: VoiceOver on OS X 10.8.4 and iOS 6.

---------

Feel free to file an issue in case you have a question or improvement suggestion.

---------

General resources

-----------------

Guidelines:

- WCAG 2.0 (@w3c_wai): http://www.w3.org/TR/WCAG20/

- P028: http://www.isb.admin.ch/themen/standards/alle/03237/

Consulting and certification: 

- Access for all (@Access4All): http://www.access-for-all.ch

- Research, recommendations and news:

- The Paciello Group by Steve Faulkner (@stevefaulkner) & Co.: http://www.paciellogroup.com/

- WebAIM (@WebAIM) by Jared Smith (@jared_w_smith) & Co. : http://webaim.org/

- Simply Accessible by Derek Featherstone (@feather): http://simplyaccessible.com/

- Accessible Culture by Jason Kiss (@jkiss): http://accessibleculture.org/

- Juicy Studio by Gez Lemon (@gezlemon): http://juicystudio.com/

- Karl Groves (@karlgroves): http://www.karlgroves.com/

- Marco’s accessibility blog (@MarcoZehe): http://www.marcozehe.de/ 

- The Accessibility Project (@ A11YProject): http://a11yproject.com/

ARIA resources

--------------

Guidelines:

- WAI-ARIA 1.0: http://www.w3.org/TR/wai-aria/

- WAI-ARIA 1.0 Authoring Practices: http://www.w3.org/TR/wai-aria-practices/

Tabs:

- «Accessible ARIA Tabs» by Jason Kiss (@jskiss): http://www.accessibleculture.org/research/aria-tabs/

- «jQuery Accessible Tabs - How to make tabs REALLY accessible» by Dirk Ginader (@ginader): 
http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php

Dialogs:

- «The Incredible Accessible Modal Window» by Greg Kraus (@gdkraus): 
http://accessibility.oit.ncsu.edu/training/aria/modal-window/

- «BPOW: Modal window focus management» by Jeff Smith (@jeffsmith): 
http://simplyaccessible.com/bpow/modal-focus/

Menus:

- «Accessible Mega Menu» by Adobe (@ AdobeAccess): 
http://adobe-accessibility.github.io/Accessible-Mega-Menu/

- «Accessible Dropdown Menus» by Terrill Thompson (@terrillthompson): http://terrillthompson.com/blog/202

Additional resources based on feedback after the talk

-----------------------------------------------------

- HTML5 accessibility support tables by The Paciello Group: http://html5accessibility.com/

- «HTML accessible emails» by the RNIB: (with some specific advice regarding layout tables) http://www.rnib.org.uk/professionals/webaccessibility/articles/Pages/html_emails.aspx