Web Accessibility

Build interfaces that work for everyone. These are not optional enhancements — they are baseline quality.

Semantic HTML

Use the right element for the job. Never simulate interactive elements with <div>.

// BAD: div with click handler
<div onClick={handleClick} className="button">Submit</div>

// GOOD: semantic button
<button onClick={handleClick}>Submit</button>

// BAD: div as link
<div onClick={() => router.push('/about')}>About</div>