Ed Rivas
@je92rivas | ed@unplug.studio
-
Initiate actions
-
Used in interactive elements
-
Icons, badges
-
Graphically represent concepts and information
-
Pictures, photos, illustrations
- Only add visual decoration
- Do NOT convey information
- Background images, borders, artsy things
-
Focus on describing FUNCTION or CONTENT
-
All images must have an alt attribute (even if empty)
-
Context is key when describing images
-
It's a functional image
-
Describe the action or result
-
It's an informative image
-
Describe the meaning and purpose
-
Avoid literal descriptions
-
No need to start with "Picture..." or "Photo..."
-
Surrounding context might be enough
-
It's is a decorative image
-
Don't provide alt text:
<img alt="">
-
Screen readers will skip completely
-
Images of text (please don't)
-
Complex images (charts, graphs)
-
Groups of images (star ratings, other widgets)
-
Image maps
Ed Rivas
@je92rivas | ed@unplug.studio