SlideShare a Scribd company logo
AGILE ACCESSIBILITY
NinjaTactics for Definition of Done Dominance!
Lisa Herrod A11y Bytes Conference 2015
Accessibility is Agile!
 It’s flexible
 Loves role-play
 Happy being shared
 Lives for design artifacts
 User Research is it’s playground
Lisa Herrod 2015 @InclusiveUX
Our Star of the Day…!
3.3.1 (A)
(W00t! GO NUTS!)
ERROR IDENTIFICATION
Lisa Herrod 2015 @InclusiveUX
Accompanied by…
Client: Pet Lovers International
Product Owner: Pam
Scrum Master: Boss Scrummer
Lisa Herrod 2015 @InclusiveUX
(Oh yes… I can draw!)
…and most importantly
Lisa Herrod 2015 @InclusiveUX
Content Author
Developer
Visual Designer
UX/CX Researchers, Designers
Testers
Accessibility Specialists
AKA
Lisa Herrod 2015 @InclusiveUX
Shot on Location at…
 The office of Bright Ideas
 Product Backlog
 Sprint Backlog
 Sprint
 Design Artifact Central
Lisa Herrod 2015 @InclusiveUX
For the top events of 2015
 Definition of Ready
AND
 Definition of Done
Lisa Herrod 2015 @InclusiveUX
Lisa Herrod 2015 @InclusiveUX
http://www.scruminc.com/scrumlab-open/
Input from end-users, customer, team
& other stakeholders
3.3.1 Error Identification (A)
If an input error is automatically detected,
the item that is in error is identified and the
error is described to the user in text.
Which team roles might have input here?
Lisa Herrod 2015 @InclusiveUX
Depending on the team…
 User Experience
 Content Author
 Developer
 Interaction Design
 Visual Design
 Others?
Lisa Herrod 2015 @InclusiveUX
Product Backlog or Features
PO &Team collaborate
Features/ User Stories
A11y is introduced
Company accessibility policy
Accessibility specialists
UX, Dev,Testers
Grouping stories important
Definition of READY…
Lisa Herrod 2015 @InclusiveUX
1/3
on average 1/3 of items in backlog
are of no value to the end user
Lisa Herrod 2015 @InclusiveUX
65%
of features in the average product
are never really used by the end user
Jeff Sutherland, CEO Scrum Inc
Lisa Herrod 2015 @InclusiveUX
Definition of Ready
 Stories must be of use to the End User
 Actionable
 Does the team have A11y skills
 Estimated Accurately
 WhichWCAG Success Criteria were identified
 Gain a11y time by culling the 1/3 in backlog
 Prioritised to business value
 What is the companies Accessibility Policy?
Lisa Herrod 2015 @InclusiveUX
Sprint Backlog or Stories
User Stories are refined
More A11y is introduced via
Acceptance Criteria!
Company accessibility policy
Accessibility specialists
UX, Dev,Testers
Grouping stories important
Lisa Herrod 2015 @InclusiveUX
User Stories
Product
User StoryTitle
User Story ID 44
Acceptance Criteria
ACCESSIBILITY
Pet insurance
Online quote
AS A dog owner
I WANTTO obtain an insurance quote online
SOTHAT I can find out the cost of insuring my dog each year.
3.3.1 Error Identification (A)
If utilized, form validation errors are presented in an efficient,
intuitive, and accessible manner.
(UX, C, Dev, IxD,V)
UX: “We’ll need to consider form design
(Interaction) grouping like form elements
(Content, UX) and ensuring it’s an accessible
form”
Dev: “We’ll need to associate labels and input
fields too, perhaps legends..?”
3.3.1 Error Identification (A)
Which artifacts might we have A11y input on?
Potential touch points:
Scenarios, user journey, wireframes?
Prototypes?Complete functional modules?
During a Sprint
DoD is a Social Contract within the team
It can exist between roles & can occur at various
levels, e.g. Production & Sprint Backlogs
It means a feature is Done, Complete, Signed –off,
bug-free at feature level, ready for end-users.
Where a11y is specified in the Acceptance Criteria
of a User Story, it means that success Criteria
should PASS!
Ensuring Definition of Done
Lisa Herrod 2015 @InclusiveUX
Suppose a user story required the
user to complete a series of forms to
obtain a quote for pet insurance
And assigned to it was accessibility
acceptance criteria:
4.1.2 Markup … facilitates
accessibility appropriately, including
forms, form labels, frame titles, etc.
Time Permitting…
Lisa Herrod 2015 @InclusiveUX
Developer ‘Adem’ is assigned the user story.
Wireframes associated with the user story were
designed by UX designer ‘Lisa’, who is also noted.
In this instance Adem will implement the form with
all appropriate accessible form elements, as per
Lisa’s design.
User Story Success
Criteria
Developer UX Visual
Design
Content
US 878 4.1.2 AC LH
Lisa Herrod 2015 @InclusiveUX
User Stories
Product
User StoryTitle
User Story ID 44
Acceptance Criteria
ACCESSIBILITY
Pet insurance
Online quote
AS A dog owner
I WANTTO obtain an insurance quote online
SOTHAT I can find out the cost of insuring my dog each year.
4.1.2 Markup … facilitates accessibility appropriately, including
forms, form labels, frame titles, etc.
Lisa Herrod 2015 @InclusiveUX
Success
Criteria
Identified
User
Stories
Team
Member
Support
Role
DoD
(Sprint)
1.1.1 98
100
SP
SP
D AC
D AC
Equivalent alternatives (e.g. descriptions)
to complex images are provided.
1.2.1 106 SP - A descriptive text transcript is provided
for audio content (audio podcasts, MP3
files, etc.).
A text or audio description is provided for
non-live, web-based video-only (e.g.,
video that has no audio track).
A final example, collaboration
Content Author (A)
Lisa Herrod 2015 @InclusiveUX
Thank-you!
LisaHerrod
@Scenariogirl
@InclusiveUX

More Related Content

Similar to A11yCamp2015_Agile Accessibility

The Mobile worker
The Mobile workerThe Mobile worker
The Mobile worker
Scriptura Engage
 
Google Cloud GenAI Overview_071223.pptx
Google Cloud GenAI Overview_071223.pptxGoogle Cloud GenAI Overview_071223.pptx
Google Cloud GenAI Overview_071223.pptx
VishPothapu
 
Forrester - X Factor - Scott Rigby v2
Forrester - X Factor - Scott Rigby v2Forrester - X Factor - Scott Rigby v2
Forrester - X Factor - Scott Rigby v2
Scott Rigby
 
Virtual Assistants
Virtual AssistantsVirtual Assistants
Virtual Assistants
Jahirul Islam
 
Developer Experience
Developer ExperienceDeveloper Experience
Developer Experience
Thoughtworks
 
ISW Corporate Overview 2013
ISW Corporate Overview 2013ISW Corporate Overview 2013
ISW Corporate Overview 2013
Adam Brown
 
Amplexor Customer Experience Management seminar Adobe
Amplexor Customer Experience Management seminar Adobe Amplexor Customer Experience Management seminar Adobe
Amplexor Customer Experience Management seminar Adobe
Amplexor
 
Flutter Deck .pptx
Flutter Deck .pptxFlutter Deck .pptx
Flutter Deck .pptx
UmeshBarache
 
yogishettigar_resume_2015
yogishettigar_resume_2015yogishettigar_resume_2015
yogishettigar_resume_2015
Yogish L. Shettigar
 
PMI-ACP Lesson 05 Agile Analysis and Design
PMI-ACP Lesson 05 Agile Analysis and DesignPMI-ACP Lesson 05 Agile Analysis and Design
PMI-ACP Lesson 05 Agile Analysis and Design
Thanh Nguyen
 
Our process: from idea to engineering
Our process: from idea to engineeringOur process: from idea to engineering
Our process: from idea to engineering
Robosoft Technologies
 
Webinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
Webinar: Why Raptivity is a must have for your 2014 eLearning ToolkitWebinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
Webinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
Raptivity
 
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
Beyond The Intranet: Digital Workplace Apps, Solutions & BotsBeyond The Intranet: Digital Workplace Apps, Solutions & Bots
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
Richard Harbridge
 
Create a happy ending for data-driven decision-making
Create a happy ending for data-driven decision-makingCreate a happy ending for data-driven decision-making
Create a happy ending for data-driven decision-making
Aman Sandhu
 
Uxd corporate presentation
Uxd corporate presentationUxd corporate presentation
Uxd corporate presentation
Mandar Mayekar
 
IxDA October Event: Prototyping Approaches and Outcomes
IxDA October Event: Prototyping Approaches and OutcomesIxDA October Event: Prototyping Approaches and Outcomes
IxDA October Event: Prototyping Approaches and Outcomes
IxDA Chicago
 
Prototyping Approaches and Outcomes
Prototyping Approaches and OutcomesPrototyping Approaches and Outcomes
Prototyping Approaches and Outcomes
Devbridge Group
 
Company Profile
Company ProfileCompany Profile
Company Profile
Lalit Singh
 
Mobile Strategy 101
Mobile Strategy 101Mobile Strategy 101
Mobile Strategy 101
Rangga Wiseno
 
Best online flutter course training institute in Chandigarh
Best online flutter course training institute in ChandigarhBest online flutter course training institute in Chandigarh
Best online flutter course training institute in Chandigarh
DevKumar929839
 

Similar to A11yCamp2015_Agile Accessibility (20)

The Mobile worker
The Mobile workerThe Mobile worker
The Mobile worker
 
Google Cloud GenAI Overview_071223.pptx
Google Cloud GenAI Overview_071223.pptxGoogle Cloud GenAI Overview_071223.pptx
Google Cloud GenAI Overview_071223.pptx
 
Forrester - X Factor - Scott Rigby v2
Forrester - X Factor - Scott Rigby v2Forrester - X Factor - Scott Rigby v2
Forrester - X Factor - Scott Rigby v2
 
Virtual Assistants
Virtual AssistantsVirtual Assistants
Virtual Assistants
 
Developer Experience
Developer ExperienceDeveloper Experience
Developer Experience
 
ISW Corporate Overview 2013
ISW Corporate Overview 2013ISW Corporate Overview 2013
ISW Corporate Overview 2013
 
Amplexor Customer Experience Management seminar Adobe
Amplexor Customer Experience Management seminar Adobe Amplexor Customer Experience Management seminar Adobe
Amplexor Customer Experience Management seminar Adobe
 
Flutter Deck .pptx
Flutter Deck .pptxFlutter Deck .pptx
Flutter Deck .pptx
 
yogishettigar_resume_2015
yogishettigar_resume_2015yogishettigar_resume_2015
yogishettigar_resume_2015
 
PMI-ACP Lesson 05 Agile Analysis and Design
PMI-ACP Lesson 05 Agile Analysis and DesignPMI-ACP Lesson 05 Agile Analysis and Design
PMI-ACP Lesson 05 Agile Analysis and Design
 
Our process: from idea to engineering
Our process: from idea to engineeringOur process: from idea to engineering
Our process: from idea to engineering
 
Webinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
Webinar: Why Raptivity is a must have for your 2014 eLearning ToolkitWebinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
Webinar: Why Raptivity is a must have for your 2014 eLearning Toolkit
 
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
Beyond The Intranet: Digital Workplace Apps, Solutions & BotsBeyond The Intranet: Digital Workplace Apps, Solutions & Bots
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
 
Create a happy ending for data-driven decision-making
Create a happy ending for data-driven decision-makingCreate a happy ending for data-driven decision-making
Create a happy ending for data-driven decision-making
 
Uxd corporate presentation
Uxd corporate presentationUxd corporate presentation
Uxd corporate presentation
 
IxDA October Event: Prototyping Approaches and Outcomes
IxDA October Event: Prototyping Approaches and OutcomesIxDA October Event: Prototyping Approaches and Outcomes
IxDA October Event: Prototyping Approaches and Outcomes
 
Prototyping Approaches and Outcomes
Prototyping Approaches and OutcomesPrototyping Approaches and Outcomes
Prototyping Approaches and Outcomes
 
Company Profile
Company ProfileCompany Profile
Company Profile
 
Mobile Strategy 101
Mobile Strategy 101Mobile Strategy 101
Mobile Strategy 101
 
Best online flutter course training institute in Chandigarh
Best online flutter course training institute in ChandigarhBest online flutter course training institute in Chandigarh
Best online flutter course training institute in Chandigarh
 

More from Lisa Herrod

The Age of Awareness
The Age of AwarenessThe Age of Awareness
The Age of Awareness
Lisa Herrod
 
Lean Usability for startups
Lean Usability for startupsLean Usability for startups
Lean Usability for startups
Lisa Herrod
 
Designing for Diversity
Designing for DiversityDesigning for Diversity
Designing for Diversity
Lisa Herrod
 
User Testing For The Rest Of Us
User Testing For The Rest Of UsUser Testing For The Rest Of Us
User Testing For The Rest Of Us
Lisa Herrod
 
Usability: More than Skin Deep
Usability: More than Skin DeepUsability: More than Skin Deep
Usability: More than Skin Deep
Lisa Herrod
 
Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content
Lisa Herrod
 
Better Content by Design
Better Content by Design Better Content by Design
Better Content by Design
Lisa Herrod
 
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary TeamUsability in a Multidisciplinary Team
Usability in a Multidisciplinary Team
Lisa Herrod
 
WE05 Eye Tracking the User Experience
WE05 Eye Tracking the User ExperienceWE05 Eye Tracking the User Experience
WE05 Eye Tracking the User Experience
Lisa Herrod
 

More from Lisa Herrod (9)

The Age of Awareness
The Age of AwarenessThe Age of Awareness
The Age of Awareness
 
Lean Usability for startups
Lean Usability for startupsLean Usability for startups
Lean Usability for startups
 
Designing for Diversity
Designing for DiversityDesigning for Diversity
Designing for Diversity
 
User Testing For The Rest Of Us
User Testing For The Rest Of UsUser Testing For The Rest Of Us
User Testing For The Rest Of Us
 
Usability: More than Skin Deep
Usability: More than Skin DeepUsability: More than Skin Deep
Usability: More than Skin Deep
 
Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content Supporting the Individual in Collaborative Content
Supporting the Individual in Collaborative Content
 
Better Content by Design
Better Content by Design Better Content by Design
Better Content by Design
 
Usability in a Multidisciplinary Team
Usability in a Multidisciplinary TeamUsability in a Multidisciplinary Team
Usability in a Multidisciplinary Team
 
WE05 Eye Tracking the User Experience
WE05 Eye Tracking the User ExperienceWE05 Eye Tracking the User Experience
WE05 Eye Tracking the User Experience
 

A11yCamp2015_Agile Accessibility

  • 1. AGILE ACCESSIBILITY NinjaTactics for Definition of Done Dominance! Lisa Herrod A11y Bytes Conference 2015
  • 2. Accessibility is Agile!  It’s flexible  Loves role-play  Happy being shared  Lives for design artifacts  User Research is it’s playground Lisa Herrod 2015 @InclusiveUX
  • 3. Our Star of the Day…! 3.3.1 (A) (W00t! GO NUTS!) ERROR IDENTIFICATION Lisa Herrod 2015 @InclusiveUX
  • 4. Accompanied by… Client: Pet Lovers International Product Owner: Pam Scrum Master: Boss Scrummer Lisa Herrod 2015 @InclusiveUX
  • 5. (Oh yes… I can draw!) …and most importantly Lisa Herrod 2015 @InclusiveUX
  • 6. Content Author Developer Visual Designer UX/CX Researchers, Designers Testers Accessibility Specialists AKA Lisa Herrod 2015 @InclusiveUX
  • 7. Shot on Location at…  The office of Bright Ideas  Product Backlog  Sprint Backlog  Sprint  Design Artifact Central Lisa Herrod 2015 @InclusiveUX
  • 8. For the top events of 2015  Definition of Ready AND  Definition of Done Lisa Herrod 2015 @InclusiveUX
  • 9. Lisa Herrod 2015 @InclusiveUX
  • 11. Input from end-users, customer, team & other stakeholders
  • 12. 3.3.1 Error Identification (A) If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text. Which team roles might have input here? Lisa Herrod 2015 @InclusiveUX
  • 13. Depending on the team…  User Experience  Content Author  Developer  Interaction Design  Visual Design  Others? Lisa Herrod 2015 @InclusiveUX
  • 14. Product Backlog or Features PO &Team collaborate Features/ User Stories A11y is introduced Company accessibility policy Accessibility specialists UX, Dev,Testers Grouping stories important Definition of READY… Lisa Herrod 2015 @InclusiveUX
  • 15. 1/3 on average 1/3 of items in backlog are of no value to the end user Lisa Herrod 2015 @InclusiveUX
  • 16. 65% of features in the average product are never really used by the end user Jeff Sutherland, CEO Scrum Inc Lisa Herrod 2015 @InclusiveUX
  • 17. Definition of Ready  Stories must be of use to the End User  Actionable  Does the team have A11y skills  Estimated Accurately  WhichWCAG Success Criteria were identified  Gain a11y time by culling the 1/3 in backlog  Prioritised to business value  What is the companies Accessibility Policy? Lisa Herrod 2015 @InclusiveUX
  • 18. Sprint Backlog or Stories User Stories are refined More A11y is introduced via Acceptance Criteria! Company accessibility policy Accessibility specialists UX, Dev,Testers Grouping stories important Lisa Herrod 2015 @InclusiveUX
  • 19. User Stories Product User StoryTitle User Story ID 44 Acceptance Criteria ACCESSIBILITY Pet insurance Online quote AS A dog owner I WANTTO obtain an insurance quote online SOTHAT I can find out the cost of insuring my dog each year. 3.3.1 Error Identification (A) If utilized, form validation errors are presented in an efficient, intuitive, and accessible manner. (UX, C, Dev, IxD,V)
  • 20. UX: “We’ll need to consider form design (Interaction) grouping like form elements (Content, UX) and ensuring it’s an accessible form” Dev: “We’ll need to associate labels and input fields too, perhaps legends..?”
  • 21. 3.3.1 Error Identification (A) Which artifacts might we have A11y input on? Potential touch points: Scenarios, user journey, wireframes? Prototypes?Complete functional modules?
  • 23. DoD is a Social Contract within the team It can exist between roles & can occur at various levels, e.g. Production & Sprint Backlogs It means a feature is Done, Complete, Signed –off, bug-free at feature level, ready for end-users. Where a11y is specified in the Acceptance Criteria of a User Story, it means that success Criteria should PASS! Ensuring Definition of Done Lisa Herrod 2015 @InclusiveUX
  • 24.
  • 25. Suppose a user story required the user to complete a series of forms to obtain a quote for pet insurance And assigned to it was accessibility acceptance criteria: 4.1.2 Markup … facilitates accessibility appropriately, including forms, form labels, frame titles, etc. Time Permitting… Lisa Herrod 2015 @InclusiveUX
  • 26. Developer ‘Adem’ is assigned the user story. Wireframes associated with the user story were designed by UX designer ‘Lisa’, who is also noted. In this instance Adem will implement the form with all appropriate accessible form elements, as per Lisa’s design. User Story Success Criteria Developer UX Visual Design Content US 878 4.1.2 AC LH Lisa Herrod 2015 @InclusiveUX
  • 27. User Stories Product User StoryTitle User Story ID 44 Acceptance Criteria ACCESSIBILITY Pet insurance Online quote AS A dog owner I WANTTO obtain an insurance quote online SOTHAT I can find out the cost of insuring my dog each year. 4.1.2 Markup … facilitates accessibility appropriately, including forms, form labels, frame titles, etc. Lisa Herrod 2015 @InclusiveUX
  • 28. Success Criteria Identified User Stories Team Member Support Role DoD (Sprint) 1.1.1 98 100 SP SP D AC D AC Equivalent alternatives (e.g. descriptions) to complex images are provided. 1.2.1 106 SP - A descriptive text transcript is provided for audio content (audio podcasts, MP3 files, etc.). A text or audio description is provided for non-live, web-based video-only (e.g., video that has no audio track). A final example, collaboration Content Author (A) Lisa Herrod 2015 @InclusiveUX