WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: practical and easy accessibility resources

for

From: Pratik Patel
Date: Feb 16, 2013 12:04PM

Hello Catherine,

Here are some resources that I usually like to give to people for intro type
of material-basic to medium. Depending on the context and interest, people
can absorb what they need and reference what they need. I tend to add things
and remove things as new resources become available. I just revised this
list.

Introduction to Web Accessibility: http://webaim.org/intro/

Creating Semantic Structure: http://webaim.org/techniques/semanticstructure/

Text alternatives for images: a decision tree:
http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/

Using WAI-ARIA Landmarks - 2013:
http://www.paciellogroup.com/blog/2013/02/using-wai-aria-landmarks-2013

Making elements keyboard focusable and clickable:
http://www.456bereastreet.com/archive/201302/making_elements_keyboard_focusa
ble_and_clickable/

Creating Accessible Forms: http://webaim.org/techniques/forms/

Accessible Browser Validation in HTML5:
http://juicystudio.com/article/accessible_browser_validation_html5.php

Accessible Client-side Form Validation with HTML5:
http://www.deque.com/accessible-client-side-form-validation-html5

Accessible Form Labeling & Instructions:
http://www.karlgroves.com/2011/10/10/accessible-form-labeling-instructions/

A usability perspective. Don't Put Labels Inside Text Boxes (Unless You're
Luke W):
http://www.uxmatters.com/mt/archives/2013/02/dont-put-labels-inside-text-box
es-unless-youre-luke-w.php

Creating Accessible CSS: http://webaim.org/techniques/css/

CSS in Action: Invisible Content Just for Screen Reader Users:
http://webaim.org/techniques/css/invisiblecontent/

CSS for Accessibility: http://24ways.org/2007/css-for-accessibility/

"Skip Navigation" Links: http://webaim.org/techniques/skipnav/

Fixing "Skip to content" links:
http://www.nczonline.net/blog/2013/01/15/fixing-skip-to-content-links/

Recommended WAI-ARIA implementation for navigation bar/menu:
http://stackoverflow.com/questions/12279113/recommended-wai-aria-implementat
ion-for-navigation-bar-menu

Making an accessible dialog box:
http://www.nczonline.net/blog/2013/02/12/making-an-accessible-dialog-box/

Don't use automatic image sliders or carousels:
http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore
-the-fad

Good lessons for accessibility as well. Lessons We Learned from Our Biggest
UX and Design Mistakes:
http://sixrevisions.com/user-interface/ux-design-mistakes/

Media Player Accessibility:
http://webaim.org/techniques/captions/mediaplayers/

The Librarian: Accessibility on iOS: Make an App for Everyone:
http://yaccessibilityblog.com/wp/librarian-accessibility-ios.html

Accessibility Programming Guide for iOS:
https://developer.apple.com/library/ios/#documentation/UserExperience/Concep
tual/iPhoneAccessibility/Introduction/Introduction.html

Designing for Accessibility - Android Developers:
http://developer.android.com/guide/topics/ui/accessibility/index.html

A More Accessible Map: http://alistapart.com/article/cssmaps

I'm sure others can add to this list and provide more info. Hope it is
helpful. Please feel free to let me know if you have any other questions.

Regards,

Pratik

Pratik Patel
Founder and CEO, <http://www.ezfire.net/>; EZFire
T: 718-928-5529
M: 718-249-7019
E: <mailto: <EMAIL REMOVED> > <EMAIL REMOVED> (or
<mailto: <EMAIL REMOVED> > <EMAIL REMOVED> )
Follow me on Twitter: <http://twitter.com/ppatel>; @ppatel
Follow me on LinkedIn: <http://www.linkedin.com/pub/pratik-patel/9/985/882>;
http://www.linkedin.com/pub/pratik-patel/9/985/882
Skype: Patel.pratik