All You Need For Accessibility - Tutorials, Tools, Books, Validators, etc

[Webnauts]

All you need for learning, building, validating and publishing accessible web sites. Please be so kind and give this post a vote! Maybe also a rate? PLEASE REPORT BROKEN LINKS!

COOL STUFF!

The need for Accessibility: http://www.webnauts.net/accessibility-need.html - NEW

Excellent Accessibility Resources List: http://www.usability.gov/accessibility/index.html

Why is Accessibillity Important to You? http://www.webnauts.net/accessibility.html

Skip Navigation Links are Important: http://www.webnauts.net/skip-navigation.html

Avoid forcing links to open in a new window: http://www.webnauts.net/new_window.html

Don' open new windows (tutorial) http://www.sitepoint.com/forums/showthread.php?t=186540

Web Design References - Accessibility (everything you need...) http://www.d.umn.edu/itss/support/Training/Online/webdesign/accessibility.html

Semantic Markup (must check!) http://cookiecrook.com/AIR/2003/train/semantics.php

How to Save Web Accessibility from Itself http://www.alistapart.com/articles/saveaccessibility/

Accessible Web Design - weekly tips http://www.mcu.org.uk/weeklytips/

WebAim Accessibility Techniques & Concepts http://www.webaim.org/techniques/


FREE ONLINE ACCESSIBILITY TUTORIALS:

1. How-To: Accessible Web Design http://www.umuc.edu/distance/odell/cade/ade/howto/index.html
2. Making Educational Software and Web Sites Accessible - http://ncam.wgbh.org/cdrom/guideline/
3. Accessibility for Web Developers - Introduction http://www.developerfusion.com/show/4005/1/
4. WebAim Introduction to Web Accessibility http://www.webaim.org/intro/intro
5. SitePoint - Introduction To Accessible Web Design, by Nigel Peck http://www.sitepoint.com/article/952
6. SitePoint - Do-It-Yourself Accessibility by Nicky Danino http://www.sitepoint.com/article/744
7. Information Technology Technical Assistance and Training Center http://www.ittatc.org/training/webcourse/ (Free registration required)
8. Bobby Report Explanation Files http://bobby.watchfire.com/bobby/html/en/browsereport.jsp
9. HiSoftware® Understanding Accessibility http://www.hisoftware.com/uaen/WebHelp/uaen.htm
10. Web Accessibility Learning Modules http://www.csufresno.edu/webaccess/learningmodules/
11. Dive Into Accessibility http://diveintoaccessibility.org/
12. Juicy Studio Accessibility Tutorial: http://www.juicystudio.com/tutorial/access...lity/index.html
13. Designing Universally Accessible WWW Resources for People with Disabilities http://cita.rehab.uiuc.edu/courses/2002-02-REHAB711NC/
14. Making Your Site Accessible http://uaweb.arizona.edu/styleguide/accessible.shtml
15. W3C Example for Checkpoint http://www.w3.org/WAI/wcag-curric/sam1-0.htm
16. Accessibility http://www.yourhtmlsource.com/accessibility/index.html
17. WebDevTips Accessibility Tutorial http://www.webdevtips.com/webdevtips/html/...ity/index.shtml
18. The National Center on Low-Incidence Disabilities (NCLID) http://vision.unco.edu/AccessibleDesign/
19. JimThatcher.com - U.S Section 508 http://www.jimthatcher.com/webcourse1.htm
20. School Web Accessibility http://www.tsbvi.edu/technology/web/508/0a.htm
21. Accessible Web Typography - an introduction for web designers http://www.scotconnect.com/webtypography/index.php


FREE ONLINE ADAPTIVE TECHNOLOGY TUTORIALS

Adaptive Technology Tutorials http://snow.utoronto.ca/technology/tutorials/index.html


INDIVIDUAL ACCESSIBILITY TOPICS TUTORIALS

1. Readability and Accessibility

• W3C/WAI Guideline 14. Ensure that documents are clear and simple: http://www.w3.org/TR/WCAG10/wai-pageauth.html#gl-facilitate-comprehension
• Readability and its Implications for Web Content Accessibility: http://wats.ca/resources/determiningreadability/1

2. Accessible Anchors (links)

• Accessible Anchors http://www.webdevtips.com/webdevtips/html/accessibility/links.shtml
• Skipping over navigation links http://infocentre.frontend.com/servlet/Infocentre/Infocentre?page=article&id=150

3. Building Accessible Forms

• General rules for web forms http://www.webdevtips.com/webdevtips/html/accessibility/form_rules.shtml
• Forms and Accessibility http://www.seotoolbox.com/htmlchat/forms.html
• Better Accessible Forms http://www.accessify.com/tutorials/better-accessible-forms.asp
• Forms Accessibility http://www.yourhtmlsource.com/forms/formsaccessibility.html
• Designing Accessible Forms http://www.netmechanic.com/news/vol5/accessibility_no19.htm
• Forms Refresher http://www.cookiecrook.com/AIR/2003/train/forms.php

4. Designing Accessible Tables

• How to Create Accessible Tables http://www.webaim.org/howto/tables/
• Designing Accessible Tables http://www.graphic-design.com/Web/Tips/nm_0109.html
• Table Manners http://www.mcu.org.uk/articles/tables.html
• Building accessible tables http://www.evolt.org/article/Building_accessible_tables/4090/42090/
• Accessible Tables http://www.jimthatcher.com/webcourse9.htm
• Favorite Tips http://www.graphic-design.com/Web/Tips/nm_0109.html

5. Using Alt Tags

• Providing text equivalents for images http://diveintoaccessibility.org/day_30_creating_an_accessibility_statement.html
• Improving accessibility with accesskey in HTML forms and links http://www.cs.tut.fi/~jkorpela/forms/accesskey.html
• Limited Number of possible accesskey values http://lists.w3.org/Archives/Public/w3c-wai-ig/2003AprJun/0117.html
• Effective Alt Text http://infocentre.frontend.com/servlet/Infocentre?access=no&page=article&rows=5&id=181
• On the length of alt texts http://www.cs.tut.fi/~jkorpela/html/alt.html#length
• Making web graphics accessible http://www.evolt.org/article/Alt_and_beyond_Making_web_graphics_accessible/4090/44510/index.html
• Revealing Accesskey Information http://devedge.netscape.com/viewsource/2003/reveal-accesskey/

6. Using Accesskeys

• Improving accessibility with accesskey in HTML forms and links http://www.cs.tut.fi/~jkorpela/forms/accesskey.html
• Device Independence http://snow.utoronto.ca/access/resources/keys.html
• Use numbers for accesskeys http://lists.w3.org/Archives/Public/w3c-wai-ig/2003AprJun/0117.html
• Alt and beyond: Making web graphics accessible http://www.evolt.org/article/Alt_and_beyond_Making_web_graphics_accessible/4090/44510/index.html
• Unlocking Hidden Navigation http://www.alistapart.com/stories/accesskeys/

7. Using Tabindex

• W3C/WAI about Tabindex http://www.w3.org/WAI/UA/TS/html401/cp0101/0101-TABINDEX.html

8. Using Longdesc

• Demonstration of the LONGDESC attribute and the "d" link http://wats.ca/resources/longdesc/31
• Attribute for <IMG ...> LONGDESC = "URL" http://www.htmlcodetutorial.com/images/_IMG_LONGDESC.html
• Making images more useful http://www.webdevtips.com/webdevtips/html/accessibility/images.shtml

9. Using Colors

• Colors Tutorial http://www.ergogero.com/FAQ/cfaqhome.html
• Type and color http://www.joeclark.org/book/sashay/serialization/Chapter09.html
• Hex/RGB Converting Tutorial and vice versa http://www.htmlcenter.com/tutorials/tutorials.cfm/111/General/

10. Use Relative or Absolute Font Sizes?

• Care With Font Size http://www.w3.org/2003/07/30-font-size
• Font sizes http://hotwired.lycos.com/webmonkey/99/41/index3a_page3.html?tw=design
• Using relative font sizes http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
• Accessible web text - sizing up the issues http://www.mcu.org.uk/articles/textsize.html
• Font size: the 'font-size' and 'font-size-adjust' properties http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props
• What's wrong with the FONT element? http://www.mcsr.olemiss.edu/~mudws/font.html
• Size matters http://www.alistapart.com/stories/sizematters/
• Making Text Legible http://www.lighthouse.org/print_leg.htm

11. Animated Graphics and Seizures

• How to Create Accessible Graphics http://www.webaim.org/howto/graphics/accessiblegraphics5

12. Skip Navigation or to Content link

- Avoid forcing links to open in a new window http://www.webnauts.net/new-window
- Skipping over navigation links http://diveintoaccessibility.org/day_11_skipping_over_navigation_links.html
- Skip to Main Content Link http://www.washington.edu/accessit/AU/tutorial/ins.html

13. Creating Accessible PDF Files

• How to Create Accessible Adobe PDF Files Booklet http://www.adobe.com/products/acrobat/access_booklet.html

14. Creating Accessible PowerPoint Files

• PowerPoint - The Recommended Method http://www.webaim.org/howto/powerpoint/

FREE ONLINE BOOKS

"Building accessible websites" by Joe Clark http://www.joeclark.org/book/sashay/serialization/


ONLINE CLASSES:

1. Online Training Program in Web Accessibility http://www.webnauts.net/academy (in coopeation with WebAIM)
2. Equal Access to Software and Information (EASI) http://easi.cc/workshop.htm
3. REHAB711NC: Designing Universally Accessible Web Resources http://cita.rehab.uiuc.edu/courses/2003-09...11NC/index.html


ONLINE WEB ACCESSIBILITY EVALUATORS / VALIDATORS

1. Webnauts Net (More-In-One) http://www.webnauts.net/check.html - Page conforms Prioriry 3 of the W3C/WAI-AAA Guidelines!
2. UI-Test.com (All-In-One): http://uitest.com/en/check/
3. Bobby http://bobby.watchfire.com/bobby/html/en/index.jsp
4. Web Aim Waive http://wave.webaim.org/index.jsp
5. CythiaSays http://www.cynthiasays.com/
6. UsableNet http://www.usablenet.com/
7. Watchfire http://webxact.watchfire.com/
8. Hera (for manual testing) http://www.sidar.org/hera/
9. W3C Web Content Accessibility Checking Service http://www.w3.org/2000/07/eval43/


WEB ACCESSIBILITY TOOLS AND UTILITIES

1. A-Prompt Web Accessibility Verifier http://aprompt.snow.utoronto.ca/
2. A-Prompt Web Accessibility Verifier (German) http://www.wob11.de/publikationen/aprompt/programm.html
3. HiSoftware® Accessible Form Creator http://www.hisoftware.com/access/valueadd9.html
4. Accessify Acrobot - Abbreviation and Acronym Generator http://www.accessify.com/tools-and-wizards...bot/default.asp
5. Accessify accessible form builder (version 2) http://www.accessify.com/tools-and-wizards...r-version-2.asp
6. Accessify Pop-up Window Generator http://www.accessify.com/tools-and-wizards...w-generator.asp
7. NCAM Media Access Generator (MAGpie) http://ncam.wgbh.org/webaccess/magpie/
8. STEP 508 http://www.section508.gov/index.cfm?...content&id=155


SOFTWARE FOR PEOPLE WITH DISABILITIES
Windows Shareware and Freeware for People with Disabilities
http://www.at-center.com/windows.html


COLORS TESTING TOOLS AND UTILITIES

1. Considering the Color Blind Design Evaluation: http://newmanservices.com/colorblind/default.asp
2. Colour Contrast Analyser: http://www.juicystudio.com/services/colourcontrast.asp
3. Colour Picker and Tester: http://www.tesspub.com/colours.html
4. Color Metric Converter: http://colorpro.com/info/tools/convert.htm
5. Colour transformations - Decimal: http://more.btexact.com/people/rigdence/colours/colours1.html
6. Colours confused with neutrals (Hex): http://more.btexact.com/people/rigdence/colours/neutrals_hex.html


BOOKS FOR WEB ACCESSIBILITY

1. Maximum Accessibility - Making Your Web Site More Usable for Everyone, by J. Slatin & S. Rush http://www.amazon.com/exec/obidos/ASIN/0201774224/
2. Building accessible websites, by Joe Clark http://www.amazon.com/exec/obidos/ASIN/073571150X/
3. WEB Accessibility for People with Disabilities, by M. G. Paciello http://www.amazon.com/exec/obidos/ASIN/1929629087/
4. Accessible Web Sites, by Jim Thatcher and others http://www.amazon.com/exec/obidos/ASIN/
5. Computer and Web Resources for People with Disabilities, by Stephen Hawking http://www.amazon.com/exec/obidos/ASIN/0897933001/


SOME USEFUL RESOURCES FOR ACCESSIBILITY

1. How People with disabilities use the Web

• W3C - How People with Disabilities Use the Web:http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/20010104
• How do disabled people use computers? http://www.joeclark.org/book/sashay/serialization/Chapter03.html
• Disability and the Web: http://www.techdis.ac.uk/seven/disability_and_the_web.html
• Browse tips by physical disability: http://diveintoaccessibility.org/by_disability.html
• How People with Disabilities Use The Web http://www.blackwidows.org.uk/resources/access/web-usage.html#colour-blind

2. A Guide to Making Documents Accessible to People Who Are Blind or Visually Impaired by Jennifer Sutton.
The inclusion of products or services in the body of this guide and the accompanying appendices should not be viewed as an endorsement by the American Council of the Blind. Resources have been compiled for informational purposes only, and the American Council of the Blind makes no guarantees regarding the accessibility or quality of the cited references. More: http://www.acb.org/accessible-formats.html

3. Accessibility Statement

• Creating an accessibility statement http://diveintoaccessibility.org/day_30_creating_an_accessibility_statement.html
• Writing and posting the policy http://www.joeclark.org/book/sashay/serialization/Chapter14.html#h2-1085

4. Words With Dignity - describing people with a disability

- Terms suggested to describe persons with a disability http://wats.ca/resources/wordswithdignity/35
- Treating Users with Disabilities as People http://www.useit.com/alertbox/20011111.html
- Guidelines for Reporting and Writing about People with Disabilities http://www.lsi.ku.edu/lsi/internal/guidelines.html

5. Convicing Clients to Pay for Accessibility

Why Accessible Web Design is important for Business http://www.scotconnect.com/show.php?contentid=81
Accessible Web sites are attractive http://www.accessify.com/articles/attractive-accessible-sites.asp
Auxiliary Benefits of Accessible Web Design http://www.w3.org/WAI/bcase/benefits.html
Accessibility Arguments Revisited http://infocentre.frontend.com/servlet/Infocentre?access=no&page=article&rows=5&id=301
Buy standards compliant Web sites http://www.w3.org/QA/2002/07/WebAgency-Requirements
Websites: think the way your customers think http://www.gerrymcgovern.com/nt/2003/nt_2003_09_08_ibm.htm
Promoting and Advertising Your Accessibility http://nadc.ucla.edu/Promoting.htm

6. Accessibility in Distance Education

A Resource for Faculty in Online Teaching http://www.umuc.edu/distance/odell/cade/ade/index.html

7. Guidelines

Web Content Accessibility Guidelines 1.0 http://www.w3.org/TR/WCAG10/
Trace Center Collation of Access Board's 508 FINAL RULE and GUIDES http://trace.wisc.edu/docs/2002-508-collation/index.shtml?style=default

[Redhat_PHP]

Good post. The web can be a wonderful resource for those who are challenged.

[John Colby]

Accessibility Tools - A-Prompt (free) from the University of Toronto - http://aprompt.snow.utoronto.ca/

[Webnauts]

Accessibility Tools - A-Prompt (free) from the University of Toronto - http://aprompt.snow.utoronto.ca/

Thanks John. It is though already mentioned above.

[John Colby]

ARRGGH - missed it - too early in the morning.

[1andyw]

Very nice collection of quality sources. Your work is appreciated.

[AWilliams]

Someone sticky this! Great post Webnauts.

[Hartmann]

Great post! Thanks for the links!

[Webnauts]

Great post! Thanks for the links!

I am planning to add somemore links.
Therefore, I hope this thread will become sticky, and will not get lost somewhere. That is a lot of work!

And I hope everyone who visit's this thread will vote, and give their rate as some of you have already done.

[M. Johansson]

Stickying.

[Webnauts]

Stickying.

Great Mattias! Thanks!

[Hormone]

Great list!

I normally wouldn't cross-post but in this case it may be worthwhile. I noticed that anode also has a list going and I posted some material there. Here are the two that may be helpful for this list also. Especially the first one.

My favorite and most useful online tool to see color effects for Protan's, Deutan's and Tritan's. I've used this site regularly during development to see side effects:
http://colorfilter.wickline.org/

Since many of you are used to what Sitepoint looks like on a daily basis, see what it looks like here (Good Job!). http://colorfilter.wickline.org/ind...0438a99bb02;t=p

Simulations and Daltonize corrections:
http://www.vischeck.com/

[jamesxv7]

Great thread, this is what I was looking for.

[duuudie]

Excellent thread. thumbs up.

[Pace Thug]

Wow, this is what I call a good thread. Keep 'em coming.

[cianuro]

Super read. Thanks!

[tentonjim]

2 snaps in a circle !

Now where is the button on Firefox that says "import all of these into my favorites"?

Nice work!

[Dark Tranquility]

In deed it is very useful thanks a lot for it

[hgilbert]

http://www.wats.ca/articles/accesskey

i was reading this article today - its goes against accesskeys
i am not sure if it belongs here or not

[bravo27]

Great Read!

[conradical]

Nice thread and will be quite useful.



*Ironically the links and the headers are blue and underlined in the Accessibility and Usability forums.....

[Webnauts]

Nice thread and will be quite useful.



*Ironically the links and the headers are blue and underlined in the Accessibility and Usability forums.....

What did you expect?

[conradical]

not what I expect. for usability purposes, links and other text should be clearly differentiated. I clicked on the headings because they look just like links!

Wasn't pointing out the usability issue, just the irony!

[Webnauts]

No problem conradical. I got it man!

[Ed Intheclouds]

I have found two broken links in:-

ONLINE WEB ACCESSIBILITY EVALUATORS / VALIDATORS

8. Hera (for manual testing) http://www.sidar.org/hera/
9. W3C Web Content Accessibility Checking Service http://www.w3.org/2000/07/eval43/


Great list of useful sites!
Ed Intheclouds