All Users are Disabled

Take ~5min or so to refresh your perspective on how your user's abilities are relative not only to themselves with these slides prepared for SmashingConf Oxford 2016 Jam Session.

Transcript

1. ALL USERS ARE DISABLED even you
2. WHEN YOU SWITCH FROM YOUR DESKTOP TO SMARTPHONE CAN YOU? ➤ SAVE A FILE TO THE DESKTOP? ➤ VIEW THE SOURCE OF A WEBPAGE? ➤ VIEW 5 APPS AT ONCE? ➤ USE KEYBOARD SHORTCUTS? ➤ INSTALL UNCERTIFIED APPS?
3. WHEN YOU SWITCH BACK TO YOUR DESKTOP DOES IT? ➤ KNOW WHERE IT IS IN THE WORLD W/OUT WIFI? ➤ FIT IN YOUR POCKET? ➤ PINCH ZOOM? ➤ PLACE STANDARD CALLS?
4. THERE ARE PEOPLE AND THERE ARE USERS There are people and there are users and any given person can be a number of users throughout the day. Your abilities are not just relative to yourself; they are also relative to the device you access experiences through
5. DOES YOUR USER’S BROWSER SUPPORT WEBFONTS? Who knows?
6. ARCHITECTING THE WEB ➤ Experiences you create are buildings entered, re-visited, and avoided by a wide audience of users ➤ while our abilities may very greatly and change with time we all justly deserve access ➤ just like in the real world ➤ accessibility considerations improve user experience for everyone
7. ASSISTIVE TECH IS THE BEST TECH Design is for everyone – design for everyone
8. DESIGN FOR JUSTICE not for equality
15. YOUR USERS KICK ASS!!! so let them
17. THIS STAIRCASE WAS AN ACCESSIBLE RAMP…
18. BEFORE IT WAS A STAIRCASE!!!
19. YOUR WEBSITES SHOULD BE A SEMANTIC HTML DOCUMENTS …Before they are asynchronous awesome amazing JavaScript experiences
20. YOU ARE NOT YOUR DISABILITY Assistive Technology allows the physically impaired just access and opportunity in the digital age
21. AS YOU AUTHOR THE WWW you have the opportunity to shift perception and influence people’s lives for the better by enabling them to more effectively utilize the talents they already poses
22. ISN’T JAVASCRIPT EVERYWHERE? Nope.
23. JAVASCRIPT ➤ is risky ➤ fatally crashes on missing semicolon ➤ is awesome ➤ provides amazing asynchronous enhancements ➤ (frontend) is not designed to delivery baseline semantic content
24. WHEN JAVASCRIPT CAKES ITS PANTS DOES YOUR SITE WORK? ➤ I HOPE SO… ➤ ¯\_(ツ)_/¯
25. IS YOUR REACT/ANGULAR/WHATEVER WEB PAGE/APP/WHATEVER PROGRESSIVELY ENHANCED? Test in old browsers (IE 8) Test with JavaScript disabled Test with JavaScript broken. Intentionally break your scripts and test what happens. Do your forms still submit? Is your content still accessible?
26. WHY SHOULD WE SUPPORT USERS WITHOUT JAVASCRIPT? ➤ performance ➤ search engine optimization ➤ reliability ➤ reach ➤ accessibility ➤ budget
27. USING JAVASCRIPT TO IMPROVE ACCESSIBILITY
28. USING JAVASCRIPT TO IMPROVE ACCESSIBILITY
29. USING JAVASCRIPT TO IMPROVE ACCESSIBILITY
30. THANKS FOR TUNING IN JP DeVries mail@devries.jp http://markup.tips @mrktps @jpdevries