Practical tips to elevate your UX and accessibility
summary
Practical, testable fixes: moving labels on top cuts visual fixations from 32 to 18 visual fixations, chunking credit‑card and phone numbers improves recall, and splitting long forms with a prestarted progress bar raises completion rates. Measured problems include 97.4% of top 1 million pages with accessibility faults; common fixes are contrast checks (use browser dev tools or contrastchecker.com), meaningful alt text instead of “image,” and properly associated form labels. Examples include changed button text, smarter defaults, and error pages that offer an actionable next step.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:47Least astonishment in UX
- 3:12UI vs UX misconceptions
- 6:00Cognitive load limits
- 8:26Form UX optimization
- 12:04Progress indicators & buttons
- 16:38Error messages & user role
- 20:30Design interference risks
- 26:38Consistency & standards
- 30:49Scanning behavior & hierarchy
- 36:14Web accessibility issues
- 37:21Color contrast accessibility
- 39:05Missing alt texts problem
- 42:42Form labeling usability
- 43:03Unnecessary steps cost
- 44:50Integrating UX & accessibility
related talks
54mPractical tips to elevate your UX and accessibility
39mUX & Cognitive Accessibility
01h 00mAccessible UX: Design for the rest of us
56mAccessibility for UX: Don't worry, it's much worse than you think
37mHow to Make Your Website Not Ugly: Basic UX for Programmers
27mAccessibility, what do you eat that with?
22mWeb Accessibility - a better user experience for everyone!
40mAccessibility, what, why and how?