SlideShare a Scribd company logo
I Am the LAAW!
Lean Accessibility Audit Workshops
MIKE RYAN
#IAmTheLAAW
#A11YBOS
October 27, 2018
@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
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
(see Building Empathy through Immersion station outside)
https://twitter.com/AxessLab/status/1034482989286285312
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
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
Most Common Problems
● Color contrast
● Labeling
● Keyboard only
● Captioning
● Real-time messaging
● Content reflow
● Well-formed HTML
● Color only
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
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 Toolbar
○ WCAG Quick Reference
○ Keyboard Only
○ Magnification of screen and text
○ Screen readers
○ Manual checks (color only, captions)
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
● 4 accessibility workshops in 2018
● 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
@ryaninteractive #IAmTheLAAW

More Related Content

Similar to I Am the LAAW! Lean Accessibility Audit Workshops

Massively maintained accessibility: WordPress
Massively maintained accessibility: WordPressMassively maintained accessibility: WordPress
Massively maintained accessibility: WordPress
Joseph Dolson
 
Web accessibility evaluation tools
Web accessibility evaluation toolsWeb accessibility evaluation tools
Web accessibility evaluation tools
NaveenkumarS121
 
Common Sense Agile
Common Sense AgileCommon Sense Agile
Common Sense Agile
Alex Apollonsky
 
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
David Sloan
 
Ensuring accessibility by Kenny Gilles
Ensuring accessibility by Kenny GillesEnsuring accessibility by Kenny Gilles
Ensuring accessibility by Kenny Gilles
QA or the Highway
 
WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013
Graham Armfield
 
Usable Software Design
Usable Software DesignUsable Software Design
Usable Software Design
Alexandru Bolboaca
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
Keana Lynch
 
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
 
Microservices - Scaling Development and Service
Microservices - Scaling Development and ServiceMicroservices - Scaling Development and Service
Microservices - Scaling Development and Service
Paulo Gaspar
 
Symantec - From Early Drupal Adoption to the Latest Drupal Innovations
Symantec - From Early Drupal Adoption to the Latest Drupal InnovationsSymantec - From Early Drupal Adoption to the Latest Drupal Innovations
Symantec - From Early Drupal Adoption to the Latest Drupal Innovations
Tag1 Consulting, Inc.
 
Browser Automated Testing Frameworks - Nightwatch.js
Browser Automated Testing Frameworks - Nightwatch.jsBrowser Automated Testing Frameworks - Nightwatch.js
Browser Automated Testing Frameworks - Nightwatch.js
Luís Bastião Silva
 
What’s Next with Accessibility?
What’s Next with Accessibility?What’s Next with Accessibility?
What’s Next with Accessibility?
Keana Lynch
 
How to establish ways of working that allows shifting-left of the automation ...
How to establish ways of working that allows shifting-left of the automation ...How to establish ways of working that allows shifting-left of the automation ...
How to establish ways of working that allows shifting-left of the automation ...
Max Barrass
 
IWMW 2004: Beyond Web Accessibility Providing A Holistic User Experience
IWMW 2004: Beyond Web Accessibility Providing A Holistic User ExperienceIWMW 2004: Beyond Web Accessibility Providing A Holistic User Experience
IWMW 2004: Beyond Web Accessibility Providing A Holistic User Experience
IWMW
 
Automation framework with clean architecture, accessibility & self healing - ...
Automation framework with clean architecture, accessibility & self healing - ...Automation framework with clean architecture, accessibility & self healing - ...
Automation framework with clean architecture, accessibility & self healing - ...
Globant
 
Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack
Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack
Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack
Suren Konathala
 
Web Accessibility Before and After, PSEWeb 2014
Web Accessibility Before and After, PSEWeb 2014Web Accessibility Before and After, PSEWeb 2014
Web Accessibility Before and After, PSEWeb 2014
Kevin Rydberg
 
Web product management tools
Web product management toolsWeb product management tools
Web product management tools
PM FastTrack
 
Web productmanagement tools
Web productmanagement toolsWeb productmanagement tools
Web productmanagement tools
David Kim
 

Similar to I Am the LAAW! Lean Accessibility Audit Workshops (20)

Massively maintained accessibility: WordPress
Massively maintained accessibility: WordPressMassively maintained accessibility: WordPress
Massively maintained accessibility: WordPress
 
Web accessibility evaluation tools
Web accessibility evaluation toolsWeb accessibility evaluation tools
Web accessibility evaluation tools
 
Common Sense Agile
Common Sense AgileCommon Sense Agile
Common Sense Agile
 
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...Never mind the content: the importance of Authoring Tools in achieving Web Ac...
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
 
Ensuring accessibility by Kenny Gilles
Ensuring accessibility by Kenny GillesEnsuring accessibility by Kenny Gilles
Ensuring accessibility by Kenny Gilles
 
WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013WordPress and Web Accessibility - 2013
WordPress and Web Accessibility - 2013
 
Usable Software Design
Usable Software DesignUsable Software Design
Usable Software Design
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
 
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...
 
Microservices - Scaling Development and Service
Microservices - Scaling Development and ServiceMicroservices - Scaling Development and Service
Microservices - Scaling Development and Service
 
Symantec - From Early Drupal Adoption to the Latest Drupal Innovations
Symantec - From Early Drupal Adoption to the Latest Drupal InnovationsSymantec - From Early Drupal Adoption to the Latest Drupal Innovations
Symantec - From Early Drupal Adoption to the Latest Drupal Innovations
 
Browser Automated Testing Frameworks - Nightwatch.js
Browser Automated Testing Frameworks - Nightwatch.jsBrowser Automated Testing Frameworks - Nightwatch.js
Browser Automated Testing Frameworks - Nightwatch.js
 
What’s Next with Accessibility?
What’s Next with Accessibility?What’s Next with Accessibility?
What’s Next with Accessibility?
 
How to establish ways of working that allows shifting-left of the automation ...
How to establish ways of working that allows shifting-left of the automation ...How to establish ways of working that allows shifting-left of the automation ...
How to establish ways of working that allows shifting-left of the automation ...
 
IWMW 2004: Beyond Web Accessibility Providing A Holistic User Experience
IWMW 2004: Beyond Web Accessibility Providing A Holistic User ExperienceIWMW 2004: Beyond Web Accessibility Providing A Holistic User Experience
IWMW 2004: Beyond Web Accessibility Providing A Holistic User Experience
 
Automation framework with clean architecture, accessibility & self healing - ...
Automation framework with clean architecture, accessibility & self healing - ...Automation framework with clean architecture, accessibility & self healing - ...
Automation framework with clean architecture, accessibility & self healing - ...
 
Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack
Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack
Introducing the JAQ (Java, Angular, Sql/NoSQL) Stack
 
Web Accessibility Before and After, PSEWeb 2014
Web Accessibility Before and After, PSEWeb 2014Web Accessibility Before and After, PSEWeb 2014
Web Accessibility Before and After, PSEWeb 2014
 
Web product management tools
Web product management toolsWeb product management tools
Web product management tools
 
Web productmanagement tools
Web productmanagement toolsWeb productmanagement tools
Web productmanagement tools
 

More from Michael Ryan

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
 
#HamburgerWars Ignite UXPA International 2015
#HamburgerWars Ignite UXPA International 2015 #HamburgerWars Ignite UXPA International 2015
#HamburgerWars Ignite UXPA International 2015
Michael Ryan
 
#HamburgerWars (Full Talk)
#HamburgerWars (Full Talk)#HamburgerWars (Full Talk)
#HamburgerWars (Full Talk)
Michael Ryan
 
#HamburgerWars UXPA Boston 15 (10 Minute Talk)
#HamburgerWars UXPA Boston 15 (10 Minute Talk)#HamburgerWars UXPA Boston 15 (10 Minute Talk)
#HamburgerWars UXPA Boston 15 (10 Minute Talk)
Michael Ryan
 
Motivational Lessons for Mentees
Motivational Lessons for Mentees Motivational Lessons for Mentees
Motivational Lessons for Mentees
Michael Ryan
 
Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional MethodsRock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
Michael Ryan
 
Folksonomies: Diverse, Democratic and Evolving Classification
Folksonomies: Diverse, Democratic and Evolving ClassificationFolksonomies: Diverse, Democratic and Evolving Classification
Folksonomies: Diverse, Democratic and Evolving Classification
Michael Ryan
 

More from Michael Ryan (7)

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
 
#HamburgerWars Ignite UXPA International 2015
#HamburgerWars Ignite UXPA International 2015 #HamburgerWars Ignite UXPA International 2015
#HamburgerWars Ignite UXPA International 2015
 
#HamburgerWars (Full Talk)
#HamburgerWars (Full Talk)#HamburgerWars (Full Talk)
#HamburgerWars (Full Talk)
 
#HamburgerWars UXPA Boston 15 (10 Minute Talk)
#HamburgerWars UXPA Boston 15 (10 Minute Talk)#HamburgerWars UXPA Boston 15 (10 Minute Talk)
#HamburgerWars UXPA Boston 15 (10 Minute Talk)
 
Motivational Lessons for Mentees
Motivational Lessons for Mentees Motivational Lessons for Mentees
Motivational Lessons for Mentees
 
Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional MethodsRock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
Rock! Paper! iPad! Comparing UX Tools on the iPad to Traditional Methods
 
Folksonomies: Diverse, Democratic and Evolving Classification
Folksonomies: Diverse, Democratic and Evolving ClassificationFolksonomies: Diverse, Democratic and Evolving Classification
Folksonomies: Diverse, Democratic and Evolving Classification
 

Recently uploaded

Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
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
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
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
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 

Recently uploaded (20)

Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
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
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
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
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 

I Am the LAAW! Lean Accessibility Audit Workshops

  • 1. I Am the LAAW! Lean Accessibility Audit Workshops MIKE RYAN #IAmTheLAAW #A11YBOS October 27, 2018 @ryaninteractive
  • 2. 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
  • 3. 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/
  • 4. LAAW #IAmTheLAAW Waterfall Development > Agile Development https://blog.ganttpro.com/en/waterfall-vs-agile-with-advantages-and-disadvantages/
  • 5. LAAW #IAmTheLAAW Prior Accessibility Audit Method ● 6 week process ● Performed by accessibility specialists ● Annually performed ● Viewed as compliance ● Many issues left unfixed
  • 6. 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
  • 7. 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/
  • 8. Problem: How can we include accessibility in agile software development across many teams?
  • 9. 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
  • 10. 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
  • 11. LAAW #IAmTheLAAW Build Empathy Activities ● Motor ● Low Vision ● Total Blindness ● Hearing Loss or Impairment ● Cognitive ● W3C Perspective Videos (see Building Empathy through Immersion station outside) https://twitter.com/AxessLab/status/1034482989286285312
  • 12. 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
  • 13. 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
  • 14. LAAW #IAmTheLAAW Most Common Problems ● Color contrast ● Labeling ● Keyboard only ● Captioning ● Real-time messaging ● Content reflow ● Well-formed HTML ● Color only
  • 15. 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
  • 16. LAAW #IAmTheLAAW Case Study: The Junior League of Boston https://www.jlboston.org/
  • 17. LAAW #IAmTheLAAW Scope the Audit https://www.jlboston.org/ ● 10-20 pages ● Highest traffic ● Most common layouts
  • 18. LAAW #IAmTheLAAW Detect Accessibility Issues ● Workshops over 3-4 days ● For each evaluation type ○ Home page as a group ○ Teams assigned pages
  • 19. LAAW #IAmTheLAAW Detect Accessibility Issues Audit Activities ○ Automatic Tools: WAVE Toolbar ○ WCAG Quick Reference ○ Keyboard Only ○ Magnification of screen and text ○ Screen readers ○ Manual checks (color only, captions)
  • 20. 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
  • 21. 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
  • 22. 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
  • 23. 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
  • 25. 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
  • 27. LAAW #IAmTheLAAW Results ● 4 accessibility workshops in 2018 ● 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
  • 28. Takeaway Tips 1. Involve designers, developers, QA, content and POs 2. Focus on most common problems 3. Goal is continuous improvement, not perfection @ryaninteractive #IAmTheLAAW