Accessible Web Design
Welcome
Over the years Maine CITE has offered a number of workshops on Accessible Web Design (AWD) and we built this site as a support to those events. But the materials have become rather popular so we've kept them here and invite you to feel free to poke around and use what you find. Please also check out the jebswebs blog for more current information about this topic.
There's lots of stuff here and we are always looking to add new things. Please feel free to contact John Brandt with ideas and suggestions.
Interesting Stuff
Below are some articles and resources discovered over the past few years related to AWD that are some of the better resources.
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 site." Read Getting Started with Practical Web Accessibility...
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 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. Read 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 the 24 ways to impress your friends 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. They update the site annually and this past year re-did the site as an Advent Calendar! Visit 24 ways to impress your friends
Workshop Resource: Highlights/References
- Myths About Accessible Web Design (an oldie but goodie)
- AIS Web Accessibility Toolbar (still a nice resource, but I beleive it still only works with Internet Explorer)
- 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
- Apple Accessibility
- Microsoft Accessibility
- HP Accessibility
- US Dept of Justice - ADA - Web Access Suggestions
General Web Design Resources
See also the Links to Accessible Web and Universal Design found here on the Maine CITE web.
- Links to CSS Resources (UMN)
- Links to Dreamweaver Resources (UMN)
- Link to Accessibility Resources (UMN)
- Links on Usability and Liquid Design (UMN)
- WAI Resources for Evaluating Web Accessibility
- Resources on Using Color and Contrast issues (UMN)
- View your website on Safari
- View your website on an iPhone (iPhoney - runs on Mac OS only)
- Useability.gov
- Guild of Accessible Web Designers (GAWDS)
- All Things Web
- TDK Design - Accessibility
- Digital Web
- TRACE
- University of Washington - DO-IT
- Accessify
- Dive Into Accessibility
- Usablenet
- ASP.net Resources w/ standards in mind
- Accessible Web Site Designs For People With Disabilities
- Accessible Webpage Design: Resources (The motherload of resources and links)
- Joe Dolson's AWD Blog
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
