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



-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Catherine Roy
Sent: Tuesday, February 12, 2013 9:29 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] practical and easy accessibility resources

Hi all,

Next February 23rd is International Open Data Day
(http://opendataday.org/) and we are having a big hackothon in Montreal
to celebrate. This is not a disability related event but a codefest
where people of various sectors, mostly developers, interested in open
data will spend the day creating or further developping applications
using open data, mostly provided by the city of Montreal. So for
example, it could be an app enabling citizens to consult which skating
rinks are open on a given week-end or one that gives citizens an
opportunity to provide input on how the budget should be spent on
publics services in their burrough, etc. While many will be web apps, I
suspect a fair amount will be mobile apps as well. Most of the people
there will have only a marginal awarness of accessibility, if any.
Obviously, my interest in this context is to try to get the developpers
to at least consider making their app with basic accessibility and
considering the context, this will be a challenge.

I am not sure yet if I will be able to attend but either way, I would
like to dissimenate some accessibility resources on the local open data
mailing list ahead of time. So I would appreciate suggestions that are
well, practical and easy, resources that will give the basics, practical
things that are quick to consult, easy to understand and fairly easy to
implement in the kind of context we are talking about. Your input is
welcomed and you may reply off-list if you prefer.

Thanks,


Catherine

--
Catherine Roy
http://www.catherine-roy.net