Mobile accessibility can be a very difficult space to navigate. Let's make it easier to dive right in! From common terms, breakdown of application accessibility, and building up accessibility on mobile development teams, this session will help build the foundation to ensure your mobile applications are accessible.
These are the materials of a full-day workshop for a Fortune 500 company. It explores the best practices for mobile design, sprint-teams, and considerations to make when designing for omni-channel.
Two user-interface (UI) design experts from Inductive Automation share effective ways to make your interface design more organized and easier to navigate. They discuss the principles of information architecture and how to apply these practices to build well-structured, intuitive projects.
Two user-interface (UI) design experts from Inductive Automation share effective ways to make your interface design more organized and easier to navigate. They discuss the principles of information architecture and how to apply these practices to build well-structured, intuitive projects.
As part of a series of bi-weekly training on UX design and architecture, I presented a three part series on application design frameworks and best practices for interaction design patterns for desktop and mobile
These are the materials of a full-day workshop for a Fortune 500 company. It explores the best practices for mobile design, sprint-teams, and considerations to make when designing for omni-channel.
Two user-interface (UI) design experts from Inductive Automation share effective ways to make your interface design more organized and easier to navigate. They discuss the principles of information architecture and how to apply these practices to build well-structured, intuitive projects.
Two user-interface (UI) design experts from Inductive Automation share effective ways to make your interface design more organized and easier to navigate. They discuss the principles of information architecture and how to apply these practices to build well-structured, intuitive projects.
As part of a series of bi-weekly training on UX design and architecture, I presented a three part series on application design frameworks and best practices for interaction design patterns for desktop and mobile
These slides were presented at Voices That Matter and the iPhone/iPad Summit in 2010. They discuss 6 simple ways to improve the user experience of your iPhone or iPad apps.
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...Jay Suthar
Organised and presented an introductory labcamp in the process of fast prototyping for mobile app development - outlining user needs, exploring layouts for necessary content, applying common user interface patterns, considering functionalities, features and validating designs. Devised hands-on group activity; using pen, paper and Marvel App to rapidly sketch and manipulate concepts for a mobile eCommerce fashion product detail page to test.
This is very challenging project , on how to transform Agrobazaar from typical e-commerce platform to ta very successful portal by "slipping into the customer shoes". User profiles created based on the research, each touchpoint was studied to reduce the pain of the customer and increase their satisfaction.
Harnessing the content beast – Content marketing in the multiscreen worldThomas Robbins
Desktops, mobile phones, Digital signage, TV’s, tablets, netbooks, mini-tablets… the list of connected devices your customers are using to consume your content never stops growing! Unfortunately, this doesn’t match your marketing budget. When it comes to serving content in today’s world it’s a myriad of screen sizes and effective calls to action. What are your choices? The landscape of consumerism has changed in a few short years allowing our customers more choices for reading, watching, communicating, socializing, shopping, and making purchase decisions.
This webinar will examine the core concept and practical strategies for creating effective and responsive content in the multi-screen world we live in.
Register now to gain actionable insights and learn:
• Practical strategies to determine the appropriate screen sizes for your content marketing materials.
• Building effective calls to action for multiple screens.
• Practical strategies to use when building your content marketing plan in today’s multi-screen world.
• Decision strategies for deploying content effectively.
• Possible frameworks available
• How best to integrate this approach with your marketing plan.
Mobile First Approach - The key to cross platform interface designVivek Parihar
Mobile first design has been taking centrestage in the consumer internet media stage. This makes it extremely important for the Design/development community to understand the intricacies, pitfalls and the right practices about it.
From my own experiments, I have elicited few interesting protcols and practices for the same. The presentation aims to share the results of the successful experiments and open up discussion on what the best way forward can be.
Outline of the talk:
1. Understanding the need for mobile sites
2. Going through the basics of a fluid interface; differences between responsive sites and mobile sites
3. Bottom up approach - first build minimum features for the smaller screens. It helps keep the lean approach alive.
4. Optimized content structuring - limited size on small screens calls for relevant and optimized content layouts
5. Ensuring the right experience on small screen devices via optimized front end
Neil Perlin - We're Going Mobile! Great! Are We Ready?LavaConConference
In this session attendees will learn:
Technical options for going mobile, including responsive design, converting traditional online help to an app, and creating a “true” app using RMAD (Rapid Mobile App Development) tools. The pros and cons of each approach and some of the tools available for creating each option.
Anticipated changes in content creation practices and workflows including the elimination of local formatting, adoption of a “mobile first” philosophy, rethinking the role of tables, and more.
How company issues like terminology standardization, strategic benefit, politics, and the development of metrics and standards can help or hinder a move to mobile.
Building Beautiful and Highly Usable Products by Simon ValleeProductHuntTO
Keynote by Simon Vallee at Product Hunt Toronto's 1 Year Anniversary Event. Simon Vallee is an entrepreneur and product enthusiast. He currently works at Slack, which he joined when Slack acquired his latest startup, Spaces. Before that, he co-founded OpenCal, acquired by Groupon in 2011 and Sitemasher, acquired by Salesforce in 2010. He holds an engineering degree from Polytechnique of Montreal.
Jan-Erik Sandberg - Succeeding with Large Scale AgileAgile Lietuva
Implementing Agile in small, short lived projects is easy. The real challenge comes when the project becomes long-running, and it gets even harder when spanning into multiple large projects. Add the challenge of distribution of resources and different cultures and it becomes almost impossible.
Jan-Erik Sandberg is an international veteran on successfully implementing Agile in large organizations. You will get insights into some of his hard earned experiences and this hour will be packed with proven techniques and real life examples. The goal of the session is to help you to reduce risk and increase your chances of succeeding with implementing agile at a large scale. Project and product-developments that utilize offshore resources will be the main focus for this session.
By making your site accessible, you'll get a better understanding of HTML semantics, an increased audience reach, Google will reward you... and you will become good looking, admired by your peers, and be the most interesting person in the room.
Is Responsive the best solution to all our Mobile SEO problems>Jose L. Truchado
BrightonSEO conference presentation. Google recommends responsive design as their preferred option for mobile content, but does this solution apply to every case? learn how looking at solutions through the eyes of the user can help you define the best strategy for Mobile SEO
UX Activities for Pet Wearable iOS Mobile AppNicole Warner
Mobile app product development for a pet wearable device. Product tracks fitness and health stats. Also, includes tracking service and remote access to dog door.
Presentation for SMU UX certification class.
Walk, Don't Run: Incremental Change in Enterprise UXuxpin
You'll learn:
- A realistic approach to product improvement in large enterprises
- How to create and execute a pilot program for overcoming “product stagnation”
- How to scale the program to a growth team dedicated to improving existing products
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
More Related Content
Similar to Simplifying Mobile A11y Presentation.pptx
These slides were presented at Voices That Matter and the iPhone/iPad Summit in 2010. They discuss 6 simple ways to improve the user experience of your iPhone or iPad apps.
Reply Labcamp: Test before you Invest, A Guide to Rapid Prototyping (Design D...Jay Suthar
Organised and presented an introductory labcamp in the process of fast prototyping for mobile app development - outlining user needs, exploring layouts for necessary content, applying common user interface patterns, considering functionalities, features and validating designs. Devised hands-on group activity; using pen, paper and Marvel App to rapidly sketch and manipulate concepts for a mobile eCommerce fashion product detail page to test.
This is very challenging project , on how to transform Agrobazaar from typical e-commerce platform to ta very successful portal by "slipping into the customer shoes". User profiles created based on the research, each touchpoint was studied to reduce the pain of the customer and increase their satisfaction.
Harnessing the content beast – Content marketing in the multiscreen worldThomas Robbins
Desktops, mobile phones, Digital signage, TV’s, tablets, netbooks, mini-tablets… the list of connected devices your customers are using to consume your content never stops growing! Unfortunately, this doesn’t match your marketing budget. When it comes to serving content in today’s world it’s a myriad of screen sizes and effective calls to action. What are your choices? The landscape of consumerism has changed in a few short years allowing our customers more choices for reading, watching, communicating, socializing, shopping, and making purchase decisions.
This webinar will examine the core concept and practical strategies for creating effective and responsive content in the multi-screen world we live in.
Register now to gain actionable insights and learn:
• Practical strategies to determine the appropriate screen sizes for your content marketing materials.
• Building effective calls to action for multiple screens.
• Practical strategies to use when building your content marketing plan in today’s multi-screen world.
• Decision strategies for deploying content effectively.
• Possible frameworks available
• How best to integrate this approach with your marketing plan.
Mobile First Approach - The key to cross platform interface designVivek Parihar
Mobile first design has been taking centrestage in the consumer internet media stage. This makes it extremely important for the Design/development community to understand the intricacies, pitfalls and the right practices about it.
From my own experiments, I have elicited few interesting protcols and practices for the same. The presentation aims to share the results of the successful experiments and open up discussion on what the best way forward can be.
Outline of the talk:
1. Understanding the need for mobile sites
2. Going through the basics of a fluid interface; differences between responsive sites and mobile sites
3. Bottom up approach - first build minimum features for the smaller screens. It helps keep the lean approach alive.
4. Optimized content structuring - limited size on small screens calls for relevant and optimized content layouts
5. Ensuring the right experience on small screen devices via optimized front end
Neil Perlin - We're Going Mobile! Great! Are We Ready?LavaConConference
In this session attendees will learn:
Technical options for going mobile, including responsive design, converting traditional online help to an app, and creating a “true” app using RMAD (Rapid Mobile App Development) tools. The pros and cons of each approach and some of the tools available for creating each option.
Anticipated changes in content creation practices and workflows including the elimination of local formatting, adoption of a “mobile first” philosophy, rethinking the role of tables, and more.
How company issues like terminology standardization, strategic benefit, politics, and the development of metrics and standards can help or hinder a move to mobile.
Building Beautiful and Highly Usable Products by Simon ValleeProductHuntTO
Keynote by Simon Vallee at Product Hunt Toronto's 1 Year Anniversary Event. Simon Vallee is an entrepreneur and product enthusiast. He currently works at Slack, which he joined when Slack acquired his latest startup, Spaces. Before that, he co-founded OpenCal, acquired by Groupon in 2011 and Sitemasher, acquired by Salesforce in 2010. He holds an engineering degree from Polytechnique of Montreal.
Jan-Erik Sandberg - Succeeding with Large Scale AgileAgile Lietuva
Implementing Agile in small, short lived projects is easy. The real challenge comes when the project becomes long-running, and it gets even harder when spanning into multiple large projects. Add the challenge of distribution of resources and different cultures and it becomes almost impossible.
Jan-Erik Sandberg is an international veteran on successfully implementing Agile in large organizations. You will get insights into some of his hard earned experiences and this hour will be packed with proven techniques and real life examples. The goal of the session is to help you to reduce risk and increase your chances of succeeding with implementing agile at a large scale. Project and product-developments that utilize offshore resources will be the main focus for this session.
By making your site accessible, you'll get a better understanding of HTML semantics, an increased audience reach, Google will reward you... and you will become good looking, admired by your peers, and be the most interesting person in the room.
Is Responsive the best solution to all our Mobile SEO problems>Jose L. Truchado
BrightonSEO conference presentation. Google recommends responsive design as their preferred option for mobile content, but does this solution apply to every case? learn how looking at solutions through the eyes of the user can help you define the best strategy for Mobile SEO
UX Activities for Pet Wearable iOS Mobile AppNicole Warner
Mobile app product development for a pet wearable device. Product tracks fitness and health stats. Also, includes tracking service and remote access to dog door.
Presentation for SMU UX certification class.
Walk, Don't Run: Incremental Change in Enterprise UXuxpin
You'll learn:
- A realistic approach to product improvement in large enterprises
- How to create and execute a pilot program for overcoming “product stagnation”
- How to scale the program to a growth team dedicated to improving existing products
Similar to Simplifying Mobile A11y Presentation.pptx (20)
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
The infamous Mallox is the digital Robin Hoods of our time, except they steal from everyone and give to themselves. Since mid-2021, they've been playing hide and seek with unsecured Microsoft SQL servers, encrypting data, and then graciously offering to give it back for a modest Bitcoin donation.
Mallox decided to go shopping for new malware toys, adding the Remcos RAT, BatCloak, and a sprinkle of Metasploit to their collection. They're now playing a game of "Catch me if you can" with antivirus software, using their FUD obfuscator packers to turn their ransomware into the digital equivalent of a ninja.
-------
This document provides a analysis of the Target Company ransomware group, also known as Smallpox, which has been rapidly evolving since its first identification in June 2021.
The analysis delves into various aspects of the group's operations, including its distinctive practice of appending targeted organizations' names to encrypted files, the evolution of its encryption algorithms, and its tactics for establishing persistence and evading defenses.
The insights gained from this analysis are crucial for informing defense strategies and enhancing preparedness against such evolving cyber threats.
UiPath New York Community Day in-person eventDianaGray10
UiPath Community Day is a unique gathering designed to foster collaboration, learning, and networking with automation enthusiasts. Whether you're an automation developer, business analyst, IT professional, solution architect, CoE lead, practitioner or a student/educator excited about the prospects of artificial intelligence and automation technologies in the United States, then the UiPath Community Day is definitely the place you want to be.
Join UiPath leaders, experts from the industry, and the amazing community members and let's connect over expert sessions, demos and use cases around AI in automation as we highlight our technology with a special speaker on Document Understanding.
📌Agenda
3:00 PM Registrations
3:30 PM Welcome note and Introductions | Corina Gheonea (Senior Director of Global UiPath Community)
4:00 PM Introduction to Document Understanding
How to build and deploy Document Understanding process
Where would Document Understanding be used.
Demo
Q&A
4:45 PM Customer/Partner showcase
Accelirate
Intro to Accelirate and history with UiPath
Why are we excited about the new AI features of UiPath?
Customer highlight
a. Document Understanding – BJs Case Study
b. Document Understanding + generative AI
5.30 PM Networking
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlPeter Udo Diehl
I'm excited to share my latest predictions on how AI, robotics, and other technological advancements will reshape industries in the coming years. The slides explore the exponential growth of computational power, the future of AI and robotics, and their profound impact on various sectors.
Why this matters:
The success of new products and investments hinges on precise timing and foresight into emerging categories. This deck equips founders, VCs, and industry leaders with insights to align future products with upcoming tech developments. These insights enhance the ability to forecast industry trends, improve market timing, and predict competitor actions.
Highlights:
▪ Exponential Growth in Compute: How $1000 will soon buy the computational power of a human brain
▪ Scaling of AI Models: The journey towards beyond human-scale models and intelligent edge computing
▪ Transformative Technologies: From advanced robotics and brain interfaces to automated healthcare and beyond
▪ Future of Work: How automation will redefine jobs and economic structures by 2040
With so many predictions presented here, some will inevitably be wrong or mistimed, especially with potential external disruptions. For instance, a conflict in Taiwan could severely impact global semiconductor production, affecting compute costs and related advancements. Nonetheless, these slides are intended to guide intuition on future technological trends.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity
In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni.
📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath:
Autopilot per Studio Web
Autopilot per Studio
Autopilot per Apps
Clipboard AI
GenAI applicata alla Document Understanding
👨🏫👨💻 Speakers:
Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant
Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath
Andrei Tasca, RPA Solutions Team Lead @NTT Data
2. Who Am I?
Name: Mark Steadman
Director – Digital Accessibility
Fidelity Investments
Mobile Contributions:
W3C Mobile Working Group Member
MCAG Contributor
IAAP mobile cert committee member
3. Learning Outcomes
The Disconnect
Why mobile
accessibility
tends to be an
afterthought
Simple Mobile
Requirements
Simple guide to
helping you build
accessible mobile
apps
Sustaining and
Building
How can each role
impact making our
apps accessible
5. • Global traffic on mobile devices has increased from 6% in 2011, to 54%
in 2021
• Anything and everything has a mobile app now.
• Some sites even force you to USE the mobile app (Reddit)
• Quick, easy access:
• Communication
• Ride Sharing
• Banking
• Food delivery/Grocery Delivery
Why Does Mobile Accessibility Matter
6. Why Does Mobile Accessibility Matter cont.
According to A study done in the
Netherlands:
• 45% of users have one or
more accessibility setting on.
• 15% have more than one
accessibility setting on.
Source Credit: https://appt.org/en
https://www.cdc.gov/ncbddd/disabilityandhealth/infographic-disability-impacts-all.html
According to a study done by the CDC, in the US:
Around 260 Million Adults in the US
• 1 in 4 Adults (27%) have a disability (~70 Million)
• 12.8% Have cognitive disabilities (~33.3 Million)
• 12.1% have mobility disabilities (~31.5 Million)
• 6.1% have Hearing Disabilities (~15.9 Million)
• 4.8% have vision disabilities (~12.5 Million)
7. What Enforces It?
● Court Decisions:
○ State of Oklahoma/DOJ Settlement
○ Labcorp Kiosk Settlement
○ Dominos Lawsuit
● In Law:
○ ADA Act Title II
○ DOJ Accessibility Guidance
● Guidelines:
○ WCAG – Specifically 2.1 and 2.2
○ Human interface guidelines
○ User Agent Accessibility Guidelines
8. Android Assistive Technology
Screen Reader: Voice Over
Text Resizing
Voice Control
Switch Control
iOS Assistive Technology
Screen Reader: TalkBack
Text Resizing
Switch Access
Keyboard
How Do Users Interact with Mobile Apps?
9. Common Navigation Patterns
Basic Navigation
• Move to the next item – Swipe right
• Move to previous item – Swipe left
• Activate Focused Item – Double Tap
• Stop speaking – Two finger tap
Additional Controls
• Rotor Navigation (iOS) – Two finger
rotation in circle
• Once selected swipe up/down
• LCM Local Context Menu (Android)
• Three finger swipe right or left
• Once selected swipe up/down
12. TalkBack Directions
1.Open Settings
2. Open Accessibility option
3. Scroll to the bottom, Accessibility
Shortcut option
4. Make sure
VoiceOver is selected
VoiceOver Directions
1. Open Settings
2. Open Accessibility option
3. Scroll to the bottom, Accessibility
Shortcut option
4. Make sure
VoiceOver is selected
Voiceover and Talkback Shortcut Activation
13. Amazon Workshop Activity
• Open Amazon App
• Turn on screen reader (Using shortcut)
• Using the navigation patterns in previous slide do
the following:
• Search for notebook
• Add notebook to cart
• Navigate to the cart
14. Amazon Workshop Outcomes
• What did you notice?
• How difficult was the experience?
• Was there anything you believe could have made it
better?
16. • Accessibility always gets a bad reputation in the mobile
community because of one big thing.
• “Web specialists don’t get mobile!”
• Mobile developers and designers only have one set of
guidelines and resources to go off of, and those are all
web based.
• Minimum requirements are difficult and hard to parse
through
What is the Disconnect
17. ● Talking the mobile talk!
○ How can we talk in the same terms as
mobile devs and designers?
● What are the actual mobile standards?
● Hybrid application development vs native
mobile application development
Fixing the Disconnect
18. ● Page = View
● Main Nav = Navigation/System Bar
● Aria-describedby or extra content = Hint
● Focus = Swipe stop/point
● Tab Order = Swipe Order
● Resize Text = Scale
Key Accessibility Terminology - Common
19. Android Terms
• Alt Text = accessibilityLabel
• Role/Aria = Trait
• Heading = isHeader
• Tabindex of 0 =
groupAccessibilityChildren
• Aria-hidden = accessibilityHidden
iOS Terms
• Alt Text = ContentDescription
• Role = Role or RoleDescription
• Aria-labeledby = labelFor
• Tabindex of 0 = focusable attribute
• Aria-hidden = importForAccessibility
Key Accessibility Terminology
20. ● The Problem:
● There are no “official” mobile accessibility standards.
● Expectations for user interaction in mobile unclear
● The Reality :
● WCAG DOES apply to mobile applications, and quite easily.
● W3C has a working group that is building official set of mobile
accessibility standards
Where Are The Standards?!
22. Wrench of Hybrid
● Hybrid applications combine Web and Native development into one
singular application
● Apps are built in web frameworks and then compiled into mobile
applications
● Examples of Hybrid frameworks
● Cordova
● Ionic
● React Native
23. Wrench of Hybrid Cont.
● Major disconnect in the accessibility community is understanding the type
of application being developed.
● If it is hybrid, then (unless React Native) it is developed using web
based frameworks
● If it is Native, it is developed using Android and iOS based
development frameworks
● Example: Swift/SwiftUI, Android View/JetPack Compose
25. For This Breakdown…
● For this ENTIRE section, pick any application you want on your mobile
device and test it for these requirements
● You may want to have a couple apps to try out on this.
● We will leave plenty of testing time for you all to try it out as we go, but
please ensure your volume is down a little bit or headphones are in for
others around you
● Ask questions! I want this to be interactive!
26. The Breakdown of the Breakdown!
● 12 Specific requirements.
● These 12 requirements are based on data collection done through
multiple applications and audits completed that took the top 12
issues seen in mobile applications
● 4 Categories of Issues
● View Structure (Navigation)
● Interactable elements
● Content
● User Interaction
27. Proper navigating through
an application
Headings
Easy navigation
between content
View Titles
Unique titles for
each new view
Swipe Order
View Structure (Navigation)
28. Headings - Requirement
● Rule #1: Main view title must be announced as heading (iOS), Android is
NOT required to announce as heading
● Rule #2: Any text that breaks up logical chunks of content should be
properly designated as a heading
● Rule #3: Headings MUST be navigable by proper OS functionality
● iOS: Rotor
● Android: LCM (Local content menu)
29. Headings - Tests
● Test #1 Identifying Headings: Text that breaks up logical chunks of
content should announce as “<Text> Heading”
● Test #2 Navigation: A user should be able to navigate between sections of
content using the Rotor in iOS or LCM in Android
● iOS Rotor: With VO on, Twist two fingers right/left until you hear
headings and swipe up/down to navigate by headings
● Android LCM: Use three finger swipe left/right until you hear
“Headings” then swipe up/down to navigate by headings
31. View Titles - Requirements
● Rule #1: Each view must have a unique title
● Rule #2: If a unique title is not possible on each view (Ex: Sign up for
insurance), then the following subheading can qualify as the unique
heading
● Rule #3: Titles should not have trailing … or be cutoff
32. View Titles - Tests
● Test #1 Ensure Unique Titles: As you navigate from view to view, ensure
the title in the top of the view is changing
● Test #2 Ensure Titles Exist: No view should have no title UNLESS the next
subsequent text is a heading that serves as the views title (Example to
follow)
● Test #3 Ensure title does not cut off: Without resizing, ensure the title
does not have any trailing … or is cut off. Titles should be unique and
concise.
34. Swipe Order - Requirements
● Rule #1: Items that logically are group together (Ex: buttons with large
amounts of info) are grouped properly in swipe order
● Rule #2: Ensure content that is not visible is not accessible with screen
reader on.
● Rule #3: Ensure focus view to view is consistent
● Default focus is to the back button or view title
● If modal or tray, the focus must return to the trigger
35. Swipe Order -Test
● Rule #1: Items that logically are group together (Ex: buttons with large
amounts of info) are grouped properly in swipe order
● Rule #2: Ensure content that is not visible is not accessible with screen
reader on.
● Rule #3: Ensure focus view to view is consistent
● Default focus is to the back button or view title
● If modal or tray, the focus must return to the trigger
36. Swipe Order Examples
1. Test #1: With VO and TB on, swiping through (right/left) ensure logical
grouped content reads as one stop
2. Test #2: With VO and TB on, swiping through (right/left) Ensure no hidden
content is visible to screen reader users.
3. Test #3 Ensure focus view to view is consistent. Either stick with default
in the title bar OR if focus is controlled it is consistent where it goes
4. Test #4 If a modal or tray is opened, focus returns to the trigger that
opened it
38. Native apps should
work with keyboard
and screen reader
Button/Links
What is button/Link.
Ensuring it properly
states its role
Input/Forms
Inputs/forms should
conform to specific
mobile standards
Keyboard
Interactable Elements
39. Button/Link - Requirements
● Rule #1: Each actionable item must have a proper role! (Trait in iOS)
● Rule #2: Links take you to webview or web content, buttons keep you
within native views
● Rule #3: Each actionable item must have a proper accessible name that
clearly defines its purpose.
● Note: The label CANNOT include the role
40. Button/Link - Tests
● Test #1: With VO and TB on, ensure each actionable item has a proper
role (Trait) that describes its purpose
● Test #2: With VO and TB on, if an actionable item takes you to a webview
or web content, it has proper role (trait) of link
● Test #3: With VO And TB on, ensure that the label for each actionable item
properly describes it and does not include:
● file extension naming
● the role of the item
42. Inputs/Forms - Requirements
● Rule #1: Each input should have a consistent and visible label
● Rule #2: Forms should have an error message WITH proper error icon
associated with the input or the entirety of the form
● Rule #3: Each input MUST NOT have multiple swipe stops (focus points).
Single swipe point is all that is needed.
43. Inputs/Forms - Tests
● Test #1: Ensure each input has a consistent and visible label that is within
a logical proximity to the input
● Test #2: In a form (such as login) enter no information and ensure there is
either error messages on each field in question OR a global error message
● Test #3: With VO or TB on, ensure while swiping through the inputs that
the label or error message are not swiped to and it is only focused on the
input
46. Keyboard - Requirement
● Rule #1: Native application should function properly in iOS and Android
with screen reader on. Should properly function WITHOUT in Android
47. Keyboard - Test
● Test #1: Connect a Bluetooth keyboard to your device, and turn on VO or
TB. Using standard navigation for keyboard, navigate through the view of
the application and ensure all actions and content are accessible.
● Android Keyboard Commands
● iOS Keyboard Commands
49. Color alone cannot
dictate vital info
Resize Text
Text changing size
and not cutting ff
Images
Are properly hidden
or described
Use of Color
Content
50. Resize Text - Requirements
● Body copy should be readable, without overlap or truncation, at roughly 200% of its
default size
● Headings (e.g., not body copy) should be readable roughly 130% of its base size
● The following is a generally agreed upon method of resizing text on mobile devices to
measure the above success criteria:
○ iOS
● Settings > Accessibility > Display & Text Size > Larger Text
● With the “Larger Accessibility Sizes” toggle Off, using the drag slider
increase the text size as large as it will go, then
● Toggle the “Larger Accessibility Sizes” toggle On, and drag the slider three
more notches (this is considered AX3)
○ Android
● Settings > Accessibility > Text & Display > Font Size
● Use the drag slider to increase the text size to 6 of 8
51. Resize Text - Test
● Test #1:
● iOS
○ With font settings to AX3, look to see if all content is available
does NOT contain trailing …
● Android
○ With font settings to 6 of 8, look to see if all content is available
does NOT contain trailing …
53. Images - Requirements
● Rule #1: Images that are decorative should be hidden from screen reader
users, those that are not should have proper accessibility label.
● Rule #2: Images MUST NOT contain large chunks of text.
54. Images - Test
● Test #1: With VO and TB on, ensure that each image is either properly
hidden from screen reader OR has proper accessible label for it.
● Test #2: Locate any images that contain multiple lines of text or text with
vital information for the user.
56. Use of Color - Requirement
● Rule #1: Any use of color that depicts vital information to users cannot be
used and must have an alternative to share said information
57. Use of Color - Test
● Test #1: Navigating your application, seek any information that depicted
using color alone. IF there is not alternative way to gain that information,
use of color is violated
● Example: Showing negative and positive integers as red and green
respectively
59. All custom gestures
must not interfere
with common gestures
Touch Target Size
Proper sizes for
interaction
Orientation
App must work in both
landscape and
portrait
Custom Gestures
User Interaction
60. Touch Target Size - Requirements
● Rule #1: All touch targets in mobile applications must be large enough
and easily touchable by all users
● Android MUST have a minimum touch target size of 48dp x 48dp
● iOS MUST have a minimum touch target size of 44pt x 44 pt
61. Touch Target Size - Tests
● Test #1:
○ iOS:
■ Use of the Accessibility Inspector
○ Android
■ Use of the Google Accessibility Scanner
63. Orientation - Requirements
● Rule #1: Mobile applications must adhere to landscape and portrait
modes
● Rule #2: When in landscape, not text or loss of context has occurred
64. Orientation – Test
● Test #1:
● Turn on Orientation (allow rotation:
○ iOS: Open control center by swiping from right corner and
tapping the “Lock” logo
○ Android: Open control center by swiping from right corner and
tapping the “rotation” button (or lock icon if it is locked)
● Once on, ensure the application works in both landscape and
portrait.
● If portrait works, ensure no overlap or loss of context occurs
66. Custom Gestures - Requirements
● Rule #1: Any custom gestures (Swipe patterns, touch and hold) MUST
NOT interfere with common gestures
● Rule #2: Swipe only gestures MUST have an alternative method or proper
instruction and not be overly complex
67. Custom Gestures - Test
● Test #1: With VO or TB on, navigate the application using right and left
swipe. If any item in the view does something out of the norm (Text
sliding, item selected) custom gestures fails
● Test #2: With VO or TB on, navigate to a “slide to” gesture component and
ensure that either:
● The component has proper instruction to use
● Has an alternative method to interact
70. Everybody Has A Role
● Each person in an organization plays a vital
role in ensuring your mobile content is
accessible
● Using the 12 requirements above, we can
see how each role can have a large impact
in ensuring the issues are fixed before they
are even released into production!
71. Tools to Use
● Headings
● Visible Label
● Resize Text
● Swipe Order Grouping
● Touch target size
● Orientation
Potential Issues to Fix
● Include: eBays accessibility
annotations toolkit
● CVS iOS Annotations: CVS
a11y kit for iOS specifically
Role: Designers
76. ● QA members can have a multitude of different jobs in their daily tasks
● Regression testing can be a MASSIVE endeavor for teams to get done,
and adding accessibility testing to this can be difficult.
● So what can we do to ensure QA gets accessibility as part of their testing?
Role: QA/Test Team
77. Minute to Win it Tests! – Screen Reader
Roles for Actions:
• Do actionable items have a proper
Role? Roles include button, link, switch.
Headers:
• Do labels that break up sections of
content announce as headings?
• Using the heading rotor command, can
you navigate through headings?
Appropriate Accessible Text:
• Do screen reader announcements
match the visual label?
Image Descriptions :
• Informative: Does the accessible label
properly represent the image?
• Decorative: Is the image hidden from
screen reader focus?
78. Minute to Win it Tests! – Visual
Persistent and Visible Labels
• Does every input have a visible label?
• Do labels disappear once the field is
interacted with?
Use of Color
• Is any information given using color
alone?
Images of Text
• Are there images of text that share vital
information?
Text Resizing
• Does the text resize?
• Does content truncate...?
• Does content overlap?
Heading and Structure
• Are there visual labels breaking up
groups of content?