SlideShare a Scribd company logo

Rebecca Topps - Mobile Accessibility

FrontEnders - Let's talk about accessibility. 13 July 2017 - Valtech, London

1 of 50
Download to read offline
Mobile accessibility
Rebecca Topps
Twitter: @beckytopps
Topps Usability
Accessibility consultant and UX Researcher
Rebecca Topps - Mobile Accessibility
Rebecca Topps - Mobile Accessibility
Why should we make our
mobile websites accessible?
In the UK around 81 per cent of UK
adults, and 91 per cent of 18–44 year
olds own a smartphone.
Deloitte Mobile Consumer report - https://www.deloitte.co.uk/mobileuk/assets/pdf/Deloitte-Mobile-
Consumer-2016-There-is-no-place-like-phone.pdf

Recommended

Henry Charge - It's your job to make things accessible
Henry Charge - It's your job to make things accessibleHenry Charge - It's your job to make things accessible
Henry Charge - It's your job to make things accessibleFrontEnders
 
Web accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityMedia Access Australia
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website AccessibilityNishan Bose
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"ecentricarts
 
Web a11y beyond guidelines
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelinesrach123
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
 

More Related Content

What's hot

corePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven PignataroJohn Coonen
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
 
Automated-Accessibility-Testing
Automated-Accessibility-TestingAutomated-Accessibility-Testing
Automated-Accessibility-TestingManoj Kumar Kumar
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityRachel Cherry
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonRachel Cherry
 
SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...Abhay Rautela
 
Tips from the trenches Accessibility Testing
Tips from the trenches Accessibility TestingTips from the trenches Accessibility Testing
Tips from the trenches Accessibility TestingManoj Kumar Kumar
 
How to ship accessible web products
How to ship accessible web productsHow to ship accessible web products
How to ship accessible web productsGeorge Zamfir
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Emagination ®
 
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
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websitesRachel Cherry
 
Web design and accessibility
Web design and accessibilityWeb design and accessibility
Web design and accessibilityKaren O'Hara
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
 
Creating inclusive mobile applications - NUX Leeds
Creating inclusive mobile applications - NUX Leeds Creating inclusive mobile applications - NUX Leeds
Creating inclusive mobile applications - NUX Leeds Rebecca Topps
 
Mobile accessibility - Valtech FrontEnders talk
Mobile accessibility - Valtech FrontEnders talkMobile accessibility - Valtech FrontEnders talk
Mobile accessibility - Valtech FrontEnders talkRebecca Topps
 
Website Accessibility Fission Team Training
Website Accessibility Fission Team TrainingWebsite Accessibility Fission Team Training
Website Accessibility Fission Team TrainingFission Strategy
 
Practical First Steps for Achieving Web Accessibility and Avoiding Liability
Practical First Steps for Achieving Web Accessibility and Avoiding Liability Practical First Steps for Achieving Web Accessibility and Avoiding Liability
Practical First Steps for Achieving Web Accessibility and Avoiding Liability 3Play Media
 

What's hot (20)

corePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven PignatarocorePHP Usability Accessibility by Steven Pignataro
corePHP Usability Accessibility by Steven Pignataro
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Automated-Accessibility-Testing
Automated-Accessibility-TestingAutomated-Accessibility-Testing
Automated-Accessibility-Testing
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp Boston
 
SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...
 
A11y presentation-2017
A11y presentation-2017A11y presentation-2017
A11y presentation-2017
 
Web Accessibility Testing With Axe
Web Accessibility Testing With AxeWeb Accessibility Testing With Axe
Web Accessibility Testing With Axe
 
Week 4 - tablet app design
Week 4 - tablet app designWeek 4 - tablet app design
Week 4 - tablet app design
 
Tips from the trenches Accessibility Testing
Tips from the trenches Accessibility TestingTips from the trenches Accessibility Testing
Tips from the trenches Accessibility Testing
 
How to ship accessible web products
How to ship accessible web productsHow to ship accessible web products
How to ship accessible web products
 
Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009Accessibility And 508 Compliance In 2009
Accessibility And 508 Compliance In 2009
 
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
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websites
 
Web design and accessibility
Web design and accessibilityWeb design and accessibility
Web design and accessibility
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challenge
 
Creating inclusive mobile applications - NUX Leeds
Creating inclusive mobile applications - NUX Leeds Creating inclusive mobile applications - NUX Leeds
Creating inclusive mobile applications - NUX Leeds
 
Mobile accessibility - Valtech FrontEnders talk
Mobile accessibility - Valtech FrontEnders talkMobile accessibility - Valtech FrontEnders talk
Mobile accessibility - Valtech FrontEnders talk
 
Website Accessibility Fission Team Training
Website Accessibility Fission Team TrainingWebsite Accessibility Fission Team Training
Website Accessibility Fission Team Training
 
Practical First Steps for Achieving Web Accessibility and Avoiding Liability
Practical First Steps for Achieving Web Accessibility and Avoiding Liability Practical First Steps for Achieving Web Accessibility and Avoiding Liability
Practical First Steps for Achieving Web Accessibility and Avoiding Liability
 

Similar to Rebecca Topps - Mobile Accessibility

Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it mattersMargarida Sousa
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldDoug Gapinski
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop UsabilityDoug Gapinski
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove DesignMike Vdovin
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersBBDO
 
Digital Media and App Design
Digital Media and App DesignDigital Media and App Design
Digital Media and App DesignVirtu Institute
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldmStoner, Inc.
 
Speed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesSpeed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesDoug Gapinski
 
Speed and simplicity
Speed and simplicitySpeed and simplicity
Speed and simplicitymStoner, Inc.
 
Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Kailash More
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignJaneMuder
 
Public Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaPublic Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaYeliz Yesilada
 
Mobile-izing Your Organization with Drupal
Mobile-izing Your Organization with DrupalMobile-izing Your Organization with Drupal
Mobile-izing Your Organization with DrupalAcquia
 
How To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile ClientsHow To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile ClientsWoody Pewitt
 
Accessibility in Agile Projects
Accessibility in Agile ProjectsAccessibility in Agile Projects
Accessibility in Agile ProjectsAdrian Redden
 

Similar to Rebecca Topps - Mobile Accessibility (20)

Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
Digital Media and App Design
Digital Media and App DesignDigital Media and App Design
Digital Media and App Design
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Test your website for Web Accessibility
Test your website for  Web AccessibilityTest your website for  Web Accessibility
Test your website for Web Accessibility
 
Speed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesSpeed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device Websites
 
Speed and simplicity
Speed and simplicitySpeed and simplicity
Speed and simplicity
 
Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Public Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaPublic Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz Yesilada
 
Mobile-izing Your Organization with Drupal
Mobile-izing Your Organization with DrupalMobile-izing Your Organization with Drupal
Mobile-izing Your Organization with Drupal
 
How To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile ClientsHow To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile Clients
 
Web Accessibility 101
Web Accessibility 101Web Accessibility 101
Web Accessibility 101
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
MobileWebAppsDesign
MobileWebAppsDesignMobileWebAppsDesign
MobileWebAppsDesign
 
Accessibility in Agile Projects
Accessibility in Agile ProjectsAccessibility in Agile Projects
Accessibility in Agile Projects
 

More from FrontEnders

Intro to the Intersection Observer API - Tara Ojo
Intro to the Intersection Observer API - Tara OjoIntro to the Intersection Observer API - Tara Ojo
Intro to the Intersection Observer API - Tara OjoFrontEnders
 
Accessible client side routing - Nick Colley
Accessible client side routing - Nick ColleyAccessible client side routing - Nick Colley
Accessible client side routing - Nick ColleyFrontEnders
 
Where are the women? - Dora Militaru
Where are the women? - Dora MilitaruWhere are the women? - Dora Militaru
Where are the women? - Dora MilitaruFrontEnders
 
Optical alignment - Ivan Grekov
Optical alignment - Ivan GrekovOptical alignment - Ivan Grekov
Optical alignment - Ivan GrekovFrontEnders
 
React all the things - Milos Popovic
React all the things - Milos PopovicReact all the things - Milos Popovic
React all the things - Milos PopovicFrontEnders
 
Adventures with pattern libraries - Chris Gibbons
Adventures with pattern libraries - Chris GibbonsAdventures with pattern libraries - Chris Gibbons
Adventures with pattern libraries - Chris GibbonsFrontEnders
 
Jonathan Hassell - The past, present and future of accessibility
Jonathan Hassell - The past, present and future of accessibilityJonathan Hassell - The past, present and future of accessibility
Jonathan Hassell - The past, present and future of accessibilityFrontEnders
 

More from FrontEnders (7)

Intro to the Intersection Observer API - Tara Ojo
Intro to the Intersection Observer API - Tara OjoIntro to the Intersection Observer API - Tara Ojo
Intro to the Intersection Observer API - Tara Ojo
 
Accessible client side routing - Nick Colley
Accessible client side routing - Nick ColleyAccessible client side routing - Nick Colley
Accessible client side routing - Nick Colley
 
Where are the women? - Dora Militaru
Where are the women? - Dora MilitaruWhere are the women? - Dora Militaru
Where are the women? - Dora Militaru
 
Optical alignment - Ivan Grekov
Optical alignment - Ivan GrekovOptical alignment - Ivan Grekov
Optical alignment - Ivan Grekov
 
React all the things - Milos Popovic
React all the things - Milos PopovicReact all the things - Milos Popovic
React all the things - Milos Popovic
 
Adventures with pattern libraries - Chris Gibbons
Adventures with pattern libraries - Chris GibbonsAdventures with pattern libraries - Chris Gibbons
Adventures with pattern libraries - Chris Gibbons
 
Jonathan Hassell - The past, present and future of accessibility
Jonathan Hassell - The past, present and future of accessibilityJonathan Hassell - The past, present and future of accessibility
Jonathan Hassell - The past, present and future of accessibility
 

Recently uploaded

Confoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceConfoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceSusan Ibach
 
The Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolThe Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolProduct School
 
How we think about an advisor tech stack
How we think about an advisor tech stackHow we think about an advisor tech stack
How we think about an advisor tech stackSummit
 
Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?MENGSAYLOEM1
 
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERNRonnelBaroc
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!KivenRaySarsaba
 
HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...
HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...
HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...htrindia
 
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptxThe Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptxNeo4j
 
"Running Open-Source LLM models on Kubernetes", Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes", Volodymyr TsapFwdays
 
Enterprise Architecture As Strategy - Book Review
Enterprise Architecture As Strategy - Book ReviewEnterprise Architecture As Strategy - Book Review
Enterprise Architecture As Strategy - Book ReviewAshraf Fouad
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build PolandGDSC PJATK
 
How to write an effective Cyber Incident Response Plan
How to write an effective Cyber Incident Response PlanHow to write an effective Cyber Incident Response Plan
How to write an effective Cyber Incident Response PlanDatabarracks
 
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...Adrian Sanabria
 
Leveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docx
Leveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docxLeveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docx
Leveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docxVotarikari Shravan
 
Apex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptxApex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptxmohayyudin7826
 
Battle of React State Managers in frontend applications
Battle of React State Managers in frontend applicationsBattle of React State Managers in frontend applications
Battle of React State Managers in frontend applicationsEvangelia Mitsopoulou
 
Act Like an Owner, Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner,  Challenge Like a VC by former CPO, TripadvisorAct Like an Owner,  Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner, Challenge Like a VC by former CPO, TripadvisorProduct School
 
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...Product School
 
LF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIELF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIEDanBrown980551
 
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...Product School
 

Recently uploaded (20)

Confoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data scienceConfoo 2024 Gettings started with OpenAI and data science
Confoo 2024 Gettings started with OpenAI and data science
 
The Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product SchoolThe Future of Product, by Founder & CEO, Product School
The Future of Product, by Founder & CEO, Product School
 
How we think about an advisor tech stack
How we think about an advisor tech stackHow we think about an advisor tech stack
How we think about an advisor tech stack
 
Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?Are Human-generated Demonstrations Necessary for In-context Learning?
Are Human-generated Demonstrations Necessary for In-context Learning?
 
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
21ST CENTURY LITERACY FROM TRADITIONAL TO MODERN
 
My sample product research idea for you!
My sample product research idea for you!My sample product research idea for you!
My sample product research idea for you!
 
HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...
HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...
HBR SERIES METAL HOUSED RESISTORS POWER ELECTRICAL ABSORBS HIGH CURRENT DURIN...
 
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptxThe Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
The Art of the Possible with Graph by Dr Jim Webber Neo4j.pptx
 
"Running Open-Source LLM models on Kubernetes", Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap"Running Open-Source LLM models on Kubernetes",  Volodymyr Tsap
"Running Open-Source LLM models on Kubernetes", Volodymyr Tsap
 
Enterprise Architecture As Strategy - Book Review
Enterprise Architecture As Strategy - Book ReviewEnterprise Architecture As Strategy - Book Review
Enterprise Architecture As Strategy - Book Review
 
Bit N Build Poland
Bit N Build PolandBit N Build Poland
Bit N Build Poland
 
How to write an effective Cyber Incident Response Plan
How to write an effective Cyber Incident Response PlanHow to write an effective Cyber Incident Response Plan
How to write an effective Cyber Incident Response Plan
 
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
Avoiding Bad Stats and the Benefits of Playing Trivia with Friends: PancakesC...
 
Leveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docx
Leveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docxLeveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docx
Leveraging SLF4j for Effective Logging in IBM App Connect Enterprise.docx
 
Apex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptxApex Replay Debugger and Salesforce Platform Events.pptx
Apex Replay Debugger and Salesforce Platform Events.pptx
 
Battle of React State Managers in frontend applications
Battle of React State Managers in frontend applicationsBattle of React State Managers in frontend applications
Battle of React State Managers in frontend applications
 
Act Like an Owner, Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner,  Challenge Like a VC by former CPO, TripadvisorAct Like an Owner,  Challenge Like a VC by former CPO, Tripadvisor
Act Like an Owner, Challenge Like a VC by former CPO, Tripadvisor
 
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
Harnessing the Power of GenAI for Exceptional Product Outcomes by Booking.com...
 
LF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIELF Energy Webinar: Introduction to TROLIE
LF Energy Webinar: Introduction to TROLIE
 
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
Synergy in Leadership and Product Excellence: A Blueprint for Growth by CPO, ...
 

Rebecca Topps - Mobile Accessibility

  • 5. Why should we make our mobile websites accessible?
  • 6. In the UK around 81 per cent of UK adults, and 91 per cent of 18–44 year olds own a smartphone. Deloitte Mobile Consumer report - https://www.deloitte.co.uk/mobileuk/assets/pdf/Deloitte-Mobile- Consumer-2016-There-is-no-place-like-phone.pdf
  • 7. Around 11.2 million people in the UK have some type of disability
  • 8. More than 1 billion of people worldwide have a long term disability
  • 9. “Digital inclusion, or rather, reducing digital exclusion, is about making sure that people have the capability to use the internet to do things that benefit them day to day.” - Gov.uk
  • 10. Mobile accessibility will impact all of us at some point
  • 11. Struggling to view a phone due to sun glare
  • 12. When the website isn’t optimised for mobile and you can’t zoom into the content
  • 13. Automatic captions on Facebook help to look at video content without audio
  • 15. Mobile assistive technologies and accessibility settings
  • 16. Changing font size and colours The in-built mobile accessibility features gives users the option to increase font size on their mobile phone; revert all colours or to change the font to high colour contrast mode.
  • 18. Screen Readers Screen readers replicate the UI for users who cannot see it. In-built into your phone accessibility settings.
  • 19. Tommy Edison: How Blind People Use YouTube & Twitter on the iPhone – https://youtu.be/c0nvdiRdehw
  • 20. Bluetooth keyboard Allows users to easily tab through and interact with content on a device. Can be tested with a mobile screen reader.
  • 21. Braille keyboard and display A Braille keyboard is a specialist input device that allows the user to type and enter text or instructions for the computer in Braille.
  • 22. Switch control / Switch access iOS accessibility store - https://www.apple.com/uk/shop/accessories/all- accessories/accessibility The clicking action is interpreted by accessibility settings on a device, allowing the user to navigate through the mobile device, apps and websites.
  • 24. There is no universal set of accessibility guidelines for mobile
  • 25. Mobile Web Best Practices: https://www.w3.org/TR/mobile-bp/ The World Wide Web Consortium (W3C) is the main international standards organization for the World Wide Web
  • 26. Mobile developer guidelines Android developer guidelines: https://developer.android.com/guide/topics/ui/ac cessibility/index.html iOS developer guidelines: https://developer.apple.com/library/content/docu mentation/UserExperience/Conceptual/iPhoneAcc essibility/Introduction/Introduction.html#//apple_r ef/doc/uid/TP40008785
  • 27. Developer guidelines Windows development centre - https://developer.microsoft.com/en-us/windows/accessible-apps
  • 28. The best way to create consistency is to build your own set of mobile accessibility guidelines
  • 30. BBC Accessibility guidelines - http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile
  • 33. Include users with a range of abilities when conducting user research sessions
  • 34. Think about colour § Use high contrast so that users can easily read all the content provided. § Colour contrast analyser tool - https://www.paciellogroup.co m/resources/contrastanalyser/ § Don’t use colour alone to convey information, for example, “click the red button to continue”
  • 35. Content structure All structure should be marked up; including headings (<h1> to <h6>); lists and paragraphs of text. On mobile the heading structure is important for assistive technology such as screen readers. On iOS you can use the ‘Rotor’ to hear headings only on that page.
  • 36. Don’t disable pinch zoom Ensure that the browser pinch zoom is not blocked by the page's viewport meta element so that it can be used to zoom the page to 200%. <meta name=”viewport” content=”user- scalable=YES” />
  • 37. Label all form and input controls Input form controls In HTML 5 the type of input can be indicated by the type attribute, for example – Date; Month; Text; Time. § Use associated labels to the form controls § Use title attributes when visual labels are not possible § Do not rely on ARIA labels
  • 38. Use native mobile form controls (where possible) Using non-native input controls may confuse users as well as cause difficulty when using assistive technology. Always try to use native mobile controls shown on in-built mobile applications. If you use custom form controls ensure they behave and announce similar to native ones.
  • 39. Inform users of any change on screen Any change on screen should be notified to screen reader users. For example, the auto-complete shown is announced by TalkBack as – “Show Auto fill pop-up; showing items 1 to 2 of 2. Showing English US keyboard.”
  • 40. ARIA - Accessible Rich Internet Applications
  • 42. Where to start with accessibility § Try the different accessibility settings on your mobile phone § Use your mobile website with a mobile screen reader § Download the colour contrast analyser and test your designs § Look at existing mobile developer guidelines § Discuss with your UX team or user research recruiters about conducting user testing with disabled users
  • 43. Ways to learn more about accessibility https://www.udacity.com/course/web-accessibility--ud891
  • 44. We can all have an impact on making our mobile websites and applications accessible
  • 46. Topps Usability Email: rebecca@toppsusability.co.uk Website: https://toppsusability.co.uk Twitter: @beckytopps Thank you!
  • 47. Useful links § Beyond VoiceOver - https://www.slideshare.net/mostgood/beyond-voiceover-ios-devuk § UI Access - http://www.uiaccess.com/accessucd/ut_checklist.html § Design in an inclusive way - https://www.shopdirect.com/wp-content/uploads/2017/06/UX- Cubed-Chris-Bush-Sigma.pdf § Mobile PDF - https://www.deloitte.co.uk/mobileuk/ § Mobile accessibility, Henny Swan - https://www.slideshare.net/iheni/mobile-accessibility- moba11y § BBC Guidelines - http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/focus/alternative-input- methods § ARIA Design patterns - https://www.w3.org/TR/wai-aria-practices-1.1/#button § BBC Switch access - https://www.dropbox.com/s/x66yns3f7fsse94/BBC%20Switch%20Access%20Guide.pdf?dl=0 § Creating accessible videos - https://developer.mozilla.org/en/docs/Web/HTML/Element/video § Article about accessible videos - http://www.washington.edu/accessibility/videos/
  • 48. Useful links § Udacity accessibility course - https://www.udacity.com/course/web-accessibility--ud891 § Henny Swan, resources for mobile - http://www.iheni.com/mobile-accessibility-guidelines/ § Mobile web application best practices - https://www.w3.org/TR/mwabp/ § List of mobile issues by W3C - https://www.w3.org/WAI/mobile/experiences#multimedia § Apple, switch control - https://www.apple.com/accessibility/iphone/physical-and-motor-skills/ § Developing accessible android apps, video - https://www.youtube.com/watch?v=ElifzykHt7U&t=86s § https://developer.android.com/guide/topics/ui/accessibility/index.html#developing-accessible- apps-for-blind-and-visually-impaired-users § Android development - https://developer.android.com/guide/topics/ui/accessibility/apps.html
  • 49. Ensure users can focus on all elements Ensure all elements can be focused on – a good start is to text using a bluetooth keyboard and the mobile phone screen reader. The focus should behave similar to how the UI content order is shown on screen. Also ensure that users can interact with all elements on the page.
  • 50. Make sure any multimedia is accessible § Ensure captions, subtitles and audio description is provided for all videos if needed. § Consider showing captions automatically similar to Facebook videos. § Audio transcripts should be provided.