Contact and Return Home buttons
Purdue Marketing Communications.
space-for layout only About the Office. Starting Your Project. Communications Standards and Licensing. Downloads. The Web
About the Office
Contact Us Return to PMC Home page return home.
graphic
News Modules

Maintaining Web Sites

Request a Link to Purdue Top-Tier Pages

Access to FTP Web Site

Marketing for the Web

Web Writing Tips

Web Programming/Design Tips

ADA Compliance Tips

Technical Capabilities

Web Templates and Graphics

Web Graphics Guidelines

Web Gallery

PowerPoint Templates

Web Templates

ADA Compliance

The Americans with Disabilities Rehabilitation Act Amendments of 1998, which includes Section 508, "Electronic and Information Technology," requires electronic and information technology, regardless of its delivery medium, to be made accessible to persons with disabilities.

The following link will explain to you, step by step, the Universally Accessible Guidelines, the laws governing ADA compliance, methods to access technology, and how Purdue University and its programs, schools, departments, and units is affected by Web site compliance issues. Also included are guidelines detailing what you can do to make sure your Web sites meet the ADA compliance requirements.

Purdue Universal Access Initiative

PMC ADA Checklist (This checklist uses level 1 requirements as well as some level 2 and 3. Only level 1 is required. For more information, please visit the World Wide Web Consortium Web site's checklist)
check box

Add Alt Tags where needed, This includes: images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand-alone audio files, audio tracks of video, and video

<img name="purdue_logo" src="purdue.gif" width="182" height="48" border="0" alt="Purdue University Logo">

check box Ensure that all information conveyed with color is also available without color, for example from context or markup.
check box Clearly identify changes in the natural language of a document's text and any text equivalents (e.g., captions).
check box Organize documents so they may be read without style sheets. For example, when an HTML document is rendered without associated style sheets, it must still be possible to read the document.
check box Don't use the "blink" tag
check box Don't use frames
check box Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.
check box Until user agents can automatically read aloud the text equivalent of a visual track, provide an auditory description of the important information of the visual track of a multimedia presentation.
check box For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation.
check box

Put in Table Summaries

<table width="100%" border="0" cellspacing="0" cellpadding="0" summary="Purdue Banner">

check box

Insert Document Type at beginning of code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

check box

Insert Language tag at beginning of code

<html lang=EN-US>

check box

Set up all CSS to be relative rather than fixed

.bodycopy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}

check box

Reset formats using style sheets on headlines

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #b1946c;
line-height: 100%;
margin: 0%;
padding: 0%;
}

check box

Set up tab indexing for link order

<form name="form1" method="post" action="">
<label for="searchbox">search</label>
<input type="text" name="searchbox" tabindex="1" id="searchbox">
</form>

check box

Make sure you provide alternate navigation for any drop-down menus

Adding in a left-hand navigation in HTML solves this.

check box

Add in form controls

<form name="form1" method="post" action="">
<label for="searchbox">search</label>
<input type="text" name="searchbox" tabindex="1" id="searchbox">
</form>

For more information, please visit the World Wide Web Consortium Web site's checklist

 

space-for layout only    

purdue homepage purdue search purdue maps purdue directories Copyright ©, Purdue University, all rights reserved. An equal access/equal opportunity university.
Purdue Disclaimer Purdue Nondiscrimination Policy