Improve User Experience by Designing with Cognitive Differences in Mind
What is ADHD?
What is ADHD?
ADHD subtypes
limitation: executive function
limitation: regulation of attention
limitation: working memory
Application in web accessibility
What can we do?
1. Show important content
Icons need text labels
Wrap text instead of truncating
Make sure browser find (Ctrl+F) works
2. Use motion for clarity
Unnecessary motion is distracting
3. Let people customize
Using the `prefers-reduced-motion` media query
Personalization semantics
User styles
Let's review!
Ways to improve cognitive accessibility
Ways to improve cognitive accessibility
Ways to improve cognitive accessibility
Thank you!