Web Accessibility, Part 2: Images, SVG, and Canvas

Web Accessibility, Part 2: Images, SVG, and Canvas

Already enrolled? Login now.

Technical level: Intermediate (knowledge of HTML required)

Duration: 90 minutes (estimate)

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

Course Synopsis:

Alternative text and other techniques for non-text content, including images, HTML5 canvas, and SVG.

Course Topics: Web Accessibility, Part 2: Images, SVG, and Canvas

  • Video Tutorial Library
  • Image Alt Text
    • Informative Images
    • Decorative or Redundant Images
    • Actionable Images (Links, Buttons, Controls)
    • Form Inputs type="image"
    • Animated Images
    • Complex Images
    • Images of Text
    • CSS Background Images
    • Image Maps
    • Video Tutorial: Image Alt Text
  • Advanced Alt Text & Extended Descriptions
    • An Illustrative Painting
    • Ecology Diagram
    • Map directions
    • Video Tutorial: Advanced Alt Text
  • SVG
    • Raster versus Vector Graphics
    • SVG as img src
    • Inline SVGs
    • Embedded SVGs
    • Complex Alternative Text
    • Text in SVGs
    • SVG Color Contrast
    • Animated SVG Content
    • Interactive SVGs
    • Video Tutorial: SVG
  • Icon Fonts
    • Informative Icon Fonts
    • Decorative or Redundant Icon Fonts
    • SVG as an Alternative to Icon Fonts
    • Video Tutorial: Icon Fonts
  • HTML5 Canvas
    • Simple Text Alternatives
    • Complex Text Alternatives
    • Low Vision Accessibility
    • Keyboard Accessibility
    • Video Tutorial: HTML5 Canvas
  • Multimedia, Objects, and Documents
    • Video and Audio
    • Other Objects
    • Documents (Word, PDF, EPUB)
    • Video Tutorial: Multimedia, Objects, and Documents