Search

Alt text supports screen reader users and helps images carry meaning when used thoughtfully. This guide shows when to write it, how to write it well, and when to leave it out.

CTA links are only effective if users know what they do. This guide helps you write link text that is clear, specific, and meaningful for all users.

Good page structure supports users with assistive technology, people navigating by headings, and anyone scanning for what matters. This guide helps you choose layout components that make pages easier to read and navigate.

Help ensure your site is usable by everyone, including people using screen readers, screen magnifiers, or other assistive tools. These guides offer practical ways to improve clarity, structure, and inclusive design through content and layout choices.

This webinar walks through how Harvard Web Publishing and Harvard's Digital Accessibility Services team developed the HarvardSites Design System. 

Calls to action help users interact with your department, whether making a donation, applying, or registering, so they can accomplish key tasks efficiently.

Help users explore relevant content by using Columns to group events by topic, format, or audience.

Provide context with captions and handle image credits consistently until a dedicated field is available.

Display groups of images consistently, with proper stacking and captions, instead of inserting inline media.

Avoid cut-off faces, black bars, or distorted covers by preparing images to match card aspect ratios.