derek featherstone: web accessibility (webdagene 2013)
DESCRIPTION
TRANSCRIPT
![Page 1: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/1.jpg)
![Page 2: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/2.jpg)
![Page 3: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/3.jpg)
Why should that interface be accessible?
![Page 4: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/4.jpg)
How would we make that accessible?
![Page 5: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/5.jpg)
To whom should it be accessible?
![Page 6: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/6.jpg)
• blind• low-vision• hearing• mobility/dexterity• cognitive• speech
![Page 7: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/7.jpg)
![Page 8: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/8.jpg)
erceivableperablenderstandableobust
POUR
w3.org/WAI
![Page 9: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/9.jpg)
P O U R
Focuses on user needs, not technology.
![Page 10: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/10.jpg)
Web Accessibility is a Design Tool
![Page 12: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/12.jpg)
Accessibility is part of User Experience.
![Page 13: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/13.jpg)
extremes extremes
![Page 14: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/14.jpg)
Accessibility is not binary, all-or-nothing, black and white. We have every shade of grey in between. How you view this point frames everything that you learn and do about accessibility.
![Page 15: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/15.jpg)
The checklist is a starting point, not an end point.
![Page 16: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/16.jpg)
Just because something is compliant, doesn’t mean it will be easy to use.
![Page 17: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/17.jpg)
![Page 18: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/18.jpg)
How can we get beyond the checklist?
![Page 19: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/19.jpg)
Great design, technical excellence, the right content and functionality.
![Page 20: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/20.jpg)
Great design, technical excellence, the right content and functionality.
![Page 21: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/21.jpg)
PRINCIPLE 1
Start with content
![Page 22: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/22.jpg)
Content specific to people with disabilities?
![Page 23: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/23.jpg)
PRINCIPLE 2
Move from what to why.
![Page 24: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/24.jpg)
Overlapping Map Polygons: Non-visual access
![Page 25: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/25.jpg)
Different method to get the same information(Fictitious) proposed boundary changes, City of Ottawa
Does this change affect you?Use our Postal Code lookup:Postal code:
Search
![Page 26: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/26.jpg)
PRINCIPLE 3
Out of sight, out of mind.
![Page 27: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/27.jpg)
![Page 28: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/28.jpg)
![Page 29: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/29.jpg)
GROUP CLOSELY RELATED ITEMS
![Page 30: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/30.jpg)
Layout: Proximity for Low-vision users
![Page 31: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/31.jpg)
Layout: Proximity for Low-vision users
![Page 32: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/32.jpg)
Use layout to create the right "chunks"
![Page 33: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/33.jpg)
Use layout to create the right "chunks"
![Page 34: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/34.jpg)
PRINCIPLE 4
Design for Quick Consumption
![Page 35: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/35.jpg)
Front-loaded content
![Page 36: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/36.jpg)
![Page 37: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/37.jpg)
![Page 38: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/38.jpg)
USE HEADINGSFOR QUICK CONSUMPTION
![Page 39: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/39.jpg)
![Page 40: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/40.jpg)
![Page 41: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/41.jpg)
PRINCIPLE 5
Keyboard. Keyboard. Keyboard.
![Page 42: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/42.jpg)
![Page 43: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/43.jpg)
![Page 44: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/44.jpg)
![Page 45: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/45.jpg)
![Page 46: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/46.jpg)
![Page 47: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/47.jpg)
![Page 48: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/48.jpg)
PRINCIPLE 6
Design for forgetfulness.
![Page 49: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/49.jpg)
Summary and Field-level errors
![Page 50: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/50.jpg)
These principles helpmake better, more accessible
designs for everyone.
![Page 51: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/51.jpg)
simplyaccessible.com/newsletter
![Page 53: Derek Featherstone: Web Accessibility (Webdagene 2013)](https://reader033.vdocument.in/reader033/viewer/2022051818/54b33c0a4a7959225c8b45b5/html5/thumbnails/53.jpg)
Accessibility consulting, strategy and assessmentsAccessible development and remediation servicesTraining courses, workshops and conferences
simplyaccessible.com
[email protected]@feather on twitter
Derek Featherstone