Implementing a Website in Cascading Style Sheets (CSS)

Tuesday May 15, GTC West, Class P21

CA WebTools

The permanent online home of standards, templates, documentation and more is online at http://www.webtools.ca.gov

Open to All

The California standards are well-considered.

The templates are great and very adjustable.

Available for you to learn from, borrow from and use.

Right Column

Accessibility Standards (Partial)

  • No tiny links (images or text)
  • Frames are bad
  • Formats matter – make your download accessible or let people know how to ask for other formats. PDF is specifically covered at length
  • Provide contact information
  • Test!
  • Plus – Web Content Accessibility Guidelines 1.0 (WCAG 1.0), Priority 1 and 2.
    Some highlights (relevant to CSS and CA Templates):
    • Standardize and Validate your HTML and CSS Code
      • Use CSS “wherever possible"
      • Avoid tables for layout
    • Use standard tags
      • <h1> versus <p class=”importantText”>
      • Don't use deprecated code (e.g. <font>
    • Use Metadata
    • Use text, not pictures of text
    • Avoid absolute font sizes
      • em's for fonts
      • pixels for other measurements
    • Use contrasting colors (background / foreground
    • Provide “Skip Navigation” links
    • Keep Navigation consistent throughout site

Tips at: http://www.webtools.ca.gov/Accessibility/Tips.asp