SlideShare a Scribd company logo
UX and A11Y:
How a wake-up call “Flipped It”
     Driving UX with Accessibility

       UPA 2012, Las Vegas, NV
Me, in a nut shell
• UX Consulting and design
• Web Accessibility Advocacy and Consulting
• UX Architect
• C.U.A. and M.F.A.
• Focus Areas: Inclusive Design, Accessibility,
  Systems Approaches, UX Infrastructure
• Instituted a Web Accessibility Program at a
  Fortune 100 Health Insurance Company
The UX Honeycomb
  Usability and
  accessibility are both                    useful


  components of the             usable                desirable

  User Experience                          valuable

  Honeycomb*                    findable              accessible


                                           credible

  But accessibility is
  often a “nice to have.”

*attributed to Peter Morville
Inclusive Design Approach
Lots of carrots!




                            Photo: www.wikipedia.org
Then came a wake up call


“We need to confirm
your site meets our
federal accessibility
requirements.”
I’d been handed a stick


                  Accessibility is now
                  a legal requirement.
The honeycomb had shifted

If you can’t access it,              accessible



You can’t use it.

                                        useful


                          usable                  desirable


                                       valuable


                          findable                credible
I realized it could flip it
• UX now part of A11y
• A11y was a driver
• User-centered
  standards
• Testable as
  requirements
Mapping UX to A11Y
 Inclusive Design Principles:   WCAG 2.0 Guidelines:

 – Equitable use                – Perceivable
 – Flexible in use              – Operable
 – Simple and intuitive         – Understandable
 – Perceivable info             – Robust
 – Tolerance for error
 – Low physical effort
 – Size and space for
   approach and use
Keeping the focus on users
• Technical compliance is not enough
• Must test on real users with disabilities, using
  assistive technologies
• Invite developers to watch disabled users
  testing the pages
• Take stewardship of accessibility to avoid
  code-centered accessibility
Collaborating and partnering
Potential advocates:
• IT
• Sales & Marketing
• Legal & Compliance
• Purchasing
How big is the problem?
Now fix it!
•Pressure helped me
•Resources were made available
•I had authority I’d never had before!
•IT was teaching me how to write standards so
 that they could interpret them
•Partnerships paid off
Cross-referrals

                  While we’re
                   under the
                   hood . . .




                     Photo: www.captmondo.com
Now, how to build these pages?
•Steep learning curve
•All team members required training, especially
 developers
•UX collaborated closely with IT
•Accessible code libraries and code standards
 were created
•Each consecutive site would be easier and
 faster to create, and require less testing
Did we do it right?
No wake-up call at your company?
 • Even if you’re not in a high-stakes game
   with the government, this approach can
   still be relevant
 • There’s a big wave coming that can help
   you make your case
Getting Started
        • Socialize “Silver Tsunami” concept
          – 72 Million Boomers are at or near
            retirement age
          – They have a lot of buying power
          – Very comfortable online
          – Don‘t think of themselves as disabled
          – Opportunity to lay a foundation to
            support these users
Getting Started
•   Assess and scope
•   Get professional help
•   Talk to people who have done this before
•   Get involved in the a11y community:
    – Twitter: #a11y
    – Web Axe blog & podcasts: webaxe.blogspot.com
    – Annual CSUN Conference: www.csun.edu/cod
    – AccessU: www.environmentsforhumans.com
Thank you!

        Lisa Barnett
Lisa.barnett@cummins.com

More Related Content

Viewers also liked

Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009
Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009
Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009
lenteakkoord
 
Presentatie Erik Kool (VROM Inspectie)
Presentatie Erik Kool (VROM Inspectie)Presentatie Erik Kool (VROM Inspectie)
Presentatie Erik Kool (VROM Inspectie)lenteakkoord
 
Themabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarkt
Themabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarktThemabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarkt
Themabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarkt
lenteakkoord
 
Presentatie Fred Woudenberg (GGZ Amsterdam)
Presentatie Fred Woudenberg (GGZ Amsterdam)Presentatie Fred Woudenberg (GGZ Amsterdam)
Presentatie Fred Woudenberg (GGZ Amsterdam)lenteakkoord
 
Steezy Beaniez Powerpoint
Steezy Beaniez PowerpointSteezy Beaniez Powerpoint
Steezy Beaniez Powerpoint
kingrey
 
Ad Van Der Aa, Cauberg Huygen 22 Apr 2008
Ad Van Der Aa, Cauberg Huygen 22 Apr 2008Ad Van Der Aa, Cauberg Huygen 22 Apr 2008
Ad Van Der Aa, Cauberg Huygen 22 Apr 2008lenteakkoord
 
Presentatie Lente-akkoord Claudia Bouwens 7 April 2009
Presentatie Lente-akkoord  Claudia Bouwens 7 April 2009Presentatie Lente-akkoord  Claudia Bouwens 7 April 2009
Presentatie Lente-akkoord Claudia Bouwens 7 April 2009
lenteakkoord
 
Blogger's Base #BBase
Blogger's Base #BBaseBlogger's Base #BBase
Blogger's Base #BBase
Tolga Arıcan
 
Dangerous by design intersections in the tmc
Dangerous by design intersections in the tmcDangerous by design intersections in the tmc
Dangerous by design intersections in the tmc
Doug House
 
Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009
Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009
Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009
lenteakkoord
 
Symposium gezond en zuinig binnen yuri pelser ymere
Symposium gezond en zuinig binnen yuri pelser ymereSymposium gezond en zuinig binnen yuri pelser ymere
Symposium gezond en zuinig binnen yuri pelser ymerelenteakkoord
 
Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...
Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...
Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...lenteakkoord
 
Kosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbn
Kosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbnKosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbn
Kosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbnlenteakkoord
 
Cosmocaixa
CosmocaixaCosmocaixa
Arquitecturapc01
Arquitecturapc01Arquitecturapc01
Arquitecturapc01
Àngels Aymerich Restoy
 
UX & A11Y: How a Wake-up Call "Flipped it"
UX & A11Y: How a Wake-up Call "Flipped it"UX & A11Y: How a Wake-up Call "Flipped it"
UX & A11Y: How a Wake-up Call "Flipped it"
barnettdesignky
 
Dev Days, Speech Recognition, LM Aubert
Dev Days, Speech Recognition, LM AubertDev Days, Speech Recognition, LM Aubert
Dev Days, Speech Recognition, LM Aubert
aubertlm
 
Presentasi Pkl
Presentasi PklPresentasi Pkl
Presentasi PklRivaldi A
 

Viewers also liked (18)

Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009
Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009
Presentatie Lente-akkoord Claudia Bouwens 26 Maart 2009
 
Presentatie Erik Kool (VROM Inspectie)
Presentatie Erik Kool (VROM Inspectie)Presentatie Erik Kool (VROM Inspectie)
Presentatie Erik Kool (VROM Inspectie)
 
Themabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarkt
Themabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarktThemabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarkt
Themabijeenkomst energiezuinige kantoren: duurzaamheid in een vraagmarkt
 
Presentatie Fred Woudenberg (GGZ Amsterdam)
Presentatie Fred Woudenberg (GGZ Amsterdam)Presentatie Fred Woudenberg (GGZ Amsterdam)
Presentatie Fred Woudenberg (GGZ Amsterdam)
 
Steezy Beaniez Powerpoint
Steezy Beaniez PowerpointSteezy Beaniez Powerpoint
Steezy Beaniez Powerpoint
 
Ad Van Der Aa, Cauberg Huygen 22 Apr 2008
Ad Van Der Aa, Cauberg Huygen 22 Apr 2008Ad Van Der Aa, Cauberg Huygen 22 Apr 2008
Ad Van Der Aa, Cauberg Huygen 22 Apr 2008
 
Presentatie Lente-akkoord Claudia Bouwens 7 April 2009
Presentatie Lente-akkoord  Claudia Bouwens 7 April 2009Presentatie Lente-akkoord  Claudia Bouwens 7 April 2009
Presentatie Lente-akkoord Claudia Bouwens 7 April 2009
 
Blogger's Base #BBase
Blogger's Base #BBaseBlogger's Base #BBase
Blogger's Base #BBase
 
Dangerous by design intersections in the tmc
Dangerous by design intersections in the tmcDangerous by design intersections in the tmc
Dangerous by design intersections in the tmc
 
Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009
Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009
Presentatie Maatregelpakketten Nen 5128 Ieke Kuijpers 7 April 2009
 
Symposium gezond en zuinig binnen yuri pelser ymere
Symposium gezond en zuinig binnen yuri pelser ymereSymposium gezond en zuinig binnen yuri pelser ymere
Symposium gezond en zuinig binnen yuri pelser ymere
 
Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...
Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...
Presentatie Oosterdokseiland Hollandia Amsterdam, Jan Van T Westeinde, Rabo B...
 
Kosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbn
Kosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbnKosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbn
Kosten en opbrengsten milieulabels arne balvers en gerbert van oosterom bbn
 
Cosmocaixa
CosmocaixaCosmocaixa
Cosmocaixa
 
Arquitecturapc01
Arquitecturapc01Arquitecturapc01
Arquitecturapc01
 
UX & A11Y: How a Wake-up Call "Flipped it"
UX & A11Y: How a Wake-up Call "Flipped it"UX & A11Y: How a Wake-up Call "Flipped it"
UX & A11Y: How a Wake-up Call "Flipped it"
 
Dev Days, Speech Recognition, LM Aubert
Dev Days, Speech Recognition, LM AubertDev Days, Speech Recognition, LM Aubert
Dev Days, Speech Recognition, LM Aubert
 
Presentasi Pkl
Presentasi PklPresentasi Pkl
Presentasi Pkl
 

Similar to Upa2012 ignite pres_l_barnett

Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use" Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Marcy Kellar
 
Wave training
Wave trainingWave training
Wave training
Sean Yo
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
Michael Ryan
 
The WAI to Web Accessibility
The WAI to Web AccessibilityThe WAI to Web Accessibility
The WAI to Web Accessibility
4Good.org
 
UX design for every screen
UX design for every screenUX design for every screen
UX design for every screen
Four Kitchens
 
Accessibility and inclusive design
Accessibility and inclusive designAccessibility and inclusive design
Accessibility and inclusive design
LindaHurd
 
Putting Mobile First - July 2013
Putting Mobile First - July 2013Putting Mobile First - July 2013
Putting Mobile First - July 2013
Precedent
 
Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!
Charity Dynamics
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Development
binuvt
 
Web Accessibility and Design
Web Accessibility and DesignWeb Accessibility and Design
Web Accessibility and Design
colinbdclark
 
Web accessibility is everyone's job
Web accessibility is everyone's jobWeb accessibility is everyone's job
Web accessibility is everyone's job
Remya Ramesh
 
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 ...
UXPA International
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp Boston
Rachel Cherry
 
Week 3 Lecture: Accessibility
Week 3 Lecture: AccessibilityWeek 3 Lecture: Accessibility
Week 3 Lecture: Accessibility
Katherine McCurdy-Lapierre, R.G.D.
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFuture
guidecreative
 
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012
Karen Mardahl
 
Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"
Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"
Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"
National Information Standards Organization (NISO)
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design
3Play Media
 
Digital Doha Summit - ICT Qatar and Open Source
Digital Doha Summit - ICT Qatar and Open SourceDigital Doha Summit - ICT Qatar and Open Source
Digital Doha Summit - ICT Qatar and Open Source
Forum One
 
Getting Started With Web Accessibility
Getting Started With Web AccessibilityGetting Started With Web Accessibility
Getting Started With Web Accessibility
Sean Yo
 

Similar to Upa2012 ignite pres_l_barnett (20)

Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use" Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
 
Wave training
Wave trainingWave training
Wave training
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
 
The WAI to Web Accessibility
The WAI to Web AccessibilityThe WAI to Web Accessibility
The WAI to Web Accessibility
 
UX design for every screen
UX design for every screenUX design for every screen
UX design for every screen
 
Accessibility and inclusive design
Accessibility and inclusive designAccessibility and inclusive design
Accessibility and inclusive design
 
Putting Mobile First - July 2013
Putting Mobile First - July 2013Putting Mobile First - July 2013
Putting Mobile First - July 2013
 
Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!
 
Usability & Agile Development
Usability & Agile DevelopmentUsability & Agile Development
Usability & Agile Development
 
Web Accessibility and Design
Web Accessibility and DesignWeb Accessibility and Design
Web Accessibility and Design
 
Web accessibility is everyone's job
Web accessibility is everyone's jobWeb accessibility is everyone's job
Web accessibility is everyone's job
 
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 ...
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp Boston
 
Week 3 Lecture: Accessibility
Week 3 Lecture: AccessibilityWeek 3 Lecture: Accessibility
Week 3 Lecture: Accessibility
 
Guide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFutureGuide Series Interactive Design_PastPresentAndFuture
Guide Series Interactive Design_PastPresentAndFuture
 
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012
 
Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"
Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"
Holloway and Akah "Case Studies on Accessibility: OCLC and WorldCat Discovery"
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design
 
Digital Doha Summit - ICT Qatar and Open Source
Digital Doha Summit - ICT Qatar and Open SourceDigital Doha Summit - ICT Qatar and Open Source
Digital Doha Summit - ICT Qatar and Open Source
 
Getting Started With Web Accessibility
Getting Started With Web AccessibilityGetting Started With Web Accessibility
Getting Started With Web Accessibility
 

Recently uploaded

Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
PabloMartelLpez
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 

Recently uploaded (20)

Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 

Upa2012 ignite pres_l_barnett

  • 1. UX and A11Y: How a wake-up call “Flipped It” Driving UX with Accessibility UPA 2012, Las Vegas, NV
  • 2. Me, in a nut shell • UX Consulting and design • Web Accessibility Advocacy and Consulting • UX Architect • C.U.A. and M.F.A. • Focus Areas: Inclusive Design, Accessibility, Systems Approaches, UX Infrastructure • Instituted a Web Accessibility Program at a Fortune 100 Health Insurance Company
  • 3. The UX Honeycomb Usability and accessibility are both useful components of the usable desirable User Experience valuable Honeycomb* findable accessible credible But accessibility is often a “nice to have.” *attributed to Peter Morville
  • 4. Inclusive Design Approach Lots of carrots! Photo: www.wikipedia.org
  • 5. Then came a wake up call “We need to confirm your site meets our federal accessibility requirements.”
  • 6. I’d been handed a stick Accessibility is now a legal requirement.
  • 7. The honeycomb had shifted If you can’t access it, accessible You can’t use it. useful usable desirable valuable findable credible
  • 8. I realized it could flip it • UX now part of A11y • A11y was a driver • User-centered standards • Testable as requirements
  • 9. Mapping UX to A11Y Inclusive Design Principles: WCAG 2.0 Guidelines: – Equitable use – Perceivable – Flexible in use – Operable – Simple and intuitive – Understandable – Perceivable info – Robust – Tolerance for error – Low physical effort – Size and space for approach and use
  • 10. Keeping the focus on users • Technical compliance is not enough • Must test on real users with disabilities, using assistive technologies • Invite developers to watch disabled users testing the pages • Take stewardship of accessibility to avoid code-centered accessibility
  • 11. Collaborating and partnering Potential advocates: • IT • Sales & Marketing • Legal & Compliance • Purchasing
  • 12. How big is the problem?
  • 13. Now fix it! •Pressure helped me •Resources were made available •I had authority I’d never had before! •IT was teaching me how to write standards so that they could interpret them •Partnerships paid off
  • 14. Cross-referrals While we’re under the hood . . . Photo: www.captmondo.com
  • 15. Now, how to build these pages? •Steep learning curve •All team members required training, especially developers •UX collaborated closely with IT •Accessible code libraries and code standards were created •Each consecutive site would be easier and faster to create, and require less testing
  • 16. Did we do it right?
  • 17. No wake-up call at your company? • Even if you’re not in a high-stakes game with the government, this approach can still be relevant • There’s a big wave coming that can help you make your case
  • 18. Getting Started • Socialize “Silver Tsunami” concept – 72 Million Boomers are at or near retirement age – They have a lot of buying power – Very comfortable online – Don‘t think of themselves as disabled – Opportunity to lay a foundation to support these users
  • 19. Getting Started • Assess and scope • Get professional help • Talk to people who have done this before • Get involved in the a11y community: – Twitter: #a11y – Web Axe blog & podcasts: webaxe.blogspot.com – Annual CSUN Conference: www.csun.edu/cod – AccessU: www.environmentsforhumans.com
  • 20. Thank you! Lisa Barnett Lisa.barnett@cummins.com