AI-GENERATED UI IS INACCESSIBLE BY DEFAULT

Summary from the TLDR Dev newsletter

AI tools produce React components that look right but are invisible to screen readers. They produce div soup with no roles, keyboard support, or ARIA state, because models optimize for visual fidelity while ignoring the accessibility tree. The fix is a layered defense: prompt constraints in .cursorrules, linting as errors in CI, runtime tests, Playwright audits, and headless libraries like Radix or React Aria for interactive primitives.