Accessible SVG MASTERCLASS
Carie FISHER
Presentation AGENDA
FORMAT SHOWDOWN
Format Showdown TYPES
Format Showdown RESIZE RESOLUTION
Format Showdown COMPRESSION
Format Showdown PALETTE COLORS
Format Showdown TRANSPARENCY
Format Showdown ANIMATION
Format Showdown INLINE EDITING
Format Showdown ACCESSIBILITY
Showdown COMPARISON
PATTERNS
SVG PATTERNS
SVG Pattern COMPARISON
<img> Basic Alternative DESCRIPTIONS
<img> Basic Alt Patterns - DESKTOP
<img> Basic Alt Patterns - MOBILE
<img> Basic Alt PATTERNS
<svg> Basic Alternative PATTERNS
<svg> Basic Alt Patterns - DESKTOP
<svg> Basic Alt Patterns - MOBILE
<svg> Basic Alt PATTERNS
<svg> Extended Alternative PATTERNS
<svg> Extended Alt Patterns - DESKTOP
<svg> Extended Alt Patterns - MOBILE
<svg> Extended Alt PATTERNS
COLOR & CONTRAST
SVG Color & CONTRAST
SVG Color & CONTRAST
Dark Mode Code EXAMPLE
Demos!
ANIMATION
SVG ANIMATION
Reduced Motion CSS OPTIONS
Reduced Motion Code EXAMPLE
Demos!
Quote
THANKS!