Universal Web Design: How to create an awesome experience for *every* user
summary
Universal design on the web means concrete practices not platitudes: render HTML server‑side so content loads without JS, use semantic markup and headings, and follow PAPER (performance accessibility progressive enhancement responsive design). Measure: 64% use smartphones, 34% are phone‑only, average page >2MB, gov uk finds 1.1% fail to load JS. Tools and tests: Modernizr, Filament Group’s loadCSS/low‑js, WebPageTest, PageSpeed Insights, Tenon, BrowserSync and BrowserStack reveal where pages break and how much a heavy homepage costs.
AI-written summary · about
chapters (37)
- 0:00Start
- 0:29Part 1 What is universal design?
- 0:44Universal design is the design of products and environments to be usable by all people, to the greatest extent possible...
- 5:56The web.
- 6:29Why should I even care?
- 6:57Why do you have a website?
- 8:54Who are your users?
- 9:21You are not the user.
- 9:45Users are diverse
- 10:18An Alphabet of Accessibility Issues
- 16:35All users are important
- 17:26Design with empathy
- 17:49I care! Now what?
- 18:31Equitable use
- 19:22Flexibility in use
- 20:04Simple and intuitive
- 20:15Eliminate unnecessary complexity.
- 20:31Be consistent.
- 20:43Accommodate a wide range of skills.
- 21:37Use different modes for presentation of information.
- 22:08Provide adequate contrast and maximize legibility.
- 22:55Tolerance for error
- 23:05Provide warnings and fail safe features.
- 23:20Low physical effort
- 23:54Size and space for approach and use
- 25:50Universal web design Deliver a great experience to all users.
- 26:11Render content server-side.
- 28:01Use semantic markup.
- 29:37Heading Subheading
- 30:18The HTML5 document outline is a lie.
- 31:00Detect features.
- 31:39Cut the mustard.
- 33:072. The basic version: simple CSS, no JS
- 33:17Windows Internet Explorer 8
- 34:37Test. A lot.
- 39:14Listen to your users.
- 39:49Remove barriers.
related talks
34mWeb development isn't about you, dude
34mUniversal Design: A new process for better apps
45mA Web for Anyone, Anywhere, Anytime
40mUniversal Design of Software Solutions Necessary for some, good for everyone
01h 01mA web for anyone, anywhere, anytime
50mAccessibility by Everyone (and for Everyone)
48mThis is for everyone
36mThe Human Side of Accessibility