Images

Alternative text

• Ensure all images that convey meaning have descriptive alternative text (alt text)
• Decorative images should have empty alt text
• Ensure alt text is concise yet descriptive - include the most important information first
• Avoid starting alt text with "image of" or "picture of"
• For complex images like diagrams or charts, provide both a short description in alt text and a longer description on the page

Annotations:

• Annotate images using <img alt="[descriptive text]">
• For decorative images use empty alt: <img alt="">

Additional resources:

• W3 guide on images
• Alt text best practices

Responsive images

• Ensure images scale and remain usable on different screen sizes
• Consider how images will be displayed on mobile, tablet, and desktop
• Use techniques like srcset and sizes attributes to provide optimized images for different devices