Accessible Images When It Matters Most
Carie Fisher, MS, CPWA
VISUAL LEARNERS - 65%
Outline
IMAGE TYPES + ALTS
VISUAL IMPAIRMENTS - 285M
Image alt workflow
What is the message?
Decorative image example
Decorative image code example
Decorative image take-aways
Image categorization is part art + part skill
Informative image example
Informative image code example
Informative image take-aways <img>
Informative image take-aways <svg>
What is meaningful alt text?
There is a world beyond image alts
PSA examples
COLOR + CONSTRAST
COLOR BLINDNESS - 300M
PSA Color review
PSA Color review
PSA Color review
PSA Contrast review
PSA Contrast review
Color/contrast ratio breakdowns
Color/contrast ratio breakdowns
Color/contrast ratio breakdowns
Color/contrast ratio breakdowns
Color/contrast ratio breakdowns
Color/contrast ratio breakdowns
Accessible Color and Contrast take-aways
TYPOGRAPHY + LAYOUT
DYSLEXIA - +15%
PSA Typography and Layout Review
PSA Typography and Layout Review
PSA Typography and Layout Review
Accessible Typography and Layout take-aways
COPY + ICONS
ATTENTION DISORDERS - 129M
PSA Copy Review
PSA Copy Review
PSA Copy Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
PSA Icon Review
Next Steps for Accessible Copy and Icons
End Quote
CONTACT
Questions?