Important points to consider
- Choose the Right Image Format: Use appropriate image formats such as JPEG for photographs and PNG for images with transparency or graphs and charts with sharp edges and text.
- Optimize Image Size: Compress images to reduce file size without compromising quality. https://imageresizer.com
- Add descriptive alt text and an image caption to the alt tag to provide context and accessibility for users who rely on screen readers or have images disabled. Describe the content and purpose of the graph or chart concisely.
- Test Across Different Browsers and Devices: Ensure that the image displays correctly and is accessible across various browsers, devices, and screen sizes.
Example 1
Example
In the below example, we've utilized the following alt text and caption:
"Graph showing survey results on priorities for urban planning. Key findings include high importance placed on walkability and quality parks."
This alt text provides essential information about the image content, including the subject matter (survey results on urban planning priorities), specific findings (emphasis on walkability and quality parks), and context (confirmation of top priorities). Ensure that the alt text accurately reflects the content and purpose of the image while remaining succinct and accessible to users who rely on screen readers or have images disabled.
Survey finding

Graph showing survey results on priorities for urban planning. Key findings include high importance placed on walkability and quality parks.