508 In Depth
This section takes a closer, more in-depth, look at the 508 compliance and CSU best practices.
Contemporary, maintainable, accessible web design is based on complete separation of content (HTML/XHTML) from presentation (CSS). Page titles must be unique.
Page elements that function as links (including text, images, and buttons) should be recognizable and usable by sighted viewers and assistive technology. Use section headings and sub-headings in their proper order. Opening a new browser window can be confusing. Best practice is to not open new windows.
Screen readers can only convey information in a text format. This means that you must provide text alternatives for all non-text elements. This tutorial will focus mainly on images, since they are the most common type of non-text elements.
Captioning allows your deaf users to understand multimedia content with audio. This guideline requires your text alternatives from Alternate Text to synchronize with the content.
If you use color to present information, give your users another way to differentiate between your content. Vision impaired users will not be able to comprehend information with color.
If you use a CSS style sheet, your web site should be readable without the associated CSS file. The web site does not have to be visually appealing with style sheet turned off, but all the information must linearize correctly. Linearization is how your content is ordered with your style sheet turned off.
Image maps are images with clickable hot spots that act as links. Different links reside in different locations of the image. With server-side image maps, the server determines where in the image the user clicked on, and sends the user to the appropriate web page.
Image maps are images with clickable hot spots that act as links. Different links reside in different locations of the image. The browser sends users to different places depending on where users click. In order for a screen reader to tell users where each hot spot takes them, you should include alternate text for each hot spot.
Do not create row and column headers for layout tables. Section 508 standards recommend that you use CSS's absolute positioning to lay out web pages. However, making layout tables accessible is not hard.
In general, try to make data tables as simple as possible. This means keeping your table headers to one level. If you end up needing more than one level of headers, use the headers and the id attributes. By using these attributes, the screen reader now knows which headers correspond to which data cell.
Cal Poly recommends that you avoid using frames. Frames sometimes give screen readers trouble, so refrain from using them when possible. If you must use frames, name the frames to inform users of the purpose they serve.
Some animated GIFs, scripts, or flash animations make the screen flicker or change color rapidly. You must keep the flickering out of the 2Hz - 55Hz (Hz is a cycle per second) range. Use your best judgment as to how much flickering your web site has.
You should only create a text only web site if you have attempted to make your normal web site compliant. Most content can be made accessible, and you should rarely consider making an alternative, text only web site.
If you use content that needs a plug-in to be viewed, you must provide a link to the required plug-in.
Different form elements need different kinds of markup to be accessible.
If your navigation links come before your main content of your web site, you will need to provide a way to skip these links.
Web sites sometimes use this technique to reduce demands on servers or to keep web sites secure. A disabled person may need more time than normal to comprehend a web site fully. For example, banking institutions often log you off, due to inactivity, for security reasons.
A glossary with the most common terms in these guides.