Framework-Specific Accessibility Patterns React / Next.js Common Pitfalls | Pattern | Issue | Fix | |---------|-------|-----| | on | Not keyboard accessible | Use or add , , | | | May inject inaccessible content | Audit injected HTML for ARIA, headings, alt text | | as root | May break landmark tree | Ensure fragments don't interrupt landmark nesting | | Missing on lists | Can cause focus loss on re-render | Use stable keys (not array index) for interactive lists | | Portal without focus trap | Focus can escape to background | Wrap portal content in component | | focus management | Focus may…