Photography
Well-chosen photos can add warmth, clarity, and context. They can make services feel more human and approachable.
General guidelines
- Photos used in public-facing digital experiences should reflect the diversity and energy of Massachusetts. They should also support clarity and accessibility.
- Use photos that feel real and inclusive. Show real people, places, and services instead of staged stock images.
- Only use full-color photos (no black-and-white or sepia tones)
- Choose images with strong contrast and sufficient resolution to maintain quality across responsive layouts
- Avoid decorative images that do not add meaning to content. Select visuals that support the purpose of the page. Doing this help residents understand services and find government resources with confidence.
Image rights
- If you did not take the photo, make sure you have permission or a license to use it. Giving credit (attribution) alone may not protect you from copyright issues.
- If the image shows a recognizable person or private property, get written permission to use their likeness or property.
- If your organization did not create or own the image, include a credit that names the photographer, source, or agency that provided it
Accessibility requirements
- Provide meaningful alternative text that describes the image’s purpose or content. Keep it concise and relevant.
- Use empty alt attributes (alt="") for purely decorative images so they’re skipped by screen readers
- Ensure images have sufficient color contrast if they convey important information
- Avoid embedding text in images. If text is essential, include the same content in alt text or accompanying text.
- Make sure informational photos are described in nearby body text or with long descriptions if needed.
Implementation best practices
- Optimize images to load quickly without noticeable quality loss. Aim for the smallest file size that still looks good.
- Use modern file formats when possible (e.g., WebP, AVIF) for smaller, more efficient files
- Compress images using tools or automated build processes to reduce file size
- Serve responsive image sizes (srcset, sizes) so users don’t download more data than necessary on smaller screens
- Consider lazy loading non-critical or below-the-fold images to improve performance
Image library resources for Mass.gov
The Mass Digital team maintains an image library that is available for use by state employees who are authoring content on Mass.gov.
For more information about how to access and request licensed images for Mass.gov, please review the information provided on the internal SharePoint site (state login credential is required).