Web Accessibility, Part 3: Visual Design and Colors

Already enrolled? Login now.

Technical level: Intermediate (knowledge of HTML required)

Duration: 75 minutes (estimate)

IAAP CAECs: 1.25 (This class counts toward renewal of IAAP certification)

Course Synopsis:

Techniques for accessible visual design, including use of color, color contrast, visual layout, visual focus indicator, etc.

Pricing for Online Class

Each class is $45 for a full year of access, or lower for group enrollment, or when purchasing multi-course curriculum packages. See the full set of curriculum options for details.

Enroll in "Visual Design and Colors"

For groups of 10 or more, contact us.

You may also subscribe via a Purchase order.

Course Topics: Web Accessibility, Part 3: Visual Design and Colors

  • Color
    • Color that Conveys Meaning
    • Color to Distinguish Links from Text
    • Color to Distinguish UI Components
    • Allowing Customizability
  • Contrast
    • Text Against the Background
    • Non-Text Contrast
    • Focus Indicator
    • Boundaries Between UI Components
    • Testing for Sufficient Color Contrast
    • Windows High Contrast Mode
  • Visual Layout
    • Visual "White Space"
    • Visual Proximity of Labels
    • Layout Design to Enhance Visual Discoverability
  • Target Size
  • Reading Order, Focus Order
    • Reading Order
    • Focus or Tab Order
  • Typography
    • Legibility of Fonts
    • Spacing of the Lines and Paragraphs
    • Column Width
    • Line Justification
    • Visual Customizability
  • CSS-Generated Content and Hidden Content
    • CSS-Generated Content
    • Visually Hidden Content