Designing for resilience and accessibility
High contrast, calm animation, and predictable states make interfaces usable.
Eberechi Omeje1 min read
Accessibility and resilience are linked—predictable states reduce cognitive load.
- Prefer high contrast and visible focus.
- Keep animations subtle and reduce on
prefers-reduced-motion.
:focus-visible { outline: 2px solid var(--primary); }
@media (prefers-reduced-motion: reduce) {
* { animation-duration: 0.01ms; transition-duration: 0.01ms; }
}
More: WAI tutorials.