Prepared Docs

Prepared Docs

⌘K

    Loading navigation…

User

  1. Primitives
  3. Typography
  5. Accessibility
  7. Semantic Html

Typography

Semantic HTML

Accessible typography ensures all users can read and navigate structured content effectively. When using Typography, follow these best practices.

Typography uses semantic HTML elements for proper structure.

List Elements

Lists use proper HTML elements for accessibility.

  • Unordered lists use <ul> elements
  • Ordered lists use <ol> elements
  • List items use <li> elements
  • Screen readers announce list structure and item count

Nested Lists

Nested lists maintain proper semantic structure.

Screen readers announce nesting levels: "List with 1 item, First item, List with 2 items, Child item 1..."

Previous

Typography / API and Development

Next

Accessibility / Screen Reader Support

On this page

List Elements
Nested Lists