SitePoint.com

Webnauts · Oct 17, 2003, 16:35

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 · Oct 17, 2003, 17:53

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

John Colby · Oct 18, 2003, 01:01

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

Webnauts · Oct 18, 2003, 03:00

Quote:

Originally Posted by John Colby

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 · Oct 18, 2003, 05:50

ARRGGH - missed it - too early in the morning.

1andyw · Oct 18, 2003, 12:06

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

AWilliams · Oct 18, 2003, 12:36

Someone sticky this! Great post Webnauts.

Hartmann · Oct 18, 2003, 21:09

Great post! Thanks for the links!

Webnauts · Oct 18, 2003, 21:15

Quote:

Originally Posted by Hartmann

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 · Oct 19, 2003, 10:30

Stickying.

Webnauts · Oct 19, 2003, 10:56

Quote:

Originally Posted by M. Johansson

Stickying.

Great Mattias! Thanks!

Hormone · Dec 1, 2003, 12:35

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 · Feb 27, 2004, 14:45

Great thread, this is what I was looking for.

duuudie · Apr 5, 2004, 03:40

Excellent thread. thumbs up.

Pace Thug · Jul 6, 2004, 17:37

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

cianuro · Oct 25, 2004, 10:20

Super read. Thanks!

tentonjim · Dec 6, 2004, 10:36

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 · Jan 3, 2005, 10:26

In deed it is very useful

thanks a lot for it

hgilbert · Jan 25, 2005, 10:13

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 · Mar 15, 2005, 08:44

Great Read!

conradical · Aug 31, 2005, 10:15

Nice thread and will be quite useful.

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

Webnauts · Aug 31, 2005, 18:25

Quote:

Originally Posted by conradical

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 · Sep 1, 2005, 11:26

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 · Sep 1, 2005, 12:22

No problem conradical. I got it man!

Ed Intheclouds · Sep 30, 2005, 02:10

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

View Poll Results: Do you think this post can be useful for you?
Yes	117	97.50%
No	3	2.50%
Voters: 120. You may not vote on this poll

Oct 17, 2003, 16:35	#1
Webnauts Organic SEO Expert Join Date: Jun 2003 Location: European Union Posts: 1,577	All You Need For Accessibility - Tutorials, Tools, Books, Validators, etc *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 Last edited by Webnauts; May 15, 2006 at 01:14.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Oct 17, 2003, 17:53	#2
Redhat_PHP SitePoint Zealot Join Date: Oct 2003 Location: USA Posts: 192	Good post. The web can be a wonderful resource for those who are challenged.

Oct 18, 2003, 01:01	#3
John Colby Ensure you finish what you sta Join Date: Aug 2003 Location: University of Central England, U.K. Posts: 487	Accessibility Tools - A-Prompt (free) from the University of Toronto - http://aprompt.snow.utoronto.ca/

Oct 18, 2003, 05:50	#5
John Colby Ensure you finish what you sta Join Date: Aug 2003 Location: University of Central England, U.K. Posts: 487	ARRGGH - missed it - too early in the morning.

Oct 18, 2003, 12:06	#6
1andyw SitePoint Addict Join Date: Apr 2003 Posts: 320	Very nice collection of quality sources. Your work is appreciated.

Oct 18, 2003, 12:36	#7
AWilliams SitePoint Evangelist Join Date: Nov 2001 Location: UK Posts: 554	Someone sticky this! Great post Webnauts.

Oct 18, 2003, 21:09	#8
Hartmann chown linux:users\ /world Join Date: Aug 2000 Location: Houston, TX, USA Posts: 6,438	Great post! Thanks for the links!

Oct 19, 2003, 10:30	#10
M. Johansson Wanna-be Apple nut Join Date: Sep 2000 Location: Halmstad, Sweden Posts: 7,614	Stickying.

Dec 1, 2003, 12:35	#12
Hormone SitePoint Addict Join Date: Nov 2003 Location: Wrong Flight Posts: 281	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/

Feb 27, 2004, 14:45	#13
jamesxv7 Starting to-digg-in ********* Join Date: Oct 2003 Location: Island of Puerto Rico @ the Caribbean Posts: 882	Great thread, this is what I was looking for.

Apr 5, 2004, 03:40	#14
duuudie gimme the uuuuuuuuuuu Join Date: Feb 2004 Location: Switzerland Posts: 2,256	Excellent thread. thumbs up.

Jul 6, 2004, 17:37	#15
Pace Thug SitePoint Member Join Date: Mar 2004 Location: Växjö, Sweden Posts: 10	Wow, this is what I call a good thread. Keep 'em coming.

Oct 25, 2004, 10:20	#16
cianuro Web Design Ireland Join Date: Jun 2004 Location: Dublin Ireland Posts: 1,206	Super read. Thanks!

Dec 6, 2004, 10:36	#17
tentonjim SitePoint Enthusiast Join Date: Aug 2003 Location: Jacksonville, Florida USA Posts: 82	2 snaps in a circle ! Now where is the button on Firefox that says "import all of these into my favorites"? Nice work!

Jan 3, 2005, 10:26	#18
Dark Tranquility The Mind's I ® Join Date: Sep 2003 Location: Mediterranean (TN-FR-IT-ML-MR) Posts: 8,810	In deed it is very useful thanks a lot for it

Jan 25, 2005, 10:13	#19
hgilbert SitePoint Guru Join Date: Dec 2004 Location: London Posts: 854	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

Mar 15, 2005, 08:44	#20
bravo27 SitePoint Member Join Date: Mar 2005 Posts: 16	Great Read!

Aug 31, 2005, 10:15	#21
conradical Proud new dad! Join Date: Jan 2005 Location: Atlanta Posts: 2,313	Nice thread and will be quite useful. *Ironically the links and the headers are blue and underlined in the Accessibility and Usability forums.....

Sep 1, 2005, 11:26	#23
conradical Proud new dad! Join Date: Jan 2005 Location: Atlanta Posts: 2,313	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!

Sep 1, 2005, 12:22	#24
Webnauts Organic SEO Expert Join Date: Jun 2003 Location: European Union Posts: 1,577	No problem conradical. I got it man!

Sep 30, 2005, 02:10	#25
Ed Intheclouds SitePoint Member Join Date: Dec 2004 Location: Heathfield UK Posts: 10	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