Web Accessibility, Part 3: Visual Design and Colors

Technical level: Intermediate (knowledge of HTML required)

Duration: 1 hour (estimate)

IAAP CAECs: 1 (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 the full set of curriculum options for details.

Enroll in "Visual Design and Colors"

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
    • 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
  • 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