From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer...
-
date post
20-Dec-2015 -
Category
Documents
-
view
218 -
download
1
Transcript of From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer...
![Page 1: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/1.jpg)
![Page 2: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/2.jpg)
From the TrenchesPractical Approaches to Building the Accessible Web
jon reidsenior developerEffectiveUI
![Page 3: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/3.jpg)
Practical AccessibilityFocus on implementation
![Page 4: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/4.jpg)
traditional project dynamicsimplementation team and stakeholders/clients
Much of the web is built on spec
![Page 5: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/5.jpg)
too abstracttoo costly
Accessibility falls by the wayside
![Page 6: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/6.jpg)
“Accessibility is too restrictive”“I'll have to design to the least common denominator”“It will be ugly”“It won't be interesting”
design woes
![Page 7: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/7.jpg)
“This technology doesn't support accessibility”“Accessibility will restrict our implementation”“Testing will be hard”“Maintenance will be expensive”
development woes
![Page 8: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/8.jpg)
“This will be too expensive, we have a limited budget”“We're not the government, we don't need to be accessible”
stakeholder woes
![Page 9: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/9.jpg)
Bull.You can create awesome designs with rich interactions using advanced technologies and be accessible too.
![Page 10: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/10.jpg)
I'll need to take them and composite them.Screenshots of Blue Angels site.
![Page 11: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/11.jpg)
Sponsored by Microsoft to showcase SilverlightGift to the US Navy Blue Angels Demonstration TeamVideo, 3D renderingHTML 5, CSS 3, JavaScriptCompletely 508 compliant
Project Pensacola
![Page 12: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/12.jpg)
Combating the Woes: Keep it Realfocused requirementsachievable goalsmeasurable results
![Page 13: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/13.jpg)
everyone knows what they need to do and how accessibility will be verifiedKeeping it real prevents abstraction
![Page 14: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/14.jpg)
defines the risks and returns upfrontprovides transparencysupports decision making
Keeping it real helps sell the stakeholder
![Page 15: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/15.jpg)
designtechnical/technologicalmanagement
How do you keep it real? Focus on requirements.
![Page 16: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/16.jpg)
Progressive EnhancementIt's not just for programmers.
![Page 17: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/17.jpg)
create a baseline implementation and then enhance based on capabilitiesmostly mentioned in the context of development
Progressive Enhancement
![Page 18: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/18.jpg)
breaks the “must look the same in all browsers” moldexperience is tailored to capability
Progressive Enhancement
![Page 19: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/19.jpg)
designers and developers work closely togethercreate basic content and functionalityuse technology to layer improved design and interaction
Progressive Enhancement and Accessibility
![Page 20: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/20.jpg)
custom form fields (get screenshots from FedEx application)Progressive Enhancement Example
![Page 21: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/21.jpg)
CSS 3 layouts (get screenshots from Ryan)Progressive Enhancement Example
![Page 22: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/22.jpg)
Project Pensacola image gallerybasic list of images with captionsformatted using CSS and JavaScript to produce rich interaction(get screenshots)
Progressive Enhancement Example
![Page 23: From the Trenches Practical Approaches to Building the Accessible Web jon reid senior developer EffectiveUI.](https://reader036.fdocuments.net/reader036/viewer/2022062516/56649d485503460f94a248f1/html5/thumbnails/23.jpg)
Questions