SlideShare a Scribd company logo
User stories for accessibility
Accessibility in an agile world?
creating an inclusive digital world
intopia.digital @intopiadigital
Andrew Arch @amja
Sarah Pulis @sarahtp
What is Agile?
Agile is …
A development methodology that is
• Iterative
• Incremental
• Evolutionary
Rather than specification driven with a long development
phase that thinks about the user at the end
Agile is …
The Manifesto for Agile Software Development values
• Individuals and Interactions over processes and tools
• Working Software over comprehensive documentation
• Customer Collaboration over contract negotiation
• Responding to Change over following a plan
Leading to opportunities to incorporate, and adjust to, user
needs as they are discovered
Image courtesy of @DTA
Agile is …
… a collection of
values, principles, behaviours, and practices
enabling teams to build services iteratively, delivering early
and often.
Agile is a state of mind rather than a process to be followed
Courtesy @RodBMolina
How does Agile work?
Agile operating model
Image courtesy of @DTA and @RodMolina
Agile workflow
Agile often involves a series of iterations or sprints
Work for each sprint is defined in a ‘user story’ expressed
from the perspective of an end-user goal:
as a [role / person]
I want / need [some requirement or feature]
so that [goal / value / reason]
Benefits of user stories
• Define problems faced by people with varying ability
• Articulate user’s needs clearly
• Less prescriptive than requirements documentation
• Result in shared understanding of the outcome for the user
• Promote discussion and collaboration
When applied to accessibility for people with disability, they
can help demystify WCAG
WCAG 2.0 framework
WCAG 2.0
Perceivable
Text
Alternatives
Time-based
Media
Adaptable
Distinguishable
Operable
Keyboard
Accessible
Enough
Time
Seizures
Navigable
Understandable
Readable
Predictable
Input
Assistance
Robust
Compatible
Principles
Guidelines
Success
Criteria
A:
AA:
AAA:
User stories make accessibility real – no longer the elephant in the room
Completing a user story
Teams have a checklist of criteria which must be met before a
user story can be considered “done”
Definition of Done
For role based stories can include
• Feature is tested for accessibility
For person/persona based stories
• Features works for the user with their technology or limitations
User stories for accessibility
Components of a user story
•The user
•A real person from user research or usability testing
•A persona that has a disability or impairment
•The outcome when interacting with the system
•The goal or value that is delivered
Common Persona Attributes
• Name: naming your persona makes them more real.
• Motivations: why would the user use your product?
• Goals: what do they want to achieve, and how can your product help?
• Frustrations: what problems does your user have with certain tasks?
• This is where disability or impairment can be described
along with assistive technology or adaptive strategies used
• Demographics: age, gender, location, occupation.
• Picture: giving the user a face makes them more real and relatable.
• Quote: what memorable quote sums up your user and the problem you
want to solve for them?
Attributes for Diverse Personas
Alternatively, add additional diversity related attributes
• Ability: the level of ability the user has – do they have any
impairments?
• Aptitude: how experienced is the user with the web?
Do their abilities create any specific difficulties when using a
computer?
• Attitude: what are their attitude towards life, or towards the
web?
• Access points: does this user need assistive technologies or rely
on adaptive strategies to access the web?
Sarah Horton and Whitney
Quesenbury describe 8 personas
Barclays Bank
describe 7
personas
Sample user stories
As a sighted non-mouse user I need better keyboard focus so I
can see where I am in a page as I tab through it
As a sighted user with poor concentration I need visible labels on
all form fields so I can understand what information is requested
As a sighted user with cognitive issues I need all instructions to
appear on screen and specify the exact requirements so I can
understand all information needed
Sample user stories
As a screen reader user I need alt-text on informative images so I
can understand all the important information on a page
As a screen reader user I need all link text to be meaningful so
that I can navigate more easily
As a low vision user or colour deficient user I need more obvious
link indicators so I can see where to click on a page
Sample user stories
As a hearing-impaired person, I need captions on the videos in
order to fully understand the eLearning modules
As a low vision user, I need to increase the font size in order to
read the screens
As a front-line user under pressure to meet KPIs I need clear link
text in order to know intuitively where to go next
Helping specify the requirement
To help the developers implement the user stories correctly
• Add an explanation of the issue on the page
• Add a possible solution to resolve the issue
• Prioritise the issue
• Reference the WCAG Success Criteria (if applicable)
• Point to the Quickref (not the TR)
Create an understanding of disability
Have a team presentation / discussion about diversity
• Talk about ageing, culture, disability and the overlaps
• Watch the W3C Perspectives videos
Make diversity and disability real by
• Relating to grandparents
• Discussing personas
• Including team in usability sessions
Point out that accessibility IS usability for some
‘Accessibility is
just the beginning. It
is usability that
makes the difference.’
Patti Moore
UX Australia keynote 2016
‘Wasting time is the
worst customer
experience’
Gerry McGovern, 27/3/17
http://gerrymcgovern.com/wasting-
time-is-the-worst-customer-
experience/
Definition of done
Definition of done
For role based stories can include
• Feature is tested for accessibility
For person/persona based stories
• Features works for the user with their technology or limitations
More specifically
• All tasks finished (with the ability of the user in the story)
• All tests passed (including using the feature with the user’s ability
• Code checked in to version control
Would this pass?
Let’s continue the conversation
Andrew Arch & Sarah Pulis
andrew@intopia.digital
sarah@intopia.digital
@amja @sarahtp
creating an inclusive digital world
intopia.digital
Slides:
https://bit.ly/2IIvNRF

More Related Content

What's hot

Inclusive customer interviews make it your friday task
Inclusive customer interviews  make it your friday taskInclusive customer interviews  make it your friday task
Inclusive customer interviews make it your friday task
Ted Drake
 
Agile Practice Webinar: User Story Canvas and how to use it
Agile Practice Webinar: User Story Canvas and how to use itAgile Practice Webinar: User Story Canvas and how to use it
Agile Practice Webinar: User Story Canvas and how to use it
LuxoftAgilePractice
 
Heuristic Evaluation - UX Approach
Heuristic Evaluation - UX ApproachHeuristic Evaluation - UX Approach
Heuristic Evaluation - UX Approach
Ganesan Arjunan
 
Mobile firstpresentation huit
Mobile firstpresentation huitMobile firstpresentation huit
Mobile firstpresentation huit
kevin_donovan
 
SharePoint in Higher Education Institutions
SharePoint in Higher Education InstitutionsSharePoint in Higher Education Institutions
SharePoint in Higher Education Institutions
Eduserv
 
Usability
UsabilityUsability
Beyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your DesignBeyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your Design
hawleymichael
 
UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - Overview
Mike Gallers
 
Effective Interaction Design Testing
Effective Interaction Design TestingEffective Interaction Design Testing
Effective Interaction Design Testing
Muhammad Faizan Atiq محمد فيضان
 
Web Tool/App Selection Criteria
Web Tool/App Selection CriteriaWeb Tool/App Selection Criteria
Web Tool/App Selection Criteria
Shannon Parker
 
GAAD-Deque-Accessibility-webinar
GAAD-Deque-Accessibility-webinarGAAD-Deque-Accessibility-webinar
GAAD-Deque-Accessibility-webinar
Manoj Kumar Kumar
 
one sheet - inteVISTA Go
one sheet - inteVISTA Goone sheet - inteVISTA Go
one sheet - inteVISTA Go
Lisa Hackbarth
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
Vincci Kwong
 
How to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across TeamsHow to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across Teams
UserZoom
 
Practical Accessibility Testing
Practical Accessibility TestingPractical Accessibility Testing
Practical Accessibility Testing
Glenda Sims
 
Remote Usability Testing
Remote Usability TestingRemote Usability Testing
Remote Usability Testing
Elizabeth Snowdon
 
Usability Techniques for Startups
Usability Techniques for StartupsUsability Techniques for Startups
Usability Techniques for Startups
Perfetti Media
 
Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...
Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...
Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...
UserZoom
 
Making Research a UX Team Sport
Making Research a UX Team SportMaking Research a UX Team Sport
Making Research a UX Team Sport
UserZoom
 
Tips for involving users in your website design - commercial property markete...
Tips for involving users in your website design - commercial property markete...Tips for involving users in your website design - commercial property markete...
Tips for involving users in your website design - commercial property markete...
estatesgazette.com, RBI
 

What's hot (20)

Inclusive customer interviews make it your friday task
Inclusive customer interviews  make it your friday taskInclusive customer interviews  make it your friday task
Inclusive customer interviews make it your friday task
 
Agile Practice Webinar: User Story Canvas and how to use it
Agile Practice Webinar: User Story Canvas and how to use itAgile Practice Webinar: User Story Canvas and how to use it
Agile Practice Webinar: User Story Canvas and how to use it
 
Heuristic Evaluation - UX Approach
Heuristic Evaluation - UX ApproachHeuristic Evaluation - UX Approach
Heuristic Evaluation - UX Approach
 
Mobile firstpresentation huit
Mobile firstpresentation huitMobile firstpresentation huit
Mobile firstpresentation huit
 
SharePoint in Higher Education Institutions
SharePoint in Higher Education InstitutionsSharePoint in Higher Education Institutions
SharePoint in Higher Education Institutions
 
Usability
UsabilityUsability
Usability
 
Beyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your DesignBeyond Usability Testing: Assessing the Usefulness of Your Design
Beyond Usability Testing: Assessing the Usefulness of Your Design
 
UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - Overview
 
Effective Interaction Design Testing
Effective Interaction Design TestingEffective Interaction Design Testing
Effective Interaction Design Testing
 
Web Tool/App Selection Criteria
Web Tool/App Selection CriteriaWeb Tool/App Selection Criteria
Web Tool/App Selection Criteria
 
GAAD-Deque-Accessibility-webinar
GAAD-Deque-Accessibility-webinarGAAD-Deque-Accessibility-webinar
GAAD-Deque-Accessibility-webinar
 
one sheet - inteVISTA Go
one sheet - inteVISTA Goone sheet - inteVISTA Go
one sheet - inteVISTA Go
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
 
How to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across TeamsHow to Run Research in Agile Sprints by Democratizing It Across Teams
How to Run Research in Agile Sprints by Democratizing It Across Teams
 
Practical Accessibility Testing
Practical Accessibility TestingPractical Accessibility Testing
Practical Accessibility Testing
 
Remote Usability Testing
Remote Usability TestingRemote Usability Testing
Remote Usability Testing
 
Usability Techniques for Startups
Usability Techniques for StartupsUsability Techniques for Startups
Usability Techniques for Startups
 
Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...
Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...
Benchmarking Mini-series Part #2: Conducting Quick, Cost-Effective UX Benchma...
 
Making Research a UX Team Sport
Making Research a UX Team SportMaking Research a UX Team Sport
Making Research a UX Team Sport
 
Tips for involving users in your website design - commercial property markete...
Tips for involving users in your website design - commercial property markete...Tips for involving users in your website design - commercial property markete...
Tips for involving users in your website design - commercial property markete...
 

Similar to A11y user stories CSUN 2018

Usability
UsabilityUsability
Usability
vaibhavkhatkekar
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team
Guilherme Rodrigues
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
Julie Grundy
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
Shawn Day
 
Integrating UX Into Agile: How To Ensure Your Sprints Result In Usable Software
Integrating UX Into Agile: How To Ensure Your Sprints Result In Usable SoftwareIntegrating UX Into Agile: How To Ensure Your Sprints Result In Usable Software
Integrating UX Into Agile: How To Ensure Your Sprints Result In Usable Software
Jon Innes
 
User stories in agile software development
User stories in agile software developmentUser stories in agile software development
User stories in agile software development
Sandra Svanidzaitė, PhD, CBAP
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
Preeti Mishra
 
Sara Tabor: Testing For Accessibility - ARIA Ready For It?
Sara Tabor: Testing For Accessibility - ARIA Ready For It?Sara Tabor: Testing For Accessibility - ARIA Ready For It?
Sara Tabor: Testing For Accessibility - ARIA Ready For It?
Anna Royzman
 
User Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX ProcessUser Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX Process
Mary Fran Wiley
 
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Johan Verhaegen
 
Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...
Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...
Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...
Plain Talk 2015
 
User story canvas
User story canvasUser story canvas
User story canvas
LuxoftAgilePractice
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
Sarah Dutkiewicz
 
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
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
Shrutee Aneja
 
Smart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using PersonasSmart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using Personas
Smart Cities Project
 
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
 
Organizational Access
Organizational AccessOrganizational Access
Organizational Access
Mark Farmer
 
VIGC Academy
VIGC AcademyVIGC Academy
VIGC Academy
Human Interface Group
 
A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...
Damon Sanchez
 

Similar to A11y user stories CSUN 2018 (20)

Usability
UsabilityUsability
Usability
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Integrating UX Into Agile: How To Ensure Your Sprints Result In Usable Software
Integrating UX Into Agile: How To Ensure Your Sprints Result In Usable SoftwareIntegrating UX Into Agile: How To Ensure Your Sprints Result In Usable Software
Integrating UX Into Agile: How To Ensure Your Sprints Result In Usable Software
 
User stories in agile software development
User stories in agile software developmentUser stories in agile software development
User stories in agile software development
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Sara Tabor: Testing For Accessibility - ARIA Ready For It?
Sara Tabor: Testing For Accessibility - ARIA Ready For It?Sara Tabor: Testing For Accessibility - ARIA Ready For It?
Sara Tabor: Testing For Accessibility - ARIA Ready For It?
 
User Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX ProcessUser Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX Process
 
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?
 
Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...
Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...
Sandy Williams Hilfiker - Involving People with Limited Literacy Skills in Co...
 
User story canvas
User story canvasUser story canvas
User story canvas
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
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 ...
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
Smart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using PersonasSmart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using Personas
 
Web accessibility is everyone's job
Web accessibility is everyone's jobWeb accessibility is everyone's job
Web accessibility is everyone's job
 
Organizational Access
Organizational AccessOrganizational Access
Organizational Access
 
VIGC Academy
VIGC AcademyVIGC Academy
VIGC Academy
 
A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...A Practical Approach to Great User Adoption User Definition & User Interface ...
A Practical Approach to Great User Adoption User Definition & User Interface ...
 

More from Intopia

The value of measuring your accessibility maturity
The value of measuring your accessibility maturityThe value of measuring your accessibility maturity
The value of measuring your accessibility maturity
Intopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
Intopia
 
Making Content Creation Tools Accessible
Making Content Creation Tools AccessibleMaking Content Creation Tools Accessible
Making Content Creation Tools Accessible
Intopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
Intopia
 
The why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design processThe why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design process
Intopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
Intopia
 
Digital accessibility and learning opportunities
Digital accessibility and learning opportunitiesDigital accessibility and learning opportunities
Digital accessibility and learning opportunities
Intopia
 
Accessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesAccessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenches
Intopia
 
From Empathy to Research with People with Disability
From Empathy to Research with People with DisabilityFrom Empathy to Research with People with Disability
From Empathy to Research with People with Disability
Intopia
 
How to create a kick ass business case for accessibility
How to create a kick ass business case for accessibilityHow to create a kick ass business case for accessibility
How to create a kick ass business case for accessibility
Intopia
 
Personalised technical accessibility training: a case study
Personalised technical accessibility training: a case studyPersonalised technical accessibility training: a case study
Personalised technical accessibility training: a case study
Intopia
 
Making Accessible Web Animations
Making Accessible Web AnimationsMaking Accessible Web Animations
Making Accessible Web Animations
Intopia
 
Using the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibilityUsing the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibility
Intopia
 
Design Systems that supports inclusive experiences
Design Systems that supports inclusive experiencesDesign Systems that supports inclusive experiences
Design Systems that supports inclusive experiences
Intopia
 
Using cognitive walkthroughs for a task-oriented accessibility review
Using cognitive walkthroughs for a task-oriented accessibility reviewUsing cognitive walkthroughs for a task-oriented accessibility review
Using cognitive walkthroughs for a task-oriented accessibility review
Intopia
 
WCAG 2.1 update for designers
WCAG 2.1 update for designersWCAG 2.1 update for designers
WCAG 2.1 update for designers
Intopia
 
Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018
Intopia
 
WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018
Intopia
 
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Intopia
 
Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1
Intopia
 

More from Intopia (20)

The value of measuring your accessibility maturity
The value of measuring your accessibility maturityThe value of measuring your accessibility maturity
The value of measuring your accessibility maturity
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
Making Content Creation Tools Accessible
Making Content Creation Tools AccessibleMaking Content Creation Tools Accessible
Making Content Creation Tools Accessible
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
The why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design processThe why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design process
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
Digital accessibility and learning opportunities
Digital accessibility and learning opportunitiesDigital accessibility and learning opportunities
Digital accessibility and learning opportunities
 
Accessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesAccessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenches
 
From Empathy to Research with People with Disability
From Empathy to Research with People with DisabilityFrom Empathy to Research with People with Disability
From Empathy to Research with People with Disability
 
How to create a kick ass business case for accessibility
How to create a kick ass business case for accessibilityHow to create a kick ass business case for accessibility
How to create a kick ass business case for accessibility
 
Personalised technical accessibility training: a case study
Personalised technical accessibility training: a case studyPersonalised technical accessibility training: a case study
Personalised technical accessibility training: a case study
 
Making Accessible Web Animations
Making Accessible Web AnimationsMaking Accessible Web Animations
Making Accessible Web Animations
 
Using the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibilityUsing the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibility
 
Design Systems that supports inclusive experiences
Design Systems that supports inclusive experiencesDesign Systems that supports inclusive experiences
Design Systems that supports inclusive experiences
 
Using cognitive walkthroughs for a task-oriented accessibility review
Using cognitive walkthroughs for a task-oriented accessibility reviewUsing cognitive walkthroughs for a task-oriented accessibility review
Using cognitive walkthroughs for a task-oriented accessibility review
 
WCAG 2.1 update for designers
WCAG 2.1 update for designersWCAG 2.1 update for designers
WCAG 2.1 update for designers
 
Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018
 
WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018
 
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
 
Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1
 

Recently uploaded

Azure EA Sponsorship - Customer Guide.pdf
Azure EA Sponsorship - Customer Guide.pdfAzure EA Sponsorship - Customer Guide.pdf
Azure EA Sponsorship - Customer Guide.pdf
AanSulistiyo
 
Explore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories SecretlyExplore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories Secretly
Trending Blogers
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
xjq03c34
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
ysasp1
 
Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!
Toptal Tech
 
7 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 20247 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 2024
Danica Gill
 
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
uehowe
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
fovkoyb
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
davidjhones387
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
uehowe
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
vmemo1
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
saathvikreddy2003
 
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
zoowe
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
hackersuli
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
wolfsoftcompanyco
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
cuobya
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
uehowe
 
Search Result Showing My Post is Now Buried
Search Result Showing My Post is Now BuriedSearch Result Showing My Post is Now Buried
Search Result Showing My Post is Now Buried
Trish Parr
 
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfMeet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Florence Consulting
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
Laura Szabó
 

Recently uploaded (20)

Azure EA Sponsorship - Customer Guide.pdf
Azure EA Sponsorship - Customer Guide.pdfAzure EA Sponsorship - Customer Guide.pdf
Azure EA Sponsorship - Customer Guide.pdf
 
Explore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories SecretlyExplore-Insanony: Watch Instagram Stories Secretly
Explore-Insanony: Watch Instagram Stories Secretly
 
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
办理新西兰奥克兰大学毕业证学位证书范本原版一模一样
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
 
Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!Ready to Unlock the Power of Blockchain!
Ready to Unlock the Power of Blockchain!
 
7 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 20247 Best Cloud Hosting Services to Try Out in 2024
7 Best Cloud Hosting Services to Try Out in 2024
 
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
办理毕业证(NYU毕业证)纽约大学毕业证成绩单官方原版办理
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
 
Discover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to IndiaDiscover the benefits of outsourcing SEO to India
Discover the benefits of outsourcing SEO to India
 
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
留学挂科(UofM毕业证)明尼苏达大学毕业证成绩单复刻办理
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
 
Design Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptxDesign Thinking NETFLIX using all techniques.pptx
Design Thinking NETFLIX using all techniques.pptx
 
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
 
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaalmanuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
manuaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaal
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
 
Search Result Showing My Post is Now Buried
Search Result Showing My Post is Now BuriedSearch Result Showing My Post is Now Buried
Search Result Showing My Post is Now Buried
 
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfMeet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
 

A11y user stories CSUN 2018

  • 1. User stories for accessibility Accessibility in an agile world? creating an inclusive digital world intopia.digital @intopiadigital Andrew Arch @amja Sarah Pulis @sarahtp
  • 3. Agile is … A development methodology that is • Iterative • Incremental • Evolutionary Rather than specification driven with a long development phase that thinks about the user at the end
  • 4. Agile is … The Manifesto for Agile Software Development values • Individuals and Interactions over processes and tools • Working Software over comprehensive documentation • Customer Collaboration over contract negotiation • Responding to Change over following a plan Leading to opportunities to incorporate, and adjust to, user needs as they are discovered
  • 6. Agile is … … a collection of values, principles, behaviours, and practices enabling teams to build services iteratively, delivering early and often. Agile is a state of mind rather than a process to be followed Courtesy @RodBMolina
  • 8. Agile operating model Image courtesy of @DTA and @RodMolina
  • 9. Agile workflow Agile often involves a series of iterations or sprints Work for each sprint is defined in a ‘user story’ expressed from the perspective of an end-user goal: as a [role / person] I want / need [some requirement or feature] so that [goal / value / reason]
  • 10. Benefits of user stories • Define problems faced by people with varying ability • Articulate user’s needs clearly • Less prescriptive than requirements documentation • Result in shared understanding of the outcome for the user • Promote discussion and collaboration When applied to accessibility for people with disability, they can help demystify WCAG
  • 11. WCAG 2.0 framework WCAG 2.0 Perceivable Text Alternatives Time-based Media Adaptable Distinguishable Operable Keyboard Accessible Enough Time Seizures Navigable Understandable Readable Predictable Input Assistance Robust Compatible Principles Guidelines Success Criteria A: AA: AAA:
  • 12. User stories make accessibility real – no longer the elephant in the room
  • 13. Completing a user story Teams have a checklist of criteria which must be met before a user story can be considered “done” Definition of Done For role based stories can include • Feature is tested for accessibility For person/persona based stories • Features works for the user with their technology or limitations
  • 14. User stories for accessibility
  • 15. Components of a user story •The user •A real person from user research or usability testing •A persona that has a disability or impairment •The outcome when interacting with the system •The goal or value that is delivered
  • 16. Common Persona Attributes • Name: naming your persona makes them more real. • Motivations: why would the user use your product? • Goals: what do they want to achieve, and how can your product help? • Frustrations: what problems does your user have with certain tasks? • This is where disability or impairment can be described along with assistive technology or adaptive strategies used • Demographics: age, gender, location, occupation. • Picture: giving the user a face makes them more real and relatable. • Quote: what memorable quote sums up your user and the problem you want to solve for them?
  • 17. Attributes for Diverse Personas Alternatively, add additional diversity related attributes • Ability: the level of ability the user has – do they have any impairments? • Aptitude: how experienced is the user with the web? Do their abilities create any specific difficulties when using a computer? • Attitude: what are their attitude towards life, or towards the web? • Access points: does this user need assistive technologies or rely on adaptive strategies to access the web?
  • 18. Sarah Horton and Whitney Quesenbury describe 8 personas
  • 20. Sample user stories As a sighted non-mouse user I need better keyboard focus so I can see where I am in a page as I tab through it As a sighted user with poor concentration I need visible labels on all form fields so I can understand what information is requested As a sighted user with cognitive issues I need all instructions to appear on screen and specify the exact requirements so I can understand all information needed
  • 21. Sample user stories As a screen reader user I need alt-text on informative images so I can understand all the important information on a page As a screen reader user I need all link text to be meaningful so that I can navigate more easily As a low vision user or colour deficient user I need more obvious link indicators so I can see where to click on a page
  • 22. Sample user stories As a hearing-impaired person, I need captions on the videos in order to fully understand the eLearning modules As a low vision user, I need to increase the font size in order to read the screens As a front-line user under pressure to meet KPIs I need clear link text in order to know intuitively where to go next
  • 23. Helping specify the requirement To help the developers implement the user stories correctly • Add an explanation of the issue on the page • Add a possible solution to resolve the issue • Prioritise the issue • Reference the WCAG Success Criteria (if applicable) • Point to the Quickref (not the TR)
  • 24.
  • 25. Create an understanding of disability Have a team presentation / discussion about diversity • Talk about ageing, culture, disability and the overlaps • Watch the W3C Perspectives videos Make diversity and disability real by • Relating to grandparents • Discussing personas • Including team in usability sessions
  • 26. Point out that accessibility IS usability for some ‘Accessibility is just the beginning. It is usability that makes the difference.’ Patti Moore UX Australia keynote 2016 ‘Wasting time is the worst customer experience’ Gerry McGovern, 27/3/17 http://gerrymcgovern.com/wasting- time-is-the-worst-customer- experience/
  • 28. Definition of done For role based stories can include • Feature is tested for accessibility For person/persona based stories • Features works for the user with their technology or limitations More specifically • All tasks finished (with the ability of the user in the story) • All tests passed (including using the feature with the user’s ability • Code checked in to version control
  • 30. Let’s continue the conversation Andrew Arch & Sarah Pulis andrew@intopia.digital sarah@intopia.digital @amja @sarahtp creating an inclusive digital world intopia.digital Slides: https://bit.ly/2IIvNRF