Create Accessible Web Sites

Creating Web Pages
Study Plans Home


Why Web Sites must be Accessible

Accessibility, section 508, ADA, Americans with Disabilities Act: http://www.websitetips.com/accessibility/

Accessible Web Design: http://www.washington.edu/doit/Resources/web-design.html
The Open Directory Project provides a list of links in their web directory on website accessability resources on the internet.

ADA (Americans with Disabilities Act) Technical Assistance Program: http://www.adata.org/
This is a federally funded program that provides information, training, and technical assistance ot businesses and people with disabilities and ADA compliance.

Chart on Disability: http://www.infouse.com/disabilitydata/disability/
This site tells how many people had disabilities in the United States in 1996, the types of disabilities they had, and these disabilities affect their ability to work.

Persons with Disabilities: http://www.un.org/esa/socdev/enable/diswpa01.htm
World Programme of Action concerning Disabled Persons

Some things to keep in mind about potential website users

Web Content Accessibility Guidelines

Places that help people write accessible websites

Add Math to Web pages with EzMath: http://www.w3.org/People/Raggett/EzMath/
" The Web lacks an effective means for embedding mathematical expressions in Web pages." This site remedies the problem and tells how to make math notation accessible.

Amaya: http://www.w3.org/Amaya/ is the World Wide Web Consortium's own Web frowser that also doubles as an authoring tool within the same window. Amaya servews an important function in the Web deveiloment arena because the W3C pases many of its new Web-based protocols through Amaya. Amaya supposts new W3C protocol develoment and therefore is a good GUI browser to have around. it contains a Zoom feature in the View menu (Alt + or Alt - on the keyboards) that enables users to increase the size of text and graphics as they appear on a Web page. Amaya includes a WYSIWYG (What You See Is What You Get) editing interface. Assuming you have write access to a particular Web page, you can first browse a Web page and then edit it within the same window simply y single-clicking within the editing window. however, the authoring interface is not accessible to windows screen readers.

Dive Into Accessibility-30 days to a more accessible web site: http://diveintoaccessibility.org/
This book answers two questions. The first question is "Why should I make my web site more accessible?" The second question is "How can I make my web site more accessible?"

Effective Color Contrast: Designing for People with Partial Sight and Color Deficiencies: http://www.lighthouse.org/color_contrast.htm
Useful guide to designing for people with partial sight and color deficiencies.

Guidelines for Designing a Good Web Site for ESL Students: http://iteslj.org/Articles/Kelly-Guidelines.html

A few of the guidelines for creating accessible webpages:

Low-tech features that can make it easier for a student to read text from the computer are the background and font color. Changing the background color and the text color is easy and something you might want to experiment with to see if it helps the students. 
This black and yellow combination can be helpful for students with visual problems.

Students with syndromes such as Aspergers find the pink background and yellow font color beneficial. It can also be helpful with students with ADHD. Along the same principal, pink highlighters can be very helpful.
 
Yellow tends not to be helpful for most students with attention difficulties. 

There is also colored tape that can be purchased to lay over text and moved around to highlight main ideas or answer to questions presented. This type of tape can be reused and does not hurt the text. There are also erasable highlighters.

National Center for Accessible Media: http://ncam.wgbh.org/invent_build/web_multimedia/tools-guidelines

Rehabilitation Engineering and Assistive Technology Society of North America: http://www.resna.org/
RESNA is an interdisciplinary association of people with a common interest in technology and disability. Their purpose is to improve the potential of people with disabilities to achieve their goals through the use of technology.

W3C Web Accessibility Initiative: http://www.w3.org/WAI/
" WAI, in coordination with organizations around the world, pursues accessibility of the Web through five primary areas of work: technology, guidelines, tools, education and outreach, and research and development." Tells how to make a website accessibile.

What is Color Blindness: http://www.glassescrafter.com/information/What-is-Color-Blindness.html

Test to see if a website is accessible

Whether you're building a personal Web site or developing a corporate intranet, you'll never get anyone to visit your site if the quality of the site is poor. Almost without exception, users click the browser Stop button if they have to wait more than a minute or so for a site to load. Users take similiar action when your Web site links are broken. Your site's validity comes into question.
The lack of accessibility plays into the Web site integraty factor too. If your site is not accessible, you are sure to lose millions of visitors - not just those who have disabilities, but also those who work with and otherwise support the accssibility community.

Performing a Web site accessibility review is one stage of the Web site validation process.
Essentially you can perform one of the following two types of Web site accessibility review:

Whether you perform a quick review or a through, top-to-bottom review of your site, it is important to verigy that your site is accessible to people with disabilities.

Clean up your web pages with HTML TIDY: http://www.w3.org/People/Raggett/tidy/
Not only will this site clean up your HTML to insure that you are producing valid markup code, but it will offer you advice on how to make corrections to your code for accessibility. HTML Tidy uses the HTML 4.0 specification guidelines as its standard.

NIST Web Metrics: http://zing.ncsl.nist.gov/WebTools/
"The objective of the NIST Web Metrics Testbed is to explore the feasibility of a range of tools and techniques that support rapid, remote, and automated testing and evaluation of website usability."

W3C HTML Validation Service: http://validator.w3.org/
The W3C provides an HTML 4.0 validation service that verifies proper HTML accessibility coding.

Checklist of Checkpoints for Web Content Accessibility:
http://www.w3.org/TR/WAI-WEBCONTENT/full-checklist

ALTifier Web Accessibility Enhancement Tool: http://www.vorburger.ch/projects/alt/
ALTifier automatically examines your Web page for images and assists you in the creatin of alternative text for the image. It is a tool that ou can use to automate the task of including alternative (ALT attribute) text to images, image maps, objects, and frames on your Web site. ALTifier is comprised of a toolkit with various modules, including an autonomous enhancing filter and graphical user interface GUI) tool. Essentially, ALTifier scans your Web site for HTML coding constructs like IMG or OBJECT, and checks for the presence of assosciated text descriptions. After scanning your Web page, ALTifier than implements appropriate ALT text description using a protoclol that guesses what the text should be based on document context.

 

This site began in March 1998 and was created by Janet Luch.  This page was last updated on October 16, 2011 .
Email questions and comments to: studyplans@yahoo.com