Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Captivating multimedia draws users to your page and provides visuals to simplify or directly support text. However, it is meant to be supplementary to, not a replacement for, the actionable content.

  • Images should only be added to web pages if they support and add value to the content. If the image doesn’t add value, it causes confusion, frustration, adds page load time and overall file size. It also buries key content.

  • An image should be of adequate resolution, appropriate size and aspect ratio. Note that smaller images become grainy if manually stretched to a larger size.

  • Higher contrast images are more easily viewed for those with low vision or accessibility needs.

  • Avoid overlaying or embedding text on images for accessibility reasons. If unavoidable (such as marketing campaign images), ensure that there is high contrast between the text and the underlying image. Also use alternative text that adequately describes the image.

...

Alt text is used to describe images to visitors who are unable to see them such as blind, low-vision, and users with cognitive disabilities who are otherwise unable to visually identify an image. It provides a semantic meaning and description to images. Always add meaningful

...

alt

...

text to charts, maps, graphs

...

and images.

Copyright rules apply to all web content, including photographs, videos, audio recordings, graphics and text. Only post content that the City owns or has permission to use.

Image Sources for the City

...