Web Accessibility, Part 2: Images, SVG, and Canvas
Web Accessibility, Part 2: Images, SVG, and Canvas
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