SlideShare une entreprise Scribd logo
1  sur  53
Télécharger pour lire hors ligne
Why should that interface be accessible?
How would we make that accessible?
To whom should it be accessible?
• blind
• low-vision
• hearing
• mobility/dexterity
• cognitive
• speech
erceivable
perable
nderstandable
obust
P
O
U
R
w3.org/WAI
P O U R
Focuses on user needs, not technology.
Web Accessibility is a Design Tool
Derek Featherstone
feather@simplyaccessible.com
@feather
Accessibility is part of User Experience.
extremes extremes
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.
The checklist is a
starting point,
not an end
point.
Just because something is compliant,
doesn’t mean it will be easy to use.
How can we get beyond the checklist?
Great design, technical excellence, the
right content and functionality.
Great design, technical excellence, the
right content and functionality.
PRINCIPLE 1
Start with content
Content specific to people with disabilities?
PRINCIPLE 2
Move from what to why.
Overlapping Map Polygons: Non-visual access
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
PRINCIPLE 3
Out of sight, out of mind.
GROUP CLOSELY RELATED ITEMS
Layout: Proximity for Low-vision users
Layout: Proximity for Low-vision users
Use layout to create the right "chunks"
Use layout to create the right "chunks"
PRINCIPLE 4
Design for Quick Consumption
Front-loaded
content
USE HEADINGS
FOR QUICK CONSUMPTION
PRINCIPLE 5
Keyboard.Keyboard.Keyboard.
PRINCIPLE 6
Design for forgetfulness.
Summary and Field-level errors
These principles help
make better, more accessible
designs for everyone.
simplyaccessible.com/newsletter
Derek Featherstone
feather@simplyaccessible.com
@feather
Accessibility consulting, strategy and assessments
Accessible development and remediation services
Training courses, workshops and conferences
simplyaccessible.com
feather@simplyaccessible.com
@feather on twitter
Derek Featherstone

Contenu connexe

Similaire à Derek Featherstone: Web Accessibility (Webdagene 2013)

Web Accessibility Workshop
Web Accessibility WorkshopWeb Accessibility Workshop
Web Accessibility Workshop
josodo
 
How to ship accessible web products
How to ship accessible web productsHow to ship accessible web products
How to ship accessible web products
George Zamfir
 

Similaire à Derek Featherstone: Web Accessibility (Webdagene 2013) (20)

Accessibility for content designers
Accessibility for content designersAccessibility for content designers
Accessibility for content designers
 
Accessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoAccessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_Toronto
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
 
Introduction to Web Accessibility
Introduction to Web AccessibilityIntroduction to Web Accessibility
Introduction to Web Accessibility
 
NDS Employment Conference
NDS Employment ConferenceNDS Employment Conference
NDS Employment Conference
 
Vi tools
Vi toolsVi tools
Vi tools
 
Webinar_ How can AI help disabled people slides.pptx
Webinar_ How can AI help disabled people slides.pptxWebinar_ How can AI help disabled people slides.pptx
Webinar_ How can AI help disabled people slides.pptx
 
Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)
Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)
Ud in-curriculum-4 accessu-2018 (howard-lydia combined-nn)
 
Case Study 2 HCI
Case Study 2 HCICase Study 2 HCI
Case Study 2 HCI
 
Making the Web Accessible
Making the Web AccessibleMaking the Web Accessible
Making the Web Accessible
 
Guide Dogs and Digital Devices
Guide Dogs and Digital DevicesGuide Dogs and Digital Devices
Guide Dogs and Digital Devices
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
 
Web Accessibility Workshop
Web Accessibility WorkshopWeb Accessibility Workshop
Web Accessibility Workshop
 
Accessibilitytesting public
Accessibilitytesting publicAccessibilitytesting public
Accessibilitytesting public
 
How to ship accessible web products
How to ship accessible web productsHow to ship accessible web products
How to ship accessible web products
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
Enabling your disabled market through UX
Enabling your disabled market through UXEnabling your disabled market through UX
Enabling your disabled market through UX
 
But Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with AccessibiiltyBut Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with Accessibiilty
 
DesignWithEmpathy_Introduction
DesignWithEmpathy_IntroductionDesignWithEmpathy_Introduction
DesignWithEmpathy_Introduction
 
Chapter 4
Chapter 4 Chapter 4
Chapter 4
 

Plus de webdagene

Plus de webdagene (20)

Hverdagen til kidsa. Hva kan vi lære? Med Kristin Magnussen
Hverdagen til kidsa. Hva kan vi lære? Med Kristin MagnussenHverdagen til kidsa. Hva kan vi lære? Med Kristin Magnussen
Hverdagen til kidsa. Hva kan vi lære? Med Kristin Magnussen
 
Samfunnsoppdrag på sosialt vis
Samfunnsoppdrag på sosialt visSamfunnsoppdrag på sosialt vis
Samfunnsoppdrag på sosialt vis
 
Building bridges on diversity: What the fight for civil rights can teach us a...
Building bridges on diversity: What the fight for civil rights can teach us a...Building bridges on diversity: What the fight for civil rights can teach us a...
Building bridges on diversity: What the fight for civil rights can teach us a...
 
The voice of the future (en) – med Cheryl Platz
The voice of the future (en) – med Cheryl PlatzThe voice of the future (en) – med Cheryl Platz
The voice of the future (en) – med Cheryl Platz
 
Hvorfor personvern er viktig for kommunikasjon – med Eva Jarbekk
Hvorfor personvern er viktig for kommunikasjon – med Eva JarbekkHvorfor personvern er viktig for kommunikasjon – med Eva Jarbekk
Hvorfor personvern er viktig for kommunikasjon – med Eva Jarbekk
 
Slik kommuniserer du til hele hjernen (sv) – med Erik Modig
Slik kommuniserer du til hele hjernen (sv) – med Erik ModigSlik kommuniserer du til hele hjernen (sv) – med Erik Modig
Slik kommuniserer du til hele hjernen (sv) – med Erik Modig
 
Digital innovasjon i praksis – med Klara Vatn
Digital innovasjon i praksis – med Klara VatnDigital innovasjon i praksis – med Klara Vatn
Digital innovasjon i praksis – med Klara Vatn
 
Hvordan bruke UX i design av hardware – med Marius Aabel
Hvordan bruke UX i design av hardware – med Marius AabelHvordan bruke UX i design av hardware – med Marius Aabel
Hvordan bruke UX i design av hardware – med Marius Aabel
 
Om å bryte tabuer på Snapchat – med Tale Maria Krohn Engvik
Om å bryte tabuer på Snapchat – med Tale Maria Krohn EngvikOm å bryte tabuer på Snapchat – med Tale Maria Krohn Engvik
Om å bryte tabuer på Snapchat – med Tale Maria Krohn Engvik
 
Enkel og effektiv brukertesting – med Ida Aalen
Enkel og effektiv brukertesting – med Ida AalenEnkel og effektiv brukertesting – med Ida Aalen
Enkel og effektiv brukertesting – med Ida Aalen
 
Ten realities of the internet of things – ​Alexandra Deschamps-Sonsino
Ten realities of the internet of things –  ​Alexandra Deschamps-SonsinoTen realities of the internet of things –  ​Alexandra Deschamps-Sonsino
Ten realities of the internet of things – ​Alexandra Deschamps-Sonsino
 
Internett. Hva nå? – med Jostein Magnussen
Internett. Hva nå? – med Jostein MagnussenInternett. Hva nå? – med Jostein Magnussen
Internett. Hva nå? – med Jostein Magnussen
 
Nysgjerrighet som drivkraft – med Louise Fuchs
Nysgjerrighet som drivkraft – med Louise FuchsNysgjerrighet som drivkraft – med Louise Fuchs
Nysgjerrighet som drivkraft – med Louise Fuchs
 
Scaling service design and the challenge of problem-caring – Sanjay Poyzer
Scaling service design and the challenge of problem-caring – Sanjay PoyzerScaling service design and the challenge of problem-caring – Sanjay Poyzer
Scaling service design and the challenge of problem-caring – Sanjay Poyzer
 
5 grep for kundeorientering i en digital hverdag. – med Guro Røberg og Ove Dalen
5 grep for kundeorientering i en digital hverdag. – med Guro Røberg og Ove Dalen5 grep for kundeorientering i en digital hverdag. – med Guro Røberg og Ove Dalen
5 grep for kundeorientering i en digital hverdag. – med Guro Røberg og Ove Dalen
 
Ten realities of the internet of things - ​Alexandra Deschamps-Sonsino
Ten realities of the internet of things -  ​Alexandra Deschamps-SonsinoTen realities of the internet of things -  ​Alexandra Deschamps-Sonsino
Ten realities of the internet of things - ​Alexandra Deschamps-Sonsino
 
Hvordan menneskesentrisk teknologi endrer kundeopplevelsen – med Claude Marie...
Hvordan menneskesentrisk teknologi endrer kundeopplevelsen – med Claude Marie...Hvordan menneskesentrisk teknologi endrer kundeopplevelsen – med Claude Marie...
Hvordan menneskesentrisk teknologi endrer kundeopplevelsen – med Claude Marie...
 
Understanding humans – Leah Reich
Understanding humans – Leah ReichUnderstanding humans – Leah Reich
Understanding humans – Leah Reich
 
The dark net – Jamie Bartlett
The dark net – Jamie BartlettThe dark net – Jamie Bartlett
The dark net – Jamie Bartlett
 
UX of Story: Designing the Future of Storytelling – Mandy Mandelstein
UX of Story: Designing the Future of Storytelling  – Mandy MandelsteinUX of Story: Designing the Future of Storytelling  – Mandy Mandelstein
UX of Story: Designing the Future of Storytelling – Mandy Mandelstein
 

Dernier

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
suhanimunjal27
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
suhanimunjal27
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
 

Dernier (20)

Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 

Derek Featherstone: Web Accessibility (Webdagene 2013)