SlideShare a Scribd company logo
1 of 15
Download to read offline
No one wants to SUX:
A focus on inclusive UX techniques
Sarah Pulis sarahtp
Director Accessibility Services
creating an inclusive digital world
intopia.digital
As Australia becomes more
diverse, the proportion sharing the
most common characteristics
across key measures is falling.
In short, the most common type of
Australian — the “ordinary”
Australian — is becoming less
common.
Source:
‘Ordinary’ Australia probably isn’t where you
think it is (because it doesn’t really exist) – ABC
An estimated 2
million Australians
have dyslexia
3 million
Australians live
with depression or
anxiety
11 million Australians will
experience a mental health
condition during their
lifetime
Over 4 million people in
Australia have some form
of disability
44% of Australian adults
lack the literacy skills
required for everyday life
Sources: Australian Network on Disability: Disability statistics; Australian Bureau of Statistics: Literacy
1.8 million of Australians
aged 65 and over have
disability, compared to 1 in
8 aged under 65
“Behind every great site or application lies
thought, empathy and inclusion. This doesn’t
happen by accident, it happens by design. How we
get there is as unique, original, and diverse as the
people who use our products.”
– Henny Swan
Inclusive Design Principles from The Paciello Group
@sarahtp
Include diverse
users in your
research
“By closely observing the
extremes of the
community you learn more
quickly what’s relevant to
everybody, and hence to
the application you’re
building.” – Carl Erickson
Source: Research the extremes
of a user community
@sarahtp
Consider including
diverse needs and
preferences in your
personas
But beware of creating
unconscious bias by
including a single
‘disability’ persona
@sarahtp
Use inclusive design
principles in your
design
This includes general
principles like consistency
and adaptability, and well
as specifics like colour
contrast.
Bonus: See Inclusive design
principles from The Paciello Group.
Design a
clearly visible
focus outline
for interactive
elements
Use colours that
contrast well
together
Make buttons
descriptive
Use the force
Design for
keyboard only
support

Give people
enough time to do
something
Use consistent
design patterns,
page layouts,
content
Just a few inclusive design principles
@sarahtp
Support different
interaction methods
in your designs.
Annotate your designs
with relevant
information such as
keyboard interactions,
component types and
accessible labels.
Login has a type of
‘link’ with an accessible
label ‘Login’.
When a user tabs to
the field, show the
relevant focus outline.
A user can press Enter
to activate the link.
Focus moves to the
Login dialog.
@sarahtp
Support different
interaction methods
in your designs.
Annotate your designs
with relevant
information such as
keyboard interactions.
When a user has
activated the Login
link, move focus to the
Login dialog (this does
not mean it is keyboard
focusable).
The login dialog has a
type of ‘dialog’ and an
accessible label of
‘Login’.
The next element is the
Close login button.
@sarahtp
Conduct design
walkthroughs using
enhanced personas
Layer different needs and
preferences onto your
personas and follow
standard design
walkthrough processes for
key tasks.
@sarahtp
@sarahtp
Include diverse
users in your
usability testing
The usability of a
product - the ability to
effectively and
efficiently complete key
tasks - can be even more
important for diverse
users
@sarahtp
Some user
experience
becomes
user experience
Inclusive design
becomes user
experience design
Accessibility
becomes usability
Because everyone has the
right to efficient and
enjoyable experiences
Let’s continue the conversation
Sarah Pulis
sarahtp intopia.digital
sarah@intopia.digital
UTS Sydney
13 Sep: Conference
14 Sep: Workshops
a11ybytes.org

More Related Content

What's hot

Accessibility — Putting People First in the Software Development Lifecycle
Accessibility — Putting People First in the Software Development LifecycleAccessibility — Putting People First in the Software Development Lifecycle
Accessibility — Putting People First in the Software Development LifecycleStacy Carston Sporie
 
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 studyIntopia
 
What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters Sean Kelly
 
User Testing for Accessibility
User Testing for AccessibilityUser Testing for Accessibility
User Testing for AccessibilityUsability Matters
 
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 resourcesMichael Ryan
 
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
 
UXPA2019 - Unconference: Basics of Building Blockchain Interfaces
UXPA2019 - Unconference: Basics of Building Blockchain InterfacesUXPA2019 - Unconference: Basics of Building Blockchain Interfaces
UXPA2019 - Unconference: Basics of Building Blockchain InterfacesUXPA International
 
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...UXPA International
 
From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightfulWhitney Quesenbery
 
Smartphone Heuristics
Smartphone HeuristicsSmartphone Heuristics
Smartphone HeuristicsKathy Gill
 
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
UXPA2019  I am the LAAW!   The Lean Accessibility Audit WorkshopUXPA2019  I am the LAAW!   The Lean Accessibility Audit Workshop
UXPA2019 I am the LAAW! The Lean Accessibility Audit WorkshopUXPA International
 
Plain language is accessibility for content
Plain language is accessibility for contentPlain language is accessibility for content
Plain language is accessibility for contentWhitney Quesenbery
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityUsability Matters
 
Usability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheapUsability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheapWhitney Quesenbery
 
Accessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiencesAccessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiencesWhitney Quesenbery
 
Usability testing for accessible UX
Usability testing for accessible UXUsability testing for accessible UX
Usability testing for accessible UXWhitney Quesenbery
 
Heuristic Evaluation in Reverse for UX Improvement
Heuristic Evaluation in Reverse for UX ImprovementHeuristic Evaluation in Reverse for UX Improvement
Heuristic Evaluation in Reverse for UX ImprovementBohyun Kim
 
I Am the LAAW! (Lean Accessibility Audit Workshops)
I Am the LAAW! (Lean Accessibility Audit Workshops)I Am the LAAW! (Lean Accessibility Audit Workshops)
I Am the LAAW! (Lean Accessibility Audit Workshops)Michael Ryan
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability HeuristicsOvidiu Von M
 
The 10 Usability Commandments
The 10 Usability CommandmentsThe 10 Usability Commandments
The 10 Usability Commandmentssytnik
 

What's hot (20)

Accessibility — Putting People First in the Software Development Lifecycle
Accessibility — Putting People First in the Software Development LifecycleAccessibility — Putting People First in the Software Development Lifecycle
Accessibility — Putting People First in the Software Development Lifecycle
 
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
 
What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters
 
User Testing for Accessibility
User Testing for AccessibilityUser Testing for Accessibility
User Testing for Accessibility
 
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
 
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 ...
 
UXPA2019 - Unconference: Basics of Building Blockchain Interfaces
UXPA2019 - Unconference: Basics of Building Blockchain InterfacesUXPA2019 - Unconference: Basics of Building Blockchain Interfaces
UXPA2019 - Unconference: Basics of Building Blockchain Interfaces
 
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
 
From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightful
 
Smartphone Heuristics
Smartphone HeuristicsSmartphone Heuristics
Smartphone Heuristics
 
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
UXPA2019  I am the LAAW!   The Lean Accessibility Audit WorkshopUXPA2019  I am the LAAW!   The Lean Accessibility Audit Workshop
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
 
Plain language is accessibility for content
Plain language is accessibility for contentPlain language is accessibility for content
Plain language is accessibility for content
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital Accessibility
 
Usability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheapUsability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheap
 
Accessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiencesAccessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiences
 
Usability testing for accessible UX
Usability testing for accessible UXUsability testing for accessible UX
Usability testing for accessible UX
 
Heuristic Evaluation in Reverse for UX Improvement
Heuristic Evaluation in Reverse for UX ImprovementHeuristic Evaluation in Reverse for UX Improvement
Heuristic Evaluation in Reverse for UX Improvement
 
I Am the LAAW! (Lean Accessibility Audit Workshops)
I Am the LAAW! (Lean Accessibility Audit Workshops)I Am the LAAW! (Lean Accessibility Audit Workshops)
I Am the LAAW! (Lean Accessibility Audit Workshops)
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability Heuristics
 
The 10 Usability Commandments
The 10 Usability CommandmentsThe 10 Usability Commandments
The 10 Usability Commandments
 

Similar to Inclusive UX Techniques for Creating an Accessible Digital World

Future Proofing Your Sofware: Design Inclusively
Future Proofing Your Sofware: Design InclusivelyFuture Proofing Your Sofware: Design Inclusively
Future Proofing Your Sofware: Design InclusivelyMichael Larsen
 
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Michael Larsen
 
Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Michael Larsen
 
Search London_ Content Inclusivity.pdf
Search London_ Content Inclusivity.pdfSearch London_ Content Inclusivity.pdf
Search London_ Content Inclusivity.pdfRejoice Ojiaku
 
Basic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best PracticesBasic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best PracticesAvijit Chinara
 
Accessibility Empathy - SXSW 2017 Proposal
Accessibility Empathy - SXSW 2017 ProposalAccessibility Empathy - SXSW 2017 Proposal
Accessibility Empathy - SXSW 2017 ProposalYvonne So
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibilityqixingz
 
Introduction to Autelic
Introduction to AutelicIntroduction to Autelic
Introduction to AutelicMalysa Martin
 
Essay On Mental Illness
Essay On Mental IllnessEssay On Mental Illness
Essay On Mental IllnessBrittney Hall
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackonnajam gs
 
CityVerve Human Centred Design Induction
CityVerve Human Centred Design InductionCityVerve Human Centred Design Induction
CityVerve Human Centred Design InductionDrew Hemment
 
User Personas: Tools for Understanding
User Personas: Tools for UnderstandingUser Personas: Tools for Understanding
User Personas: Tools for UnderstandingEddie Hollon
 
Social and Digital Strategy - Creative, evaluation and measurement.
Social and Digital Strategy - Creative, evaluation and measurement.Social and Digital Strategy - Creative, evaluation and measurement.
Social and Digital Strategy - Creative, evaluation and measurement.✈Bernardo Carvalho Wertheim
 

Similar to Inclusive UX Techniques for Creating an Accessible Digital World (20)

Future Proofing Your Sofware: Design Inclusively
Future Proofing Your Sofware: Design InclusivelyFuture Proofing Your Sofware: Design Inclusively
Future Proofing Your Sofware: Design Inclusively
 
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
 
Building inclusive personas for NSW
Building inclusive personas for NSWBuilding inclusive personas for NSW
Building inclusive personas for NSW
 
Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...
 
Inclusion by design - #a11yTOConf 2021
Inclusion by design  - #a11yTOConf 2021Inclusion by design  - #a11yTOConf 2021
Inclusion by design - #a11yTOConf 2021
 
Search London_ Content Inclusivity.pdf
Search London_ Content Inclusivity.pdfSearch London_ Content Inclusivity.pdf
Search London_ Content Inclusivity.pdf
 
Inclusion by design - Virtua11y 2021
Inclusion by design - Virtua11y 2021Inclusion by design - Virtua11y 2021
Inclusion by design - Virtua11y 2021
 
Inclusion by design axe-con 2021
Inclusion by design   axe-con 2021Inclusion by design   axe-con 2021
Inclusion by design axe-con 2021
 
Basic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best PracticesBasic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best Practices
 
Accessibility Empathy - SXSW 2017 Proposal
Accessibility Empathy - SXSW 2017 ProposalAccessibility Empathy - SXSW 2017 Proposal
Accessibility Empathy - SXSW 2017 Proposal
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibility
 
Introduction to Autelic
Introduction to AutelicIntroduction to Autelic
Introduction to Autelic
 
User Centerd Design
User Centerd DesignUser Centerd Design
User Centerd Design
 
Essay On Mental Illness
Essay On Mental IllnessEssay On Mental Illness
Essay On Mental Illness
 
Introduction to Autelic
Introduction to AutelicIntroduction to Autelic
Introduction to Autelic
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackon
 
CityVerve Human Centred Design Induction
CityVerve Human Centred Design InductionCityVerve Human Centred Design Induction
CityVerve Human Centred Design Induction
 
User Personas: Tools for Understanding
User Personas: Tools for UnderstandingUser Personas: Tools for Understanding
User Personas: Tools for Understanding
 
Social and Digital Strategy - Creative, evaluation and measurement.
Social and Digital Strategy - Creative, evaluation and measurement.Social and Digital Strategy - Creative, evaluation and measurement.
Social and Digital Strategy - Creative, evaluation and measurement.
 
Foundations of IA
Foundations of IAFoundations of IA
Foundations of IA
 

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 maturityIntopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibilityIntopia
 
Making Content Creation Tools Accessible
Making Content Creation Tools AccessibleMaking Content Creation Tools Accessible
Making Content Creation Tools AccessibleIntopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibilityIntopia
 
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 processIntopia
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibilityIntopia
 
Digital accessibility and learning opportunities
Digital accessibility and learning opportunitiesDigital accessibility and learning opportunities
Digital accessibility and learning opportunitiesIntopia
 
Accessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesAccessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesIntopia
 
Designing for people with cognitive impairments
Designing for people with cognitive impairmentsDesigning for people with cognitive impairments
Designing for people with cognitive impairmentsIntopia
 
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 accessibilityIntopia
 
Making Accessible Web Animations
Making Accessible Web AnimationsMaking Accessible Web Animations
Making Accessible Web AnimationsIntopia
 
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 accessibilityIntopia
 
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 2018Intopia
 
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 2018Intopia
 
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
 
Miles of Accessibility - An 'Accessibility 101'
Miles of Accessibility - An 'Accessibility 101' Miles of Accessibility - An 'Accessibility 101'
Miles of Accessibility - An 'Accessibility 101' 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.1Intopia
 
Accessibility and Digital Identity
Accessibility and Digital IdentityAccessibility and Digital Identity
Accessibility and Digital IdentityIntopia
 
Make <input> more accessible with metadata
Make <input> more accessible with metadataMake <input> more accessible with metadata
Make <input> more accessible with metadataIntopia
 
Advances in web accessibility
Advances in web accessibilityAdvances in web accessibility
Advances in web accessibilityIntopia
 

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
 
Designing for people with cognitive impairments
Designing for people with cognitive impairmentsDesigning for people with cognitive impairments
Designing for people with cognitive impairments
 
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
 
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
 
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...
 
Miles of Accessibility - An 'Accessibility 101'
Miles of Accessibility - An 'Accessibility 101' Miles of Accessibility - An 'Accessibility 101'
Miles of Accessibility - An 'Accessibility 101'
 
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
 
Accessibility and Digital Identity
Accessibility and Digital IdentityAccessibility and Digital Identity
Accessibility and Digital Identity
 
Make <input> more accessible with metadata
Make <input> more accessible with metadataMake <input> more accessible with metadata
Make <input> more accessible with metadata
 
Advances in web accessibility
Advances in web accessibilityAdvances in web accessibility
Advances in web accessibility
 

Recently uploaded

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfngoud9212
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 

Recently uploaded (20)

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 

Inclusive UX Techniques for Creating an Accessible Digital World

  • 1. No one wants to SUX: A focus on inclusive UX techniques Sarah Pulis sarahtp Director Accessibility Services creating an inclusive digital world intopia.digital
  • 2. As Australia becomes more diverse, the proportion sharing the most common characteristics across key measures is falling. In short, the most common type of Australian — the “ordinary” Australian — is becoming less common. Source: ‘Ordinary’ Australia probably isn’t where you think it is (because it doesn’t really exist) – ABC
  • 3. An estimated 2 million Australians have dyslexia 3 million Australians live with depression or anxiety 11 million Australians will experience a mental health condition during their lifetime Over 4 million people in Australia have some form of disability 44% of Australian adults lack the literacy skills required for everyday life Sources: Australian Network on Disability: Disability statistics; Australian Bureau of Statistics: Literacy 1.8 million of Australians aged 65 and over have disability, compared to 1 in 8 aged under 65
  • 4. “Behind every great site or application lies thought, empathy and inclusion. This doesn’t happen by accident, it happens by design. How we get there is as unique, original, and diverse as the people who use our products.” – Henny Swan Inclusive Design Principles from The Paciello Group
  • 5. @sarahtp Include diverse users in your research “By closely observing the extremes of the community you learn more quickly what’s relevant to everybody, and hence to the application you’re building.” – Carl Erickson Source: Research the extremes of a user community
  • 6. @sarahtp Consider including diverse needs and preferences in your personas But beware of creating unconscious bias by including a single ‘disability’ persona
  • 7. @sarahtp Use inclusive design principles in your design This includes general principles like consistency and adaptability, and well as specifics like colour contrast. Bonus: See Inclusive design principles from The Paciello Group. Design a clearly visible focus outline for interactive elements Use colours that contrast well together Make buttons descriptive Use the force Design for keyboard only support  Give people enough time to do something Use consistent design patterns, page layouts, content Just a few inclusive design principles
  • 8. @sarahtp Support different interaction methods in your designs. Annotate your designs with relevant information such as keyboard interactions, component types and accessible labels. Login has a type of ‘link’ with an accessible label ‘Login’. When a user tabs to the field, show the relevant focus outline. A user can press Enter to activate the link. Focus moves to the Login dialog.
  • 9. @sarahtp Support different interaction methods in your designs. Annotate your designs with relevant information such as keyboard interactions. When a user has activated the Login link, move focus to the Login dialog (this does not mean it is keyboard focusable). The login dialog has a type of ‘dialog’ and an accessible label of ‘Login’. The next element is the Close login button.
  • 10. @sarahtp Conduct design walkthroughs using enhanced personas Layer different needs and preferences onto your personas and follow standard design walkthrough processes for key tasks.
  • 12. @sarahtp Include diverse users in your usability testing The usability of a product - the ability to effectively and efficiently complete key tasks - can be even more important for diverse users
  • 13. @sarahtp Some user experience becomes user experience Inclusive design becomes user experience design Accessibility becomes usability
  • 14. Because everyone has the right to efficient and enjoyable experiences
  • 15. Let’s continue the conversation Sarah Pulis sarahtp intopia.digital sarah@intopia.digital UTS Sydney 13 Sep: Conference 14 Sep: Workshops a11ybytes.org