{"id":5990,"date":"2016-04-18T19:54:42","date_gmt":"2016-04-18T19:54:42","guid":{"rendered":"http:\/\/www.abstracta.us\/?p=5990"},"modified":"2025-05-05T21:21:19","modified_gmt":"2025-05-05T21:21:19","slug":"infographic-mobile-accessibility-important","status":"publish","type":"post","link":"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/","title":{"rendered":"[Infographic] What is Mobile Accessibility and Why is it Important?"},"content":{"rendered":"<p><!-- Go to www.addthis.com\/dashboard to customize your tools --><script src=\"\/\/s7.addthis.com\/js\/300\/addthis_widget.js#pubid=ra-58d80a50fc4f926d\" type=\"text\/javascript\"><\/script><\/p>\n<h1><span style=\"font-weight: 400; color: #333333;\">Designing Mobile Apps with Accessibility in Mind<\/span><\/h1>\n<p><span style=\"font-weight: 400; color: #333333;\"> We live in a world where mobile technology is already an invaluable part of our lives. We are able to turn to our phones for virtually anything and everything from locating the closest taco stand to calling for emergency help. Where would we be without our phones? For many, our phones are built perfectly to suit our needs, but what is it like for those who do not have the same physical capabilities? How can someone with visual impairments benefit from a mobile application in the same way? Mobile accessibility is increasingly important as the world is shifting to a dependence on mobile technology.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">The following infographic takes a look at just how prevalent mobile apps are as well as physical disabilities.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\"><em><a href=\"http:\/\/abstracta.us\/wp-content\/uploads\/2016\/04\/Mobile-Accessibility-01-min-1.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9850\" src=\"http:\/\/abstracta.us\/wp-content\/uploads\/2016\/04\/Mobile-Accessibility-01-min-1.png\" alt=\"Mobile Accessibility Infographic\" width=\"600\" height=\"1801\" \/><\/a><br \/>\n<\/em><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\"><em>Infographic by Lisandra Armas and Ayessa Melgar for the mobile accessibility workshop at TestingUY.<\/em><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">In 2014, the Google Play Store had 1.43 million applications while Apple&#8217;s had 1.21 million apps, but how many of those are accessible to people with disabilities? There are more than one billion people worldwide who live with some form of a physical disability; of them, 200 million experience considerable difficulties with carrying out daily tasks. \u00a0When a company launches an application, it should consider mobile accessibility testing as an important factor because the world&#8217;s population is aging and the risk of disability is higher among older adults. The global rise of chronic disease is also another reason to value mobile accessibility.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_is_Mobile_Accessibility\"><\/span><strong><span style=\"color: #009dff;\">What is Mobile Accessibility?<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400; color: #333333;\">First, let&#8217;s define accessibility.<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">Accessibility is the degree to which everyone can use an object, visit a place, or access a service.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">Next, what is &#8220;mobile?&#8221;<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">Mobile today means more than just cell phones. Mobile includes iPads, TVs, video game controllers, tablets, smartwatches, etc. Mobile devices provide new opportunities for more people because they are:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400; color: #333333;\">Relatively cheap<\/span><\/li>\n<li><span style=\"font-weight: 400; color: #333333;\">Portable<\/span><\/li>\n<li><span style=\"font-weight: 400; color: #333333;\">Highly connected via WiFi or cellular coverage <\/span><\/li>\n<li><span style=\"font-weight: 400; color: #333333;\">Easily interconnectable\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400; color: #333333;\">So, what is <strong>mobile <\/strong>accessibility?<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #000000;\"><span style=\"color: #333333;\">According to the W3C (<\/span><span style=\"color: #009dff;\"><a style=\"color: #009dff;\" href=\"https:\/\/www.w3.org\/WAI\/mobile\/\">Web Accessibility Initiative<\/a><\/span><span style=\"color: #333333;\">), mobile accessibility generally refers to making apps more accessible to people with disabilities when they are using mobile devices.\u00a0WAI&#8217;s work in this area includes people using a broad range of devices to interact with the web: phones, tablets, TVs, and more.<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">Mobile accessibility impacts us all. For example we feel the impact when we\u00a0have a low level of vision,\u00a0are using our phone with one hand,\u00a0are in a place with bad lighting,\u00a0when our fingers are swollen or large,\u00a0or are in noisy places.<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #000000;\"><span style=\"color: #333333;\">There are several misconceptions about mobile accessibility. Some being that it is difficult and complex, disabilities only affect a small portion of users, it comes with an elevated cost, it only affects the blind, it offers limited design options or just plain text, etc. but these are simply not true. Making apps more accessible for those with disabilities not only improves the experience for them, but for everyone. You can see below why this is true. Making apps more accessible is an excellent way to improve the overall user experience.<\/span><br \/>\n<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Guidelines_for_Mobile_Accessibility\"><\/span><span style=\"font-weight: 400; color: #009dff;\"><strong>Guidelines for Mobile Accessibility<\/strong><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400; color: #000000;\"><span style=\"font-weight: 400; color: #333333;\">There are four<\/span>\u00a0<span style=\"color: #009dff;\"><a style=\"color: #009dff;\" href=\"https:\/\/www.w3.org\/TR\/mobile-accessibility-mapping\/#mobile-accessibility-considerations-primarily-related-to-principle-1-perceivable\" target=\"_blank\" rel=\"noopener\">principles of accessible design<\/a><\/span><span style=\"color: #333333;\"> applicable to any technology that govern the WCAG 2.0 of the W3C. Here is a brief overview of each:<\/span><\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Perceptibility\"><\/span>1. Perceptibility<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">Screen sizes are small, so it is best to not include too much information at once. Adapt the layout for the proper screen size and try to eliminate the need for horizontal scrolling. Make sure the option for zoom or magnification helps to make the information more readable and that the app is optimized for the zoom functionality of each browser. Use a proper amount of contrast in the design due to the fact that people are more likely to be outdoors on mobile apps than desktop applications.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Operability\"><\/span><strong><span style=\"color: #333399;\">2. Operability\u00a0<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">Use keyboard control for touchscreen devices, optimize touch target size and spacing, use proper touch screen gestures, making them obvious and as easy as possible to carry out. Place buttons where they are easy to access when the device is held in different positions.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Understandability\"><\/span><strong><span style=\"color: #333399;\">3. Understandability\u00a0<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">Support multiple layout orientations that automatically shift when the user changes the way they position or hold the device (whether it be landscape or portrait layout). Keep a consistent layout across the pages of the app. Make sure to position the most important elements above the fold (before the need to scroll). This makes it easier for those with visual impairments. Group operable elements that perform the same action together. This will make the touch target space larger, benefiting those with dexterity impairments. Make sure it is clear that an element is actionable by using conventional box shapes or check boxes, colors, convenient positioning, call to actions, etc. Provide tips and instructions for touch screen gestures that explain how to use them for when the user first needs to learn them, and keep them somewhere handy so the user can refer back to them.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Robustness\"><\/span><strong><span style=\"color: #333399;\">4. Robustness<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400; color: #333333;\">Set the keyboard to match the type of data required in the field. For example, if a user is asked to enter their email address, have a keyboard that includes an underscore as well as other typical symbols used in email addresses. This facilitates data entry for the user and helps prevent errors and ensures proper formats. Provide multiple, convenient methods for data entry. One such way would be to enable speech to fill out an entry. Don&#8217;t require more text to be entered than necessary.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #000000;\"><span style=\"color: #333333;\">For more information about how to implement these principles, read this<\/span><span style=\"color: #009dff;\"> <a style=\"color: #009dff;\" href=\"https:\/\/www.w3.org\/TR\/mobile-accessibility-mapping\/#mobile-accessibility-considerations-primarily-related-to-principle-1-perceivable\">post<\/a><\/span>, <span style=\"color: #333333;\">or attend the workshop by our very own tester with over seven years of experience,<\/span> <span style=\"color: #009dff;\"><a style=\"color: #009dff;\" href=\"https:\/\/uy.linkedin.com\/in\/lisandra-armas-\u00e1guila-79bb22ab\" target=\"_blank\" rel=\"noopener\">Lisandra Armas<\/a><\/span><span style=\"color: #333333;\">, at TestingUY about mobile accessibility testing. Lisandra will further develop the idea of this post, providing more solutions for how to follow these guidelines, test for accessibility, and promote the importance of mobile accessibility testing in order to achieve an accessible product for everyone.\u00a0<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">If you happen to be in Montevideo, we would like to invite you to come to our event! For the third consecutive year, Abstracta is actively involved in organizing the most important Testing event in Latin America, which is free for all participants who come and will feature speakers from the United States, Argentina, Uruguay, and Spain. TestingUY will\u00a0be held on the 26th and 27th of April at the Faculty of Engineering of the University of the Republic in Montevideo, Uruguay. <\/span><\/p>\n<p><span style=\"font-weight: 400; color: #000000;\"><span style=\"color: #333333;\">More information can be found at<\/span> <span style=\"color: #009dff;\"><a style=\"color: #009dff;\" href=\"http:\/\/www.testing.uy\/en\/\">www.testing.uy\/en\/<\/a><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"Recommended_for_You\"><\/span><strong>Recommended for You<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"http:\/\/abstracta.us\/blog\/mobile-testing\/5-ipad-gestures-testers-should-know\/\"><span style=\"font-weight: 400;\">5 iPad Gestures Every Tester Should Know<\/span><\/a><br \/>\n<a href=\"http:\/\/abstracta.us\/blog\/software-testing\/4-ways-might-trick-rather-treat-users\/\"><span style=\"font-weight: 400;\">4 Ways You Might Be Tricking Rather Than Treating Your Users<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designing Mobile Apps with Accessibility in Mind We live in a world where mobile technology is already an invaluable part of our lives. We are able to turn to our phones for virtually anything and everything from locating the closest taco stand to calling for&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[354,79],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v14.0.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Infographic] What is Mobile Accessibility and Why is it Important? | Abstracta<\/title>\n<meta name=\"description\" content=\"Mobile accessibility is the degree to which a mobile app is accessible for people to use with different physical capabilities. Read some interesting facts!\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Infographic] What is Mobile Accessibility and Why is it Important? | Abstracta\" \/>\n<meta property=\"og:description\" content=\"Mobile accessibility is the degree to which a mobile app is accessible for people to use with different physical capabilities. Read some interesting facts!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog about AI-powered quality engineering for teams building complex software | Abstracta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AbstractaQA\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-18T19:54:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-05T21:21:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/abstracta.us\/wp-content\/uploads\/2016\/07\/Mobility_Accessibility-min.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"420\" \/>\n\t<meta property=\"og:image:height\" content=\"236\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AbstractaUS\" \/>\n<meta name=\"twitter:site\" content=\"@AbstractaUS\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/abstracta.us\/blog\/#website\",\"url\":\"https:\/\/abstracta.us\/blog\/\",\"name\":\"Blog about AI-powered quality engineering for teams building complex software | Abstracta\",\"description\":\"AI-powered quality engineering\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/abstracta.us\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/abstracta.us\/wp-content\/uploads\/2016\/04\/Mobile-Accessibility-01-min-1.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/#webpage\",\"url\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/\",\"name\":\"[Infographic] What is Mobile Accessibility and Why is it Important? | Abstracta\",\"isPartOf\":{\"@id\":\"https:\/\/abstracta.us\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/#primaryimage\"},\"datePublished\":\"2016-04-18T19:54:42+00:00\",\"dateModified\":\"2025-05-05T21:21:19+00:00\",\"author\":{\"@id\":\"https:\/\/abstracta.us\/blog\/#\/schema\/person\/78cd0dcae50ce820b25e86d3330e9762\"},\"description\":\"Mobile accessibility is the degree to which a mobile app is accessible for people to use with different physical capabilities. Read some interesting facts!\",\"breadcrumb\":{\"@id\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/abstracta.us\/blog\/\",\"url\":\"https:\/\/abstracta.us\/blog\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/\",\"url\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/\",\"name\":\"Mobile Testing\"}},{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/\",\"url\":\"https:\/\/abstracta.us\/blog\/mobile-testing\/infographic-mobile-accessibility-important\/\",\"name\":\"[Infographic] What is Mobile Accessibility and Why is it Important?\"}}]},{\"@type\":[\"Person\"],\"@id\":\"https:\/\/abstracta.us\/blog\/#\/schema\/person\/78cd0dcae50ce820b25e86d3330e9762\",\"name\":\"Sof\\u00eda Palamarchuk, Co-CEO at Abstracta\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/abstracta.us\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/222e8b1136482564fe25acc4de2b9b7a?s=96&d=blank&r=g\",\"caption\":\"Sof\\u00eda Palamarchuk, Co-CEO at Abstracta\"},\"description\":\"Co-Chief Executive Officer at Abstracta\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/posts\/5990"}],"collection":[{"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/comments?post=5990"}],"version-history":[{"count":14,"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/posts\/5990\/revisions"}],"predecessor-version":[{"id":17529,"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/posts\/5990\/revisions\/17529"}],"wp:attachment":[{"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/media?parent=5990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/categories?post=5990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abstracta.us\/blog\/wp-json\/wp\/v2\/tags?post=5990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}