ctl Text-based view

CTL Main Workshops Software & Hardware Centers Tutorials

SMCCD Portal

Accessibility
Quick Tips
Issues & Examples
Section 508
Repair Tools
Assistive Tech Center
Resource Links
Technical Pages
Application Resources


 

 

  search this page idea
page tips

 

 


 

Making your pages accessible allows everyone to enjoy your web pages. Clear, logical design, navigation, and labeling are extremely important to providing access to all viewers of your pages. The following examples are some, but not all of the recommended Web page accessibility guidelines. At the end of the page you will find a list of resources.

handicapped symbol

Quick Tips

  1. Images and animations. Use the ALT attribute to describe the function of all visuals.
  2. Image maps. Use client-side MAP for text for hotspots
  3. Multimedia. Provide captioning and transcripts of audio, descriptions of video, and accessible versions in case inaccessible formats are used.
  4. Hypertext links. Use text that makes sense when read out of context. For instance, do not use "click here".
  5. Page organization. Use headings, lists, and consistent structure. use CSS (style sheets) for layout and style where possible.
  6. Graphs & charts. Summarize or use the LONGDESC attribute.
  7. Scripts, applets, and plug-ins. provide alternative content in case active features are inaccessible or unsupported.
  8. Frames. Label with the TITLE or NAME attribute.
  9. Tables. Make line by line reading sensible. Summarize. Avoid using tables for column layout.
  10. Check your work. Validate the HTML. Use evaluation tools and text-only browsers to verify accessibility.
    Quick Tips from WebAim.org   | doc 

Issues and Examples

Accessiblity Issues and Examples

Section 508 Standards

Information about these new requirements and fix examples.

 Repair Tools

AccVerify/AccRepair  - installed on specfic computers in your nearby CTL.

Create a "Text Only Page" by adding a script to your page.   Take me to the Text Transcoder Page!

SMCCD Assistive Technology Center

Carolyn Fiori, "Assistive Technology Center." 2003. College of San Mateo. 2003. http://www.smccd.net/accounts/fiori/ATCenter/index.htm

  

Resources

Assistive Technology Center SMCCCD http://www.smccd.net/accounts/fiori/ATCenter/at/at_web_acc_tools.htm

Access Guide (resource list) - http://www.smccd.net/accounts/ctl/support/accessguide.html

Quick Tips from WebAim: http://www.webaim.org/

Accommodation Guidelines, DARE,Long Beach City College,   http://dare.lbcc.edu/accommodation.html

Bobby Accessibility Checker http://www.cast.org/bobby/

Web Accessibility for Section 508 http://www.jimthatcher.com/webcourse1.htm

Access Booklet pdf  http://www.adobe.com:80/products/acrobat/pdfs/accessbooklet.pdf

Multiple Resource Links - CTL Page  http://www.smccd.net/accounts/ctl/support/accessguide.html

  

 

 

Technical Pages

Chancellor's Office California Community Colleges. "Distance Education Access Guidelines for Students with Disabilities" - official document from the State Chancellor's Office. Aug 1999. 30 Apr 2003. http://www.htctu.fhda.edu/publications/guidelines/distance_ed/disted.htm

W3C. "Web Content Accessibility Guidelines 1.0." 5 May 1999. 30 Apr 2003. http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/full-checklist.html

Watchfire Corporation. "Bobby" -a Web-based tool that analyzes web pages for their accessibility. http://www.cast.org/bobby/

HTML Writers Guild. "Web Design Training and Certification."1994-2000. 30 Apr 2003. http://www.hwg.org/

High Tech Center Training Unit. "Designing Accessible Web Pages ." 3 Mar 03. 14 Nov 03. Foothill-DeAnza College http://www.htctu.fhda.edu/trainings/manuals/web/Designing_Accessible_Web_Pages.pdf

High Tech Center Training Unit. "Web Accessibility " (contains 508 materials)
http://www.htctu.fhda.edu/divisions/webaccess/main.htm

High Tech Center Training Unit. "Training: Manuals and Tutorials".
http://www.htctu.fhda.edu/trainings/manuals/tutmain.htm

 

Application Specific Information

Adobe. "access.adobe.com". 2003.
http://access.adobe.com/

http://www.adobe.com/macromedia/accessibility/gettingstarted/validate.html#using-automated-checking-tools

Adobe Dreamweaver CS3 accessibility, 30 May 2007
http://www.adobe.com/accessibility/products/dreamweaver/

Microsoft. "Accessibility" 2006. 04 Oct 2006. http://www.microsoft.com/enable/

Snow. "Courseware Accessibility." 30 Apr 03.
http://snow.utoronto.ca/access/courseware/

 

 

 

 
For further information please contact:
Cañada:
Jim Petromilli, CTL Director

650-574-6208

CSM :
Peter Bruni, CTL Coordinator

650.574.6598
Skyline:
Anyta Archer, CTL Coordinator

650.738.4207

 

Centers for Teaching and Learning  San Mateo County Community College District

          spacer spacer spacer spacer spacer