all users are disabled
TRANSCRIPT
![Page 1: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/1.jpg)
ALL USERS ARE DISABLED
even you
![Page 2: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/2.jpg)
WHEN YOU SWITCH FROM YOUR DESKTOP TO SMARTPHONE CAN YOU?
➤ RIGHT CLICK?
➤ VIEW THE SOURCE OF A WEBPAGE?
➤ VIEW 5 APPS AT ONCE?
➤ GOBBLE UP ALL THE BITS YOU PLEASE?
![Page 3: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/3.jpg)
WHEN YOU SWITCH BACK TO YOUR DESKTOP DOES IT?
➤ KNOW WHERE IT IS IN THE WORLD?
➤ FIT IN YOUR POCKET?
➤ PINCH ZOOM?
➤ PLACE CALLS?
![Page 4: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/4.jpg)
WHEN THE BATTERIES IN YOUR MOUSE DIE
➤ CAN YOU USE IT?
![Page 5: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/5.jpg)
WHEN JAVASCRIPT CAKES ITS PANTS DOES YOUR SITE WORK?
➤ I HOPE SO…
➤ ¯\_(ツ)_/¯
![Page 6: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/6.jpg)
DOES YOUR USER’S
BROWSER SUPPORT
WEBFONTS?Who knows?
![Page 7: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/7.jpg)
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
![Page 8: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/8.jpg)
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
![Page 9: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/9.jpg)
ASSISTIVE TECH IS THE BEST TECHDesign is for everyone – design for everyone
![Page 10: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/10.jpg)
![Page 11: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/11.jpg)
![Page 12: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/12.jpg)
![Page 13: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/13.jpg)
![Page 14: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/14.jpg)
![Page 15: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/15.jpg)
![Page 16: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/16.jpg)
![Page 17: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/17.jpg)
DESIGN FOR
JUSTICEnot for equality
![Page 18: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/18.jpg)
![Page 19: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/19.jpg)
ACCESSIBLE ICON
➤ The Accessible Icon Project is an ongoing work of design activism.
➤ It starts with a graphic icon, free for use in the public domain, and continues its work as a collaboration among people with disabilities and their allies toward a more accessible world
![Page 21: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/21.jpg)
➤ Brazilians work 1 hour for every 14.5MB of access to the web
➤ Some people pay for web access by the byte, not bythe month
➤ People pay *cash* to access the experiences you author.Never forget that.
➤ Be as light as you can on bandwidth
➤ Optimize Images
➤ Always put your content behind GZIP’ed HTML
➤ Leverage the Browser Cache
➤ Don’t use Icon Fonts.Seriously though don’t use Icon Fonts.Ever.
BANDWIDTH AND ACCESSIBILITY
![Page 23: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/23.jpg)
HOW DO YOU SUPPORT LOW BANDWIDTH UERS?
➤ Your experience is only as strong as your weakest point of access
➤ By starting HTML first and progressively enhancing you win half the battle…… but there is more to consider
➤ GZIP! GZIP! GZIP!
➤ Far Future Reaching Expiry Dates
➤ HTTP/2?
➤ Silence your CSS Footprint
![Page 24: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/24.jpg)
![Page 25: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/25.jpg)
YOU ARE NOT YOUR DISABILITYAssistive Technology allows the physically impaired just access
and opportunity in the digital age
![Page 26: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/26.jpg)
ISN’T JAVASCRIPT
EVERYWHERE?Nope.
![Page 27: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/27.jpg)
JAVASCRIPT
➤ is risky
➤ fatally crashes on missing semicolon
➤ is awesome
➤ provides amazing asynchronous enhancements
➤ is not designed to deliver semantic content
➤ ~1% failure rate
![Page 28: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/28.jpg)
WHY SHOULD WE SUPPORT USERS WITHOUT JAVASCRIPT?
➤ performance
➤ search engine optimization
➤ reliability
➤ reach
➤ accessibility
➤ standards
![Page 29: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/29.jpg)
HOW DO WE SUPPORT USERS WITHOUT JAVASCRIPT?
➤ <noscript>?
➤ <noscript> is great, but doesn’t help in situations when JavaScript is enabled but fails to load or dies on a fatal error
![Page 30: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/30.jpg)
HOW DO WE SPLIT UP FRONT END PRIORITIES?
![Page 31: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/31.jpg)
WHAT DO PEOPLE COME TO YOUR
WEBSITE FOR?
![Page 32: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/32.jpg)
JAVASCRIPT?
![Page 33: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/33.jpg)
NOPE.
![Page 34: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/34.jpg)
AJAX?
![Page 35: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/35.jpg)
NOPE.
![Page 36: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/36.jpg)
REACT!
![Page 37: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/37.jpg)
NOPE.
![Page 38: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/38.jpg)
THAT PRETTY STYLESHEET?
(sorry designers)
![Page 39: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/39.jpg)
NOPE.
![Page 40: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/40.jpg)
SO WHAT THEN?
![Page 41: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/41.jpg)
CONTENT
![Page 42: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/42.jpg)
PRIORITIZE CONTENT THROUGHOUT YOUR PROCESS
![Page 43: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/43.jpg)
PRIORITIES ARE DEPENDENT TO EACH PROJECT
➤ Look at your metrics and analytics
➤ Evaluate what is bringing people to your experience
➤ Ask yourself what is more important branding or async enhancements?
➤ Focus on content, branding, then enhancements
![Page 44: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/44.jpg)
CONTENT, BRANDING, ENHANCEMENTS
make asynchronous enhancements your last priority
![Page 45: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/45.jpg)
CSS NAKED
DAYflaunt your DOM
April 9th
![Page 46: All Users Are Disabled](https://reader031.vdocuments.mx/reader031/viewer/2022030309/58f2d6e01a28abc8138b4587/html5/thumbnails/46.jpg)