Accessible Web Design
Welcome
This site was initially set up as a support for a series of Accessible Web Design (AWD) workshops I have taught. As these resources may also be valuable to others, we've made them public.
Over the years I have done a number of workshops on AWD and have used this site as the support. Please feel free to poke around and use what you find. Please also check out my blog for more information.
- Here are the resources on Accessible Documents that supplement the workshop and the articles that I have been writing for the Maine State Government Office of Information Technology.
- Handouts and Resources from the Web/School2.0 and Accessibility Workshop at ACTEM
There's lots of stuff here and I am always looking to add new things. Please feel free to contact me with ideas and suggestions.
John Brandt
Webmaster
Interesting Stuff
Below are some articles and resources I have discovered over the past few years related to AWD that are some of the better resources. I have been posting information regularly on my jebswebs blog - so you may want to check that out first.
Getting Started with Practical Web Accessibility
This is an on-line primer for web designers interested in learning about web accessibility. According to its author Jukka Korpela (Yucca), "...It can be read as a standalone primer, or used as the basic material for a short course. After finishing it, you will know a useful set of rules, the reasons behind them, and how to apply them in authoring. You can then proceed to a wider and more detailed look at web accessibility, e.g. using the WebAIM cite."
The Importance of Human Evaluation
by WebAIM
The two basic approaches to accessibility evaluation are:
- Use a software tool
- Use a human evaluator
Usually the best approach is to use both a software tool and a human evaluator. Each approach has strengths and weaknesses which complement the others and form a more complete approach to web accessibility evaluation. People with disabilities can be especially valuable as accessibility evaluators.
Read the full article: The Importance of Human Evaluation
Seven Accessibility Mistakes (Part 1)
This is a blog entry from Christian Heilman in Digital Web Magazine. It's a bit technical and probably written for those working primarily in the "business world." So the concerns raised may not be relevant to your work. Perhaps the most important "mistake" is the trust we put into the technology to solve the problem. While Heilman is referring to trust in our authoring software or CMS, this is also true regarding the various on-line "tools" and "validators" that can be used to check accessibility. The good old human brain is still the best tool. Accessibility can only be improved when we think about what we're doing and test with real people. Here is the article Seven Accessibility Mistakes by Christian Heilman
24 ways to impress your friends
If you really have a lot of time on your hands, you want to head over to this website and see all of the neat things people are doing with web design elements using CSS, AJAX and JavaScript. It will make your head spin. 24 ways to impress your friends
Workshop Resources
Highlights/References
- Myths About Accessible Web Design
- AIS Web Accessibility Toolbar
- W3C - WAI - WCAG v 1.0 Checkpoints
- W3C - WAI - WCAG v 2.0 Quick Reference
- Section 508 (US Gov site)
- Section 508 (WebAIM site)
- Maine State WAP
- WebAIM Web Accessibility in Mind - "Techniques and Concepts" section
- Adobe Accessibility
- US Dept of Justice - ADA - Web Access Suggestions
General AWD Resources
See also the Links to Accessible Web and Universal Design found here on the Maine CITE web.
- AIS Web Accessibility Toolbar
- Links to CSS Resources (UMN)
- Links to Dreamweaver Resources (UMN)
- Link to Accessibility Resources (UMN)
- Links on Usability and Liquid Design (UMN)
- WebAIM Web Accessibility in Mind - "Techniques and Concepts" section
- W3C- WAI Web Accessibility Initiative
- WAI Resources for Evaluating Web Accessibility
- Section 508 (US Gov site)
- Section 508 (WebAIM site)
- Maine State WAP
- Resources on Using Color and Contrast issues (UMN)
- View your website on Safari
- View your website on an iPhone
- 24 ways to impress your friends
- Useability.gov
- Guild of Accessible Web Designers (GAWDS)
- Getting Started with Practical Web Accessibility
- All Things Web
- TDK Design - Accessibility
- Digital Web
- TRACE
- University of Washington - DO-IT
- Accessify
- Dive Into Accessibility
- Macromedia Accessibility - Flash
- Usablenet
- ASP.net Resources w/ standards in mind
Listservs
Web Resources from The AccessIT Web Design and Development Course
Below we have provided a set of websites that provide a full range of free instructional content on web design and related topics. Exploring these sites is a great way to extend the content of this curriculum, particularly for advanced students. Many of these sites are additionally linked throughout the curriculum.
Instruction/Tutorials
- W3 Schools
- HTML Dog
- WDG Guide to HTML
- sitepoint.com
- Yale Web Style Guide
- Web Page Design for Designers
- CoolHomePages.com
- Colormatters.com
- WebDesign at About.com (+web design tips)
- Design Tips, Tutorials and Tricks (175+ links)
CSS Resources
- WDG Guide to Cascading Style Sheets
- WDG List of CSS Properties
- CSS Zen Garden
- Web Design Group (WDG): Linking Style Sheets to HTML
- Listamatic2 (sample stylized lists)
- Alascreations CSS menus gallery
- WebAIM
- Eric Meyer
Technical Specifications
- HTML 4.01 Specification
- CSS 2 Specification
- CSS2 Properties Index
- XML 1.0 Specification
- XHTML 1.0 Specification
Usability and Accessibility
- Usability 101, by Jakob Nielsen
- Jakob Nielsen: Ten Usability Heuristics
- AskTOG: First Principles of Interaction Design
- Web Pages That Suck
- AccessIT - includes a searchable Knowledge Base of accessible technology questions and answers
- AccessIT Accessible University Mock Site - example pages that demonstrate common web accessibility problems and solutions
- Videos from DO-IT
- WebAIM - articles and tutorials on all aspects of accessible web design
Color
- Color Displays, from Web Style Guide
- Browser-safe colors, from Web Style Guide
- Dithering, from Web Style Guide
- WebAIM on Color Blindness
- Wellstyled Color Scheme Generator
- VisiBone.com
- VisiBone Color Chart
- Visibone Webmaster's Color Lab
Graphics & Copyright
- "Graphics and Accessibility," Yale University Web Style Guide, 2nd edition
- What is copyright?
- Cyberbee Interactive Copyright Questions and Answers
- 10 Big Myths about copyright explained
- Stanford University Copyright and Fair Use Overview
- United States Copyright Office - Copyright Basics
- "Resolution," Web Style Guide, 2nd Edition
- "Graphics and Network Bandwidth," Web Style Guide, 2nd Edition
- Webmonkey:"GIF vs. JPEG"
- Webmonkey: Optimizing Your Images
- caddpower.com:Cropping Photos
Validators
- W3C HTML Validator
- W3C CSS Validator
- Functional Accessibility Evaluator (FAE)
- WAVE Web Accessibility Tool
- AIS Web Accessibility Toolbar
- Cynthia Says
