Accessibility
Page
Accessibility standards and guidelines related to providing sufficient color contrast, identifying and labeling links and controls, restricting motion from animation and video, and more.
Search
Sort & Filters
Filters
59 results for "Accessibility"
59 results for "Accessibility"
Use Content Patterns that Support Accessibility
Page
How you write and structure content affects accessibility. This guide outlines patterns that make your content easier to read, navigate, and maintain.
Dealing ACES Webinar: An Accessible, Communal, Empowering, and Scalable Design System
Event
Join Harvard Web Publishing and Digital Accessibility Services to learn how we built the HarvardSites Design System shaped by user research, informed by direct stakeholder feedback, and grounded in a commitment to accessibility from day one. ASL and live...
Optimizing Your Site for Usability and Accessibility
Page
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.
University Policy
Page
University policy standards and guidelines to support compliance with Harvard’s accessibility and trademark requirements.
About
Page
The HarvardSites Design System supports scalable and accessible University websites as part of the HarvardSites platforms, and promotes digital access and inclusion at Harvard and beyond.
Autoplaying Hero Background Videos in Digital Design
Article
Autoplaying background videos in hero components have gained popularity in modern web design. Recognizing the need to learn more about this trend in relation to the HarvardSites Design System, the design system team embarked on an investigation to...
Make FAQ Pages Easy to Scan
Page
Well-structured FAQ pages help users find what they need quickly. This guide shows how to choose the right pattern and format for clear, accessible results.
Color System
Article
A robust color system allows each Harvard School to preserve its unique identity while staying connected to the larger Harvard brand. Our approach prioritizes versatility and user needs, enabling personalized branding that meets accessibility and design...
Why Design Systems Need Guardrails
Article
Typography influences both readability and engagement. As with a musical scale, a typographic scale provides the basis for creating a harmonious visual structure that conveys the structure and relationships among text elements. For the HarvardSites Drupal...
HarvardSites Design System
Page
The HarvardSites Design System is a set of components built on foundational principles and guidelines for accessibility and usability.
Dealing ACES Webinar
Page
This webinar walks through how Harvard Web Publishing and Harvard's Digital Accessibility Services team developed the HarvardSites Design System.