Visual storytelling in action

The photo gallery feature provides departments with a dynamic way to showcase spaces, experiences, and campus life through high-quality imagery.

Why use a photo gallery?

  • Showcase facilities and amenities with real, up-to-date photography
  • Support recruitment and enrollment efforts through visual storytelling
  • Enhance transparency by giving users a realistic view of spaces
  • Increase engagement with interactive browsing
  • Images can often communicate atmosphere, scale, and experience more effectively than text alone

Accessibility by design

This gallery component is built with accessibility in mind to ensure all users can navigate and understand the content.

  • Descriptive alt text supports screen reader users
  • Clear, concise captions provide context and additional detail
  • Keyboard navigation support allows for accessible browsing
  • Logical image order ensures a coherent experience

Accessibility note: When adding images, always include meaningful alt text and concise captions that describe what is happening, not just what is visible.

Best practices for photo galleries

  • Select images that directly support the page’s purpose. Quality is more important than quantity.
  • Limit galleries to a manageable number of images to avoid overwhelming users.
  • Prioritize real campus environments and people over stock imagery whenever possible.
  • Captions should add clarity; identify locations, features, or activities shown.
  • Upload properly sized and compressed images to maintain fast load times. Review recommended image dimensions. 
  • Write descriptive alt text that conveys essential information.