Accessibility

Accessibility standards built into Cosmos components provide a foundation for accessible and inclusive products.

This page outlines where judgment is needed when using a Cosmos component to create a product that enhances usability for all users.

Content Structure

For groups of Person Items, using <ul> and <li> elements or role="list" and role="listitem" attributes helps to provide clear and meaningful structure.

<!-- A list of associated Person Items -->
<div role="list">
  <cosmos-person-item role="listitem"></cosmos-person-item>
  <cosmos-person-item role="listitem"></cosmos-person-item>
  <cosmos-person-item role="listitem"></cosmos-person-item>
</div>