#  Optimizing Your Site for Usability and Accessibility 

 



 ##  

  expand\_more  

 
  

 

Accessibility and usability are essential to creating a digital experience that works for everyone. These guides support Harvard's commitment to inclusive, high-quality website experiences. Editors and site builders can use them to make thoughtful decisions about content, layout, and interaction. These choices go beyond compliance and promote visitor engagement.



 

##  Improve Clarity, Structure, and Access Across Your Site 

HarvardSites provides flexible and accessible components to display your website content. These guides show you our recommended best practices on how to use them. Each one focuses on a real-world use case, with clear steps and examples that help you support all users across devices and abilities.

 

 



 view\_stream 

 [### Design Clear Page Structures for All Users

 ](/design-clear-page-structures-all-users)Help users scan, read, and navigate your pages by choosing layouts that reflow clearly and support assistive tech.



 

 

 call\_to\_action 

 [### Keep CTA Link Text Clear and Actionable

 ](/keep-cta-link-text-clear-and-actionable)Use link text that tells users what to expect, avoid vague language like “click here” or “learn more.”



 

 

 question\_answer 

 [### Make FAQ Pages Easy to Scan

 ](/make-faq-pages-easy-scan)Choose structured components like Accordions or FAQ Lists to organize questions for readability and access.



 

 

 insert\_link 

 [### Make Links Stand Out with Clear Language and Placement

 ](/make-links-stand-out-clear-language-and-placement)Help users follow links by writing clear labels and placing them close to the content they relate to.



 

 

 format\_align\_left 

 [### Use Content Patterns that Support Accessibility

 ](/use-content-patterns-support-accessibility)Use headings, real lists, and structured spacing. Avoid empty paragraphs or formatting used only for layout.



 

 

 image 

 [### Write Alt Text That Adds Value

 ](/write-alt-text-adds-value)Support screen reader users by writing meaningful alt text, or indicating when the image is decorative.



 

 

 

 

 

 

 

Need help?

### Get support designing for usability and accessibility 

 

**Not sure which component to use or how to structure your content?** We’re here to help. Reach out to the Harvard Web Publishing team or browse real-world examples to get inspired.



 [  arrow\_forward  Explore Component Examples ](https://drupaldemo.harvardsites.harvard.edu/component-example-pages) 

 





 

 

 

 



 

 See also:- [ Strategy Guides ](/how-guides-topics/strategy-guides)