Accessibility Deep Patterns

ARIA Patterns

Live Regions

<div aria-live="polite">  <!-- Non-urgent updates -->
<div aria-live="assertive">  <!-- Urgent: errors, alerts -->

Landmark Roles

• <main> — primary content
• <nav> — navigation blocks
• <aside> — supplementary content
• <form> — form regions
• aria-label on landmarks when multiple exist