Why Accessibility is a Design Problem, Not Just an Engineering One
August 2026 · 6 min read
There's a common pattern in product teams: designers create the "ideal" visual design, then engineers add accessibility as a compliance checkbox at the end. ARIA labels here, alt text there, maybe a skip link. This approach produces technically compliant but experientially poor interfaces.
Accessibility is a design problem. It requires understanding how different users perceive, navigate, and interact with your interface — and making intentional design decisions to accommodate those differences.
Contrast is a Design Decision
When I design a color palette, I test every combination for WCAG contrast ratios before committing to it. Not after. The primary color (#8B5CF6 on dark backgrounds) was chosen partly because it meets 4.5:1 contrast against the background — that's not a happy accident, it's a design constraint.
Keyboard Navigation Needs Visual Design
A visible focus indicator isn't just an engineering addition — it needs to be designed. Our 2px solid primary-color focus ring was a conscious decision: thick enough to be visible, colored to be distinctive, positioned to not obscure content. Engineers implemented it, but design defined it.
Screen Readers Reveal Architecture Flaws
When I navigated my portfolio with VoiceOver for the first time, the heading structure exposed a disorganized page. Screen readers don't see your beautiful layout — they see your HTML structure. If your heading hierarchy doesn't make sense when read linearly, your information architecture has problems that visual design can't hide.
Reduced Motion is Empathy in Code
Some users experience motion sickness, vestibular disorders, or anxiety from animations. The prefers-reduced-motion media query isn't a nice-to-have — it's a fundamental respect for user diversity. Every animation in this portfolio is gracefully degraded when this preference is detected.
The Business Case
Beyond the moral imperative, accessible design is better design. High contrast improves readability for everyone. Clear heading hierarchy improves SEO. Keyboard navigation improves power-user efficiency. Focus management improves form completion rates. Accessibility doesn't limit design — it elevates it.