Web Accessibility Resources - Web Center
Quick Checklist for Usability and Web Accessibility
New and redesigned websites at Ohlone College must meet Priority 1 and 2 Checkpoints of the Full Checklist of Web Content Accessibility Guidelines Checkpoints. The following is just a quick list of items to check for when creating/modifying web pages - be sure you also review the full checklist.
- All web pages must have a TITLE tag briefly describing the content of that page.
- Include a descriptive "alt" attribute on the IMAGE tag for non-decorative graphics/photographs.
- Include an empty "alt" attibute on the IMAGE tag for decorative graphics/photographs, such as bullets, lines, and dividers.
- Label each image section in an image map with an "alt" attribute.
- Don't rely on color alone; design so that all information with color is also available without color.
- Avoid using images for links - use text links instead.
- Text links should make sense when read out of context - for example, do not use "click here."
- Label links to non-HTML, non-text files, such as PDF files, Word documents.
- Don't use frames.
- If tables are used for layout, include a "summary" attribute indicating "Layout table." on the TABLE tag.
- Data tables should use column and row headers.
- Use (X)HTML to define page structure, such as headings, paragraphs, lists.
- Use cascading style sheets for design elements, such as color and font styles.
- Use relative font sizes, such as % or em not px (pixels).
- Avoid the FONT tag - use cascading style sheets instead - but if you must, use + and - to define relative font sizes.
- Avoid features that require a mouse to use.
- Provide equivalent alternatives to auditory and visual content (for example, provide a text transcript for a video).
- Ensure user control of time-sensitive content changes. Don't start audio or video when the page loads - allow the user to start and stop it.
- Create constant user interfaces that are easy to use and understand.
- Provide clear navigation mechanisms.
- Provide context and orientation information.
- Ensure that documents are clear and simple.
- Don't use navigation methods that require a browser plug-in (such as Flash).
- Use proper punctuation to ensure screen reader programs pause at commas, at the end of sentences, etc.
- Use the ACRONYM tag with a "title" attribute to define an acronym the first time it is used on a page.
- Ensure that pages featuring new technologies transform gracefully in older browsers as well as different computer systems. Provide alternative methods to view this content.
- Ensure direct accessibility of embedded user interfaces, such as using the accessibility features of Flash for any Flash component.
- Design for device-independence to allow your website to be viewed across a variety of devices, including cell phones, personal data assistants (PDAs), laptop and desktop computers.
- Use W3C technologies and guidelines.
- Use interim solutions.
- Clarify natural language usage.
