To view graphic version of this page, refresh this page (F5)

Skip to page body

Developer Resources

Text:Text Only
Text Size: Increase Font Size Decrease Font Size

Making your Content Accessible

Explanations of common accessibility issues and techniques on how to design for accessibility.

Law & Standards:

  • Section 508 Guidelines - The Federal government's online resource for Web-based intranet and internet information and applications. Go to Web site
  • Enhanced Section 508 Guidelines - The City & County of San Francisco's custom guidelines based on the Federal Section 508 Standard. View Enhanced City Guidelines.
  • Web Accessibility Initiative (WAI) - The Accessibility home page of the W3C. Go to Web Accessibility Initiative Web site
  • COIT Policy - Policy established to outline the standards for the management of City and County San Francisco websites. Go to COIT Web Policy Page
  • The Web Standards Project - A coalition promoting standards that ensure simple, affordable access to web technologies for all. Go to Web Standards Web site


Accessible Design:

Accessibility Tools:

  • Colour Contrast Analyser - This tool is used for checking foreground and background colour combinations to determine if they provide good colour visibility. Determining "colour visibility" is based on algorithms suggested by the World Wide Web Consortium (W3C). Color Contrast Analyser Web site.
  • Vischeck - Vischeck is a way of showing you what things look like to someone who is color blind. Vischeck Web site.
  • Media Access Generator (MAGpie) - an authoring tool for making their materials accessible to persons with disabilities. Developed by National Center for Accessible Media (NCAM). Learn more about MAGpie
  • FireVox - Fire Vox is an open source, freely available talking browser extension for the Firefox web browser. Think of it as a screen reader that is designed especially for Firefox. FireVox Web site

Accessibility Videos:

Last updated: 11/10/2014 11:38:42 AM