SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Dyslexia Task
Empathy Building
Visual Impairment Glasses Mobility TaskColor Blindness Simulation
These activities are not meant to simulate disabilities.
They provide a sliver of that experience to help us
understand how disabilities can affect the user experience
I Am the LAAW!
Lean Accessibility Audit Workshops
MIKE RYAN
#IAmTheLAAW
#UXPA2019
June 27, 2019
@ryaninteractive
LAAW
#IAmTheLAAW
Agenda
● Define the Problem
● LAAW (Lean Accessibility Audit Workshops)
1. Build Empathy
2. Define Web Accessibility
3. Detect Accessibility Issues
4. Prioritize Accessibility Issues
5. Design for Inclusivity
● Results and Tips
Define the
Problem
“If I were given an hour in which to do a problem
upon which my life depended, I would spend
40 minutes studying it,
15 minutes reviewing it and
5 minutes solving it.”
Albert Einstein
http://scienceblogs.com/builtonfacts/2008/12/15/greatest-physicists-2-albert-e/
LAAW
#IAmTheLAAW
Waterfall Development > Agile Development
https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/
LAAW
#IAmTheLAAW
Prior Accessibility Audit Method
● 6 week process
● Performed by accessibility specialists
● Annually performed
● Viewed as compliance
● Many issues left unfixed
LAAW
#IAmTheLAAW
How Can This Audit Process Be Improved?
● 6 week process
● Performed by accessibility specialists
● Annually performed
● Viewed as compliance
● Many issues left unfixed
https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/
● Faster process
● Spread the knowledge
● Performed more often
● Not a rubber stamp
● Fix more issues
What are some frustrations
you have had with
accessibility audits?
LAAW
#IAmTheLAAW
We All Have a Role in Accessibility
● Accessibility Specialists & UX Researchers - Train
● UX Designers - Design
● Content Strategy - Label
● Front-End Development - Implement
● Quality Assurance - Detect
● Product Owners - Prioritize
https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/
Problem:
How can we include accessibility in agile
software development across many teams?
LAAW
#IAmTheLAAW
LAAW (Lean Accessibility Audit Workshops)
● 6 week process
● Performed by accessibility specialists
● Annually performed
● Viewed as compliance
● Many issues left unfixed
https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/
● 2 week process
● Performed by agile teams
● Continuous
● Seek improvement not perfection
● Teams can detect earlier or avoid
Build Empathy
LAAW the First
LAAW (Lean Accessibility Audit Workshops)
1. Build Empathy
2. Define Web Accessibility
3. Detect Accessibility Issues
4. Prioritize Accessibility Issues
5. Design for Inclusivity
LAAW
#IAmTheLAAW
Build Empathy
Activities
● Motor
● Low Vision
● Total Blindness
● Hearing Loss or Impairment
● Cognitive
● W3C Perspective Videos
https://twitter.com/AxessLab/status/1034482989286285312
These activities are not meant to simulate
disabilities. They provide a sliver of that
experience to help us understand how
disabilities can affect the user experience.
Define Web
Accessibility
LAAW the Second
LAAW (Lean Accessibility Audit Workshops)
1. Build Empathy
2. Define Web Accessibility
3. Detect Accessibility Issues
4. Prioritize Accessibility Issues
5. Design for Inclusivity
“The usability of a product,
service, environment or facility by
people with the widest range of
capabilities.”
ISO 9241-171
LAAW
#IAmTheLAAW
Define Web Accessibility
Topics
● What is web accessibility?
● Assistive technology and strategies
● WCAG 2.1 (Web Content Accessibility Guidelines)
● Benefits of accessibility
● Set expectations
● Most common problems
LAAW
#IAmTheLAAW
WCAG Accessibility Guidelines
1. Perceivable
1.1 Provide text alternatives for any non-text content so that it can be changed into other forms
people need, such as large print, braille, speech, symbols or simpler language.
1.2 Provide alternatives for time-based media.
1.3 Create content that can be presented in different ways (for example simpler layout) without
losing information or structure.
1.4 Make it easier for users to see and hear content including separating foreground from background.
2. Operable
2.1 Make all functionality available from a keyboard.
2.2 Provide users enough time to read and use content.
2.3 Do not design content in a way that is known to cause seizures.
2.4 Provide ways to help users navigate, find content, and determine where they are.
3. Understandable
3.1 Make text content readable and understandable.
3.2 Make Web pages appear and operate in predictable ways.
3.3 Help users avoid and correct mistakes.
4. Robust
4.1 Maximize compatibility with current and future user agents, including assistive technologies.
https://www.w3.org/WAI/WCAG20/quickref/
Permanent,
Temporary,
& Situational
Disabilities
https://download.microsoft.com/download/b/0/d/b0d4bf87-09ce-4417-8f28-d60703d672ed/inclusive_toolkit_manual_final.pdf
LAAW
#IAmTheLAAW
Most Common Problems
● Color contrast
● Labeling
● Keyboard only
● Captioning
● Real-time messaging
● Content reflow
● Well-formed HTML
● Color only
What other common accessibility
problems do you find?
Detect
Accessibility
Issues
LAAW the Third
LAAW (Lean Accessibility Audit Workshops)
1. Build Empathy
2. Define Web Accessibility
3. Detect Accessibility Issues
4. Prioritize Accessibility Issues
5. Design for Inclusivity
LAAW
#IAmTheLAAW
Case Study: The Junior League of Boston
https://www.jlboston.org/
LAAW
#IAmTheLAAW
Scope the Audit
● What product are you evaluating
and why?
● What will happen with the results?
● How much time do you have?
● Consider:
○ Disabilities
○ Guidelines
○ Devices
■ Operating systems
■ Browsers
LAAW
#IAmTheLAAW
Scope the Audit
https://www.jlboston.org/
● 10-20 pages
● Highest traffic
● Most common layouts
LAAW
#IAmTheLAAW
Detect Accessibility Issues
● Workshops over 3-4 days
● For each evaluation type
○ Home page as a group
○ Teams assigned pages
LAAW
#IAmTheLAAW
Detect Accessibility Issues
Audit Activities
○ Automatic Tools: WAVE,
Accessibility Insights
○ WCAG Quick Reference
○ Keyboard Only
○ Magnification of screen and text
○ Screen readers
○ Manual checks (color only, captions)
What other accessibility tools
and methods do you use?
Prioritize
Accessibility
Issues
LAAW the Fourth
LAAW (Lean Accessibility Audit Workshops)
1. Build Empathy
2. Define Web Accessibility
3. Detect Accessibility Issues
4. Prioritize Accessibility Issues
5. Design for Inclusivity
LAAW
#IAmTheLAAW
Prioritize Accessibility Issues
Capture Findings
● White pads for each page
● Write top findings on stickies
● Stickies can include:
○ Description
○ Your initials
○ Page
○ WCAG standard
LAAW
#IAmTheLAAW
Prioritize Accessibility Issues
● Group findings and name groups
● Assign severity to each group
S1: Critical Barriers
S2: Frustrating
S3: Annoying
S4: Minor
S0: Unknown
Design for
Inclusivity
The Final LAAW
LAAW (Lean Accessibility Audit Workshops)
1. Build Empathy
2. Define Web Accessibility
3. Detect Accessibility Issues
4. Prioritize Accessibility Issues
5. Design for Inclusivity
LAAW
#IAmTheLAAW
Report Prioritized Findings
LAAW
#IAmTheLAAW
Design for Inclusivity
● Make recommendations
● Design with cross functional team
● Test with representative users
● Add to backlog and track
● Share learnings
● Perform frequent mini-audits
● Add learnings to overall process
Results
LAAW
#IAmTheLAAW
Results
● Accessibility workshops for Sales, Service,
Claims and Website in 2019
● More awareness overall
● More expertise
● Faster detection and fixing of issues
● Core feature of design system
● Accessibility Guild
https://www.ebsco.com/blog/article/building-products-with-user-accessibility-in-mind-an-e-books-case-study
Takeaway Tips
1. Involve designers, developers, QA, content and POs
2. Focus on most common problems
3. Goal is continuous improvement, not perfection
Questions!
@ryaninteractive #IAmTheLAAW

Weitere ähnliche Inhalte

Was ist angesagt?

NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
studiokandm
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
studiokandm
 

Was ist angesagt? (20)

UXPA2019 Not Your Average Chatbot: Using Cognitive Intercept to Improve Infor...
UXPA2019 Not Your Average Chatbot: Using Cognitive Intercept to Improve Infor...UXPA2019 Not Your Average Chatbot: Using Cognitive Intercept to Improve Infor...
UXPA2019 Not Your Average Chatbot: Using Cognitive Intercept to Improve Infor...
 
Basic Principles of Interface design
Basic Principles of Interface designBasic Principles of Interface design
Basic Principles of Interface design
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability Heuristics
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
 
Usability basics
Usability basicsUsability basics
Usability basics
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
2009: User experience in action
2009: User experience in action2009: User experience in action
2009: User experience in action
 
GHAMAS Design Principles
GHAMAS Design PrinciplesGHAMAS Design Principles
GHAMAS Design Principles
 
When Worlds Collide: Improving the User Experience by Applying Progressive In...
When Worlds Collide: Improving the User Experience by Applying Progressive In...When Worlds Collide: Improving the User Experience by Applying Progressive In...
When Worlds Collide: Improving the User Experience by Applying Progressive In...
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
 
Demystifying UX – A toolkit approach to better, cheaper & faster experience d...
Demystifying UX – A toolkit approach to better, cheaper & faster experience d...Demystifying UX – A toolkit approach to better, cheaper & faster experience d...
Demystifying UX – A toolkit approach to better, cheaper & faster experience d...
 
Exploring and Integrating UX in Open Source Software Development
Exploring and Integrating UX in Open Source Software Development Exploring and Integrating UX in Open Source Software Development
Exploring and Integrating UX in Open Source Software Development
 
Designing user experience (ux) for digital products
Designing user experience (ux) for digital productsDesigning user experience (ux) for digital products
Designing user experience (ux) for digital products
 
Intro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful uiIntro to ux and how to design a thoughtful ui
Intro to ux and how to design a thoughtful ui
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Designing our future overlords or: How I Learned to Stop Worrying and Love Ro...
Designing our future overlords or: How I Learned to Stop Worrying and Love Ro...Designing our future overlords or: How I Learned to Stop Worrying and Love Ro...
Designing our future overlords or: How I Learned to Stop Worrying and Love Ro...
 
Miles of Accessibility - An 'Accessibility 101'
Miles of Accessibility - An 'Accessibility 101' Miles of Accessibility - An 'Accessibility 101'
Miles of Accessibility - An 'Accessibility 101'
 
UX Bootcamp - August 2016
UX Bootcamp - August 2016UX Bootcamp - August 2016
UX Bootcamp - August 2016
 
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
 
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
 

Ähnlich wie UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop

Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Dylan Wilbanks
 

Ähnlich wie UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop (20)

I Am the LAAW! Lean Accessibility Audit Workshops
I Am the LAAW! Lean Accessibility Audit WorkshopsI Am the LAAW! Lean Accessibility Audit Workshops
I Am the LAAW! Lean Accessibility Audit Workshops
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
 
Digital accessibility intro-a11ycle_2020-01-15
Digital accessibility intro-a11ycle_2020-01-15Digital accessibility intro-a11ycle_2020-01-15
Digital accessibility intro-a11ycle_2020-01-15
 
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
 
Wordcamp 2014 - How to Perform an Accessibility Audit
Wordcamp 2014   - How to Perform an Accessibility AuditWordcamp 2014   - How to Perform an Accessibility Audit
Wordcamp 2014 - How to Perform an Accessibility Audit
 
Ensuring accessibility by Kenny Gilles
Ensuring accessibility by Kenny GillesEnsuring accessibility by Kenny Gilles
Ensuring accessibility by Kenny Gilles
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
 
Accessibility and JS: side-by-side
Accessibility and JS: side-by-sideAccessibility and JS: side-by-side
Accessibility and JS: side-by-side
 
WCAG for Beginners
WCAG for BeginnersWCAG for Beginners
WCAG for Beginners
 
SIGNA11Y - Speaker Presentations
SIGNA11Y - Speaker PresentationsSIGNA11Y - Speaker Presentations
SIGNA11Y - Speaker Presentations
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websites
 
Easy ways to make your site more accessible
Easy ways to make your site more accessibleEasy ways to make your site more accessible
Easy ways to make your site more accessible
 
The power of accessibility (November, 2018)
The power of accessibility (November, 2018)The power of accessibility (November, 2018)
The power of accessibility (November, 2018)
 
Building products people actually can use – why all developers need to unders...
Building products people actually can use – why all developers need to unders...Building products people actually can use – why all developers need to unders...
Building products people actually can use – why all developers need to unders...
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.
 
Web accessibility is everyone's job
Web accessibility is everyone's jobWeb accessibility is everyone's job
Web accessibility is everyone's job
 
What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020What companies need to know about web accessibility in 2020
What companies need to know about web accessibility in 2020
 
Web content accessibility
Web content accessibilityWeb content accessibility
Web content accessibility
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility Guidelines
 

Mehr von UXPA International

Mehr von UXPA International (20)

UXPA 2023: Start Strong - Lessons learned from associate programs to platform...
UXPA 2023: Start Strong - Lessons learned from associate programs to platform...UXPA 2023: Start Strong - Lessons learned from associate programs to platform...
UXPA 2023: Start Strong - Lessons learned from associate programs to platform...
 
UXPA 2023: Disrupting Inaccessibility: Applying A11Y-Focused Discovery & Idea...
UXPA 2023: Disrupting Inaccessibility: Applying A11Y-Focused Discovery & Idea...UXPA 2023: Disrupting Inaccessibility: Applying A11Y-Focused Discovery & Idea...
UXPA 2023: Disrupting Inaccessibility: Applying A11Y-Focused Discovery & Idea...
 
UXPA 2023 Poster: ESG & Sustainable UX
UXPA 2023 Poster: ESG & Sustainable UXUXPA 2023 Poster: ESG & Sustainable UX
UXPA 2023 Poster: ESG & Sustainable UX
 
UXPA 2023 Poster: The Two Tracks of UX Under Agile: Tactical and Strategic
UXPA 2023 Poster: The Two Tracks of UX Under Agile: Tactical and StrategicUXPA 2023 Poster: The Two Tracks of UX Under Agile: Tactical and Strategic
UXPA 2023 Poster: The Two Tracks of UX Under Agile: Tactical and Strategic
 
UXPA 2023: Data science and UX: Smarter together
UXPA 2023: Data science and UX: Smarter togetherUXPA 2023: Data science and UX: Smarter together
UXPA 2023: Data science and UX: Smarter together
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
 
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
UXPA 2023 Poster: Are virtual spaces the future of video conferencing?
 
UXPA 2023: Learn how to get over personas by swiping right on user roles
UXPA 2023: Learn how to get over personas by swiping right on user rolesUXPA 2023: Learn how to get over personas by swiping right on user roles
UXPA 2023: Learn how to get over personas by swiping right on user roles
 
UXPA 2023: F@#$ User Personas
UXPA 2023: F@#$ User PersonasUXPA 2023: F@#$ User Personas
UXPA 2023: F@#$ User Personas
 
UXPA 2023 Poster: Pocket Research Guide - Empower your Solution and Foster Cu...
UXPA 2023 Poster: Pocket Research Guide - Empower your Solution and Foster Cu...UXPA 2023 Poster: Pocket Research Guide - Empower your Solution and Foster Cu...
UXPA 2023 Poster: Pocket Research Guide - Empower your Solution and Foster Cu...
 
UXPA 2023: Experience Maps - A designer's framework for working in Agile team...
UXPA 2023: Experience Maps - A designer's framework for working in Agile team...UXPA 2023: Experience Maps - A designer's framework for working in Agile team...
UXPA 2023: Experience Maps - A designer's framework for working in Agile team...
 
UXPA 2023 Poster: Atomic Research in Practice: Using a Feedback Repository to...
UXPA 2023 Poster: Atomic Research in Practice: Using a Feedback Repository to...UXPA 2023 Poster: Atomic Research in Practice: Using a Feedback Repository to...
UXPA 2023 Poster: Atomic Research in Practice: Using a Feedback Repository to...
 
UXPA 2023 Poster: Leveraging Dial Testing To Measure Real-Time User Frustrati...
UXPA 2023 Poster: Leveraging Dial Testing To Measure Real-Time User Frustrati...UXPA 2023 Poster: Leveraging Dial Testing To Measure Real-Time User Frustrati...
UXPA 2023 Poster: Leveraging Dial Testing To Measure Real-Time User Frustrati...
 
UXPA 2023: UX Enterprise Story: How to apply a UX process to a company withou...
UXPA 2023: UX Enterprise Story: How to apply a UX process to a company withou...UXPA 2023: UX Enterprise Story: How to apply a UX process to a company withou...
UXPA 2023: UX Enterprise Story: How to apply a UX process to a company withou...
 
UXPA 2023: High-Fives over Zoom: Creating a Remote-First Creative Team
UXPA 2023: High-Fives over Zoom: Creating a Remote-First Creative TeamUXPA 2023: High-Fives over Zoom: Creating a Remote-First Creative Team
UXPA 2023: High-Fives over Zoom: Creating a Remote-First Creative Team
 
UXPA 2023: Behind the Bias: Dissecting human shortcuts for better research & ...
UXPA 2023: Behind the Bias: Dissecting human shortcuts for better research & ...UXPA 2023: Behind the Bias: Dissecting human shortcuts for better research & ...
UXPA 2023: Behind the Bias: Dissecting human shortcuts for better research & ...
 
UXPA 2023 Poster: Improving the Internal and External User Experience of a Fe...
UXPA 2023 Poster: Improving the Internal and External User Experience of a Fe...UXPA 2023 Poster: Improving the Internal and External User Experience of a Fe...
UXPA 2023 Poster: Improving the Internal and External User Experience of a Fe...
 
UXPA 2023 Poster: 5 Key Findings from Moderated Accessibility Testing with Sc...
UXPA 2023 Poster: 5 Key Findings from Moderated Accessibility Testing with Sc...UXPA 2023 Poster: 5 Key Findings from Moderated Accessibility Testing with Sc...
UXPA 2023 Poster: 5 Key Findings from Moderated Accessibility Testing with Sc...
 
UXPA 2023: Lessons for new managers
UXPA 2023: Lessons for new managersUXPA 2023: Lessons for new managers
UXPA 2023: Lessons for new managers
 
UXPA 2023: Redesigning An Automotive Feature from Gasoline to Electric Vehicl...
UXPA 2023: Redesigning An Automotive Feature from Gasoline to Electric Vehicl...UXPA 2023: Redesigning An Automotive Feature from Gasoline to Electric Vehicl...
UXPA 2023: Redesigning An Automotive Feature from Gasoline to Electric Vehicl...
 

Kürzlich hochgeladen

Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
amilabibi1
 
Chiulli_Aurora_Oman_Raffaele_Beowulf.pptx
Chiulli_Aurora_Oman_Raffaele_Beowulf.pptxChiulli_Aurora_Oman_Raffaele_Beowulf.pptx
Chiulli_Aurora_Oman_Raffaele_Beowulf.pptx
raffaeleoman
 
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
David Celestin
 
Uncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac FolorunsoUncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac Folorunso
Kayode Fayemi
 
If this Giant Must Walk: A Manifesto for a New Nigeria
If this Giant Must Walk: A Manifesto for a New NigeriaIf this Giant Must Walk: A Manifesto for a New Nigeria
If this Giant Must Walk: A Manifesto for a New Nigeria
Kayode Fayemi
 

Kürzlich hochgeladen (15)

Dreaming Marissa Sánchez Music Video Treatment
Dreaming Marissa Sánchez Music Video TreatmentDreaming Marissa Sánchez Music Video Treatment
Dreaming Marissa Sánchez Music Video Treatment
 
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
Bring back lost lover in USA, Canada ,Uk ,Australia ,London Lost Love Spell C...
 
Dreaming Music Video Treatment _ Project & Portfolio III
Dreaming Music Video Treatment _ Project & Portfolio IIIDreaming Music Video Treatment _ Project & Portfolio III
Dreaming Music Video Treatment _ Project & Portfolio III
 
ICT role in 21st century education and it's challenges.pdf
ICT role in 21st century education and it's challenges.pdfICT role in 21st century education and it's challenges.pdf
ICT role in 21st century education and it's challenges.pdf
 
Chiulli_Aurora_Oman_Raffaele_Beowulf.pptx
Chiulli_Aurora_Oman_Raffaele_Beowulf.pptxChiulli_Aurora_Oman_Raffaele_Beowulf.pptx
Chiulli_Aurora_Oman_Raffaele_Beowulf.pptx
 
lONG QUESTION ANSWER PAKISTAN STUDIES10.
lONG QUESTION ANSWER PAKISTAN STUDIES10.lONG QUESTION ANSWER PAKISTAN STUDIES10.
lONG QUESTION ANSWER PAKISTAN STUDIES10.
 
SOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdf
SOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdfSOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdf
SOLID WASTE MANAGEMENT SYSTEM OF FENI PAURASHAVA, BANGLADESH.pdf
 
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
Proofreading- Basics to Artificial Intelligence Integration - Presentation:Sl...
 
AWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdf
AWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdfAWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdf
AWS Data Engineer Associate (DEA-C01) Exam Dumps 2024.pdf
 
Uncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac FolorunsoUncommon Grace The Autobiography of Isaac Folorunso
Uncommon Grace The Autobiography of Isaac Folorunso
 
Digital collaboration with Microsoft 365 as extension of Drupal
Digital collaboration with Microsoft 365 as extension of DrupalDigital collaboration with Microsoft 365 as extension of Drupal
Digital collaboration with Microsoft 365 as extension of Drupal
 
The workplace ecosystem of the future 24.4.2024 Fabritius_share ii.pdf
The workplace ecosystem of the future 24.4.2024 Fabritius_share ii.pdfThe workplace ecosystem of the future 24.4.2024 Fabritius_share ii.pdf
The workplace ecosystem of the future 24.4.2024 Fabritius_share ii.pdf
 
My Presentation "In Your Hands" by Halle Bailey
My Presentation "In Your Hands" by Halle BaileyMy Presentation "In Your Hands" by Halle Bailey
My Presentation "In Your Hands" by Halle Bailey
 
If this Giant Must Walk: A Manifesto for a New Nigeria
If this Giant Must Walk: A Manifesto for a New NigeriaIf this Giant Must Walk: A Manifesto for a New Nigeria
If this Giant Must Walk: A Manifesto for a New Nigeria
 
Report Writing Webinar Training
Report Writing Webinar TrainingReport Writing Webinar Training
Report Writing Webinar Training
 

UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop

  • 1. Dyslexia Task Empathy Building Visual Impairment Glasses Mobility TaskColor Blindness Simulation These activities are not meant to simulate disabilities. They provide a sliver of that experience to help us understand how disabilities can affect the user experience
  • 2. I Am the LAAW! Lean Accessibility Audit Workshops MIKE RYAN #IAmTheLAAW #UXPA2019 June 27, 2019 @ryaninteractive
  • 3. LAAW #IAmTheLAAW Agenda ● Define the Problem ● LAAW (Lean Accessibility Audit Workshops) 1. Build Empathy 2. Define Web Accessibility 3. Detect Accessibility Issues 4. Prioritize Accessibility Issues 5. Design for Inclusivity ● Results and Tips
  • 4. Define the Problem “If I were given an hour in which to do a problem upon which my life depended, I would spend 40 minutes studying it, 15 minutes reviewing it and 5 minutes solving it.” Albert Einstein http://scienceblogs.com/builtonfacts/2008/12/15/greatest-physicists-2-albert-e/
  • 5. LAAW #IAmTheLAAW Waterfall Development > Agile Development https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/
  • 6. LAAW #IAmTheLAAW Prior Accessibility Audit Method ● 6 week process ● Performed by accessibility specialists ● Annually performed ● Viewed as compliance ● Many issues left unfixed
  • 7. LAAW #IAmTheLAAW How Can This Audit Process Be Improved? ● 6 week process ● Performed by accessibility specialists ● Annually performed ● Viewed as compliance ● Many issues left unfixed https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/ ● Faster process ● Spread the knowledge ● Performed more often ● Not a rubber stamp ● Fix more issues
  • 8. What are some frustrations you have had with accessibility audits?
  • 9. LAAW #IAmTheLAAW We All Have a Role in Accessibility ● Accessibility Specialists & UX Researchers - Train ● UX Designers - Design ● Content Strategy - Label ● Front-End Development - Implement ● Quality Assurance - Detect ● Product Owners - Prioritize https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/
  • 10. Problem: How can we include accessibility in agile software development across many teams?
  • 11. LAAW #IAmTheLAAW LAAW (Lean Accessibility Audit Workshops) ● 6 week process ● Performed by accessibility specialists ● Annually performed ● Viewed as compliance ● Many issues left unfixed https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/ ● 2 week process ● Performed by agile teams ● Continuous ● Seek improvement not perfection ● Teams can detect earlier or avoid
  • 12. Build Empathy LAAW the First LAAW (Lean Accessibility Audit Workshops) 1. Build Empathy 2. Define Web Accessibility 3. Detect Accessibility Issues 4. Prioritize Accessibility Issues 5. Design for Inclusivity
  • 13. LAAW #IAmTheLAAW Build Empathy Activities ● Motor ● Low Vision ● Total Blindness ● Hearing Loss or Impairment ● Cognitive ● W3C Perspective Videos https://twitter.com/AxessLab/status/1034482989286285312 These activities are not meant to simulate disabilities. They provide a sliver of that experience to help us understand how disabilities can affect the user experience.
  • 14. Define Web Accessibility LAAW the Second LAAW (Lean Accessibility Audit Workshops) 1. Build Empathy 2. Define Web Accessibility 3. Detect Accessibility Issues 4. Prioritize Accessibility Issues 5. Design for Inclusivity
  • 15. “The usability of a product, service, environment or facility by people with the widest range of capabilities.” ISO 9241-171
  • 16. LAAW #IAmTheLAAW Define Web Accessibility Topics ● What is web accessibility? ● Assistive technology and strategies ● WCAG 2.1 (Web Content Accessibility Guidelines) ● Benefits of accessibility ● Set expectations ● Most common problems
  • 17. LAAW #IAmTheLAAW WCAG Accessibility Guidelines 1. Perceivable 1.1 Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. 1.2 Provide alternatives for time-based media. 1.3 Create content that can be presented in different ways (for example simpler layout) without losing information or structure. 1.4 Make it easier for users to see and hear content including separating foreground from background. 2. Operable 2.1 Make all functionality available from a keyboard. 2.2 Provide users enough time to read and use content. 2.3 Do not design content in a way that is known to cause seizures. 2.4 Provide ways to help users navigate, find content, and determine where they are. 3. Understandable 3.1 Make text content readable and understandable. 3.2 Make Web pages appear and operate in predictable ways. 3.3 Help users avoid and correct mistakes. 4. Robust 4.1 Maximize compatibility with current and future user agents, including assistive technologies. https://www.w3.org/WAI/WCAG20/quickref/
  • 19. LAAW #IAmTheLAAW Most Common Problems ● Color contrast ● Labeling ● Keyboard only ● Captioning ● Real-time messaging ● Content reflow ● Well-formed HTML ● Color only
  • 20. What other common accessibility problems do you find?
  • 21. Detect Accessibility Issues LAAW the Third LAAW (Lean Accessibility Audit Workshops) 1. Build Empathy 2. Define Web Accessibility 3. Detect Accessibility Issues 4. Prioritize Accessibility Issues 5. Design for Inclusivity
  • 22. LAAW #IAmTheLAAW Case Study: The Junior League of Boston https://www.jlboston.org/
  • 23. LAAW #IAmTheLAAW Scope the Audit ● What product are you evaluating and why? ● What will happen with the results? ● How much time do you have? ● Consider: ○ Disabilities ○ Guidelines ○ Devices ■ Operating systems ■ Browsers
  • 24. LAAW #IAmTheLAAW Scope the Audit https://www.jlboston.org/ ● 10-20 pages ● Highest traffic ● Most common layouts
  • 25. LAAW #IAmTheLAAW Detect Accessibility Issues ● Workshops over 3-4 days ● For each evaluation type ○ Home page as a group ○ Teams assigned pages
  • 26. LAAW #IAmTheLAAW Detect Accessibility Issues Audit Activities ○ Automatic Tools: WAVE, Accessibility Insights ○ WCAG Quick Reference ○ Keyboard Only ○ Magnification of screen and text ○ Screen readers ○ Manual checks (color only, captions)
  • 27. What other accessibility tools and methods do you use?
  • 28. Prioritize Accessibility Issues LAAW the Fourth LAAW (Lean Accessibility Audit Workshops) 1. Build Empathy 2. Define Web Accessibility 3. Detect Accessibility Issues 4. Prioritize Accessibility Issues 5. Design for Inclusivity
  • 29. LAAW #IAmTheLAAW Prioritize Accessibility Issues Capture Findings ● White pads for each page ● Write top findings on stickies ● Stickies can include: ○ Description ○ Your initials ○ Page ○ WCAG standard
  • 30. LAAW #IAmTheLAAW Prioritize Accessibility Issues ● Group findings and name groups ● Assign severity to each group S1: Critical Barriers S2: Frustrating S3: Annoying S4: Minor S0: Unknown
  • 31. Design for Inclusivity The Final LAAW LAAW (Lean Accessibility Audit Workshops) 1. Build Empathy 2. Define Web Accessibility 3. Detect Accessibility Issues 4. Prioritize Accessibility Issues 5. Design for Inclusivity
  • 33. LAAW #IAmTheLAAW Design for Inclusivity ● Make recommendations ● Design with cross functional team ● Test with representative users ● Add to backlog and track ● Share learnings ● Perform frequent mini-audits ● Add learnings to overall process
  • 35. LAAW #IAmTheLAAW Results ● Accessibility workshops for Sales, Service, Claims and Website in 2019 ● More awareness overall ● More expertise ● Faster detection and fixing of issues ● Core feature of design system ● Accessibility Guild https://www.ebsco.com/blog/article/building-products-with-user-accessibility-in-mind-an-e-books-case-study
  • 36. Takeaway Tips 1. Involve designers, developers, QA, content and POs 2. Focus on most common problems 3. Goal is continuous improvement, not perfection Questions! @ryaninteractive #IAmTheLAAW

Hinweis der Redaktion

  1. Big linear process, Huge planning effort, Testing at the end, Hard to make changes Broken into many little projects, Smaller planning efforts, Testing throughout, easier to make changes
  2. How
  3. More teams engage, Train teams, Work is never done
  4. Educate, Train, Detect Issues | Define color palette, design interactions | Create labels for everything, flow, transcripts | Create interactions and implement | Detect Problems | Backlog
  5. How do we meet demand? How do we educate so everyone has base knowledge? How do we train the different roles so we all do our part?
  6. More teams engage, Train teams, Work is never done
  7. These are not meant to simulate having a disability it is merely a small slice of that experience.