pro pages | courses
Retrofitting Web Sites for Accessibility
-- Sarah Brittain and Patricia Anderson
Steps in Retrofitting Websites for Accessibility
Overview the Site
- Right-side / left-side navbar
- Table layout vs. div-based layout
- Vertical vs. horizontal layout
- Font size - User controlled?
- Text buttons in font or graphics?
- Colors - User controlled?
- Graybit.com; Vischeck.com
- Webdeveloper, by Chris Pederick.
Content Elements to Consider Including
- Accessibility Page
- Skip Tags / Jump to Content
- Contact Information
Elements to Consider Before Including
- Non-text content elements (audio, video, images, animations, etc.)
- Coding elements:
- Tables versus frames
- Scripts, applets
- RSS feeds to page (only with link to source of feed)
More about Multimedia
- For audio or video provide a transcription, text track or captioning.
- TOOL: National Center for Accessible Media (NCAM): Media Access Generator (MAGpie): http://ncam.wgbh.org/webaccess/magpie/
More about RSS Feeds
- How to, period
- How to, accessibly
- Include link to source of feed.
- Guidelines and examples at:
National Center on Disability and Access to Education: Accessibility in the News: http://ncdae.org/rss/
- Read more about this
- Define vision, message, standards to be followed, target audience, etc.
- Prioritize functions desired.
- "Blink" -- look over the site quickly with accessibility and usability in mind.
- Detailed look
Read, try to actually use the site, and consider readability test or evaluation. Note items of concern.
- Test with tools
- Test with people. Close coupled testing (Bruce Tognazzini) [Find what's broken, fix it; find what's broken, fix it; ... repeat.] or "Guerilla Testing".
- Prioritize problems
- Prioritize solutions
- Rebuild what's quick, easy, or inexpensive first.
Test Site With Tools
- What is WCAG?
- Working with Watchfire:
- Validators and More
Test Site With People
Code with CSS
- CSS Resources:
- CSS Blogs
- CSS for Site Layout
- CSS Disabled
- Is your CSS perfect? How do browsers handle invalid CSS? Take the ACID2 test.
Web Standards Project: ACID2 Test: http://www.webstandards.org/action/acid2
- CSS Naked Day: http://naked.dustindiaz.com/
- WHY: "How structured is your page? Do you have the guts to show it all off? I do! So, once again, I'm participating in CSS Naked Day. Why am I doing this? Well, everyone knows that I'm a proponent of Web Standards and Accessibility. I also have some pretty good CSS skills. One thing I've found is that a strong HTML structure supports all these things. So I'm not afraid to take it all off. I'm proud of my 'structure'." Sandy Clark
Tools for Website Accessibility
Highlighted in Class | Code Testing and Validation | Color and Vision Checking | Conversion | Other Tools
Highlighted in Class:
Code Testing and Validation Tools
Color and Vision Checking Tools:
Want to find more resources? Look here:
Web Accessibility for Health websites: http://www-personal.umich.edu/~pfa/pro/accessibility.html
Don't forget the course evaluation! Enriching Scholarship
pro pages |
resume & bibliography
"Mr. Easy, you know the state of the ship; we have everything to do -- new masts, new rigging, everything almost to refit -- and yet you ask to go on shore! Now, sir, you may take this answer for yourself and all the other midshipmen in the ship, that not one soul of you puts his foot on shore until we are all a-taunto." Captain Frederick Marryat. "Chapter XXVI: In which our hero becomes excessively unwell, and agrees to go through a course of medicine." Mr. Midshipman Easy. (1836). http://www.athelstane.co.uk/marryat/mdshipmn/measy26.htm
(c)1995-2006, P. F. Anderson, firstname.lastname@example.org, all text, images, code, etcetera. Please request permission. Last Update: Wednesday, 09-May-2007 19:56:52 EDT
URL of current page: http://www-personal.umich.edu/~pfa/pro/retrofit.html