--- title: "How to Apply WCAG On Mobile: FAQ " description: Senior UI/UX Designer Luca Boskin took the time to answer questions about how brands can best apply WCAG principles on mobile. Read them now. image: https://blog.usablenet.com/hubfs/Pillar%20Page%20AAAS/Accessibility%20as%20a%20Service%20-%20UI%20UX%20drawings.jpg --- - [skip to menu](https://blog.usablenet.com/how-to-apply-wcag-on-mobile-faq#nav) - [skip to content](https://blog.usablenet.com/how-to-apply-wcag-on-mobile-faq#main-content) - [skip to footer](https://blog.usablenet.com/how-to-apply-wcag-on-mobile-faq#footer) Test the accessibility of your website for free! Try UsableNet AQA. [Test now!](https://usablenet.com/automated-accessibility-testing-tool) Close [![UsableNet home](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/logo.png?width=429&height=62&name=logo.png)](https://usablenet.com/) - [Solutions](https://usablenet.com) ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Explore which of our digital accessibility solutions is right for you [Watch a Demo](https://info.usablenet.com/choose-a-demo?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1737658630173.1737669055746.199&__hssc=181257784.7.1737669055746&__hsfp=3011104808) - [Resources](https://usablenet.com/resources) ## Resources - [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [Tools](https://usablenet.com/resources?contentType=Tools) - [All Resources](https://usablenet.com/resources) ## Essential Resources ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-1.png?width=100&height=100&name=resources-1.png) [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-2.png?width=100&height=100&name=resources-2.png) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist) ![](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/resources-3.png?width=100&height=100&name=resources-3.png) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz) ![](https://blog.usablenet.com/hs-fs/hubfs/ADA%20Primer.png?width=100&height=100&name=ADA%20Primer.png) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance) - [Who We Serve](https://usablenet.com/strategic-relationships) ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/e-commerce-accessibility-solutions) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/eaa-en-301-549-compliance) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) Close Open Menu - Solutions ## Solutions [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) A managed service combining experts, technology and legal support to make your website accessible [UsableNet AQA](https://usablenet.com/technology/aqa) Accessibility management and testing software for designers, developers, and testers [Accessibility Audits & Support Services](https://usablenet.com/services) Expert guidance and training to empower your team to create accessible digital experiences Which accessibility remediation approach is right for me? [Take our Quiz](https://info.usablenet.com/website-accessibility-remediation-quiz) - Resources ## Resources [E-books & Guides](https://usablenet.com/resources?contentType=E-books%20and%20Guides) [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) [Reports](https://usablenet.com/resources?contentType=Reports) [Webinars](https://usablenet.com/resources?contentType=Webinars) [Tools](https://usablenet.com/resources?contentType=Tools) [All Resources](https://usablenet.com/resources) ## Essential Resources [ADA accessibility lawsuit tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Checklist: how to achieve and maintain digital accessibility](https://info.usablenet.com/digital-website-accessibility-checklist?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [Which remediation approach is right for me?](https://info.usablenet.com/website-accessibility-remediation-quiz?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) [A Primer on ADA and Digital Accessibility](https://info.usablenet.com/a-primer-on-ada-and-digital-accessibility?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) The EAA is in Effect — Is Your Website Compliant? [Get Help with EN 301 549 Compliance](https://info.usablenet.com/eaa-en-301-549-compliance?__hstc=181257784.2243d86205d8f41e204908d6f6578263.1725908600455.1736198093211.1736205902814.174&__hssc=181257784.1.1736205902814&__hsfp=3011104808) - Who We Serve ## Industry [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) [Healthcare](https://info.usablenet.com/industries-healthcare) [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) ## Compliance [Canadian Accessibility Laws](https://info.usablenet.com/compliance-canada) [European Accessibility Laws](https://info.usablenet.com/compliance-europe) [Other International Accessibility](https://info.usablenet.com/compliance-international) [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) 2026 Midyear report on digital accessibility lawsuits in the US [Download Now](https://info.usablenet.com/2026-midyear-report) - [Pricing](https://usablenet.com/pricing) - [Blog](https://blog.usablenet.com/) - [About Us](https://usablenet.com/about-us) [Get a Demo](https://info.usablenet.com/contact) # How to Apply WCAG On Mobile: FAQ  **By** [UsableNet](https://blog.usablenet.com/author/usablenet-1) on Aug 12, 2021 **Topics:** [Mobile](https://blog.usablenet.com/topic/mobile), [UX](https://blog.usablenet.com/topic/ux) 0 Comments - - - ![person making notes on a tablet](https://blog.usablenet.com/hubfs/Pillar%20Page%20AAAS/Accessibility%20as%20a%20Service%20-%20UI%20UX%20drawings.jpg) In our UX-focused webinar, [Inclusive ADA Principles Applied to Mobile](https://info.usablenet.com/webinar-registration-inclusive-ada-principles-for-mobile-app-a11y), Senior UI/UX Designer Luca Boskin took time to answer questions about how brands can best apply WCAG principles on mobile. The questions and answers were invaluable, so we wanted to share them with you.  For more insights from Luca and our presenters from this webinar, Joseph DiNero of Helen Keller Services and Jason Taylor, Chief Innovation Strategist at UsableNet, register for our [August 18th Webinar, Accessibility by Design - 101](https://info.usablenet.com/webinar-registration-accessibility-by-design-101), a new, free webinar on key considerations to design your websites to be accessible, usable, and ADA compliant.  Back to our FAQ, let's jump right in.  ## Q: Does the use of accessibility tools through a mobile app actually consume power from the mobile device? A: In general, if something is running on a mobile device (actively or in the background), that means it is definitely consuming the battery. ## Q: When you say "tabbing through” in a mobile experience, how is this action being carried out? A: That phrase refers to voiceover and Braille screen input. Check out Kristy Viers’ YouTube video that better details this answer. [You can watch it here](https://www.youtube.com/watch?v=wueLXCbm_KY). ## Q: For a native app providing a lot of information on a small screen, is the key takeaway to ensure that touch target size is good?  A: It really comes down to understanding the key content of the view you're designing and making sure you're presenting it in the best way possible. If there's a CTA involved, then make sure it has an appropriate size for touch targets. ## Q: Is swipe or tab navigation the navigation method of last resort?  A: I wouldn't say swipe or tab-navigation is the nav method of last resort, but I'll suggest always base your initial design decisions and assumption on the fact that there are many different user groups out there, which may use and need alternative methods of interactions in order to complete a task. ## Q: Can you share some general page or component layout principles that support Dynamic Type / accessible font sizes in native apps? A: As a web designer and from a visual design perspective, some knowledge about flexible typesetting and variable fonts will definitely help you design better pages, components, and layouts that support dynamic types. ## Q: WCAG doesn't seem to specify a minimum or maximum font size. What would you recommend? A: For native apps, I would follow the [typography recommendations](https://uxdesign.cc/guide-for-designing-better-mobile-apps-typography-5796495ef86f) from iOS and Android, which are both very detailed in terms of providing recommended font size for specific content purposes.  ## Q: When a button is "greyed out" on a form, and is not active until the form is completed, does that button still follow the non-text contrast rule? A: This technique is usually not accessible because it hides an element from the page structure which should be there instead, especially if a user is navigating the page with a keyboard or using a screen reader. ## Q: How can you measure target size if you are a tester, rather than an app developer? A: The easiest way would be with screenshots, then using a simple image previewer to measure the element size. ## Q: When are these requirements expected to be implemented in mobile apps? A: WCAG 3.0 will scope mobile apps more consistently. ## Q: Any suggestions or tips on improving accessibility for data visualizations, such as graphs and charts that users can interact with to retrieve information? A: Always combine color with shapes or patterns to represent data, honor the 3:1 minimum contrast ratio for visual elements, honor the 4.5:1 minimum contrast ratio for text labels, and provide a textual description of the visually represented data for users with visual, literacy, or cognitive impairments. ## Q: Twitter has a setting to increase contrast, I’m assuming so that the default design contrast can be lower. It allows for the design to have a wider range of contrast and feel less “bold” by default. Is this considered an acceptable practice? A: Twitter's primary blue color has insufficient contrast when paired with white, so I would rather assume the “increased contrast” setting represents a way of mitigating this accessibility issue without compromising the app branding. ## Q: How do you deal with this tradeoff: allow dynamic text on a component vs. truncating text (in a situation where space is limited)? A: Truncating text is sometimes useful to give users a preview of larger content, and is typically followed by a CTA to reveal or load the full text. In other circumstances, it’s a sign of poor content management, where the design is prioritized over the user. When that's the case, it's better to step back and consider different alternatives, like shortened content for mobile screens. ## Q: What is your opinion of overlay services on websites?  A: Overlays provide a poor user experience. We’ve covered this topic on our blog in the past. [You can read it here](https://blog.usablenet.com/3-reasons-why-accessibility-overlays-fall-short). ## Q: How is the “AIRA live” style alert message done within a native app? (i.e., How does the “snackbar” or “toast” announce to a screen reader user?) A: It really depends on the technology you're using. Whether it is Swift or React Native, you should reference their official documentation. ## Q: What are your opinions of situations where the content as represented by the screen reader differs from what is there, visually (for example, an invisible button that is accessible only via the screen reader)? A: That's actually a pretty effective solution to simplify screen reader interactions, when it will otherwise be challenging to perform using other standard UI components, or when visual elements are cluttering the experience for screen reader users without adding value.  ## Q: What do you think about link styling in native apps vs. web?  A: Link styling should be always consistent and recognizable. (We recommend underlined and a different color than plain text).  ## Q: The new WCAG 2.2 guidelines for Pointer Target Spacing will dictate 44px click target isolation. Is this regarded as sufficient for mobile users exploring via touch? A: Not only WCAG, but also Windows, iOS, and Android consider 44px (7mm) the absolute minimum for touch targets. In terms of usability on phones, in particular, touch targets should be larger the farther they are from the thumb zone. ## Q: How can I learn how to Apply the wcag principles (pour) to mobile?  **A.** [**Download our whitepaper here.**](https://blog.usablenet.com/cs/c/?cta_guid=c0e024ba-d1bd-4108-9043-c4c5a08f1e74&signature=AAH58kEPOOblEGtcJnK9SzMNyUR1XbOkmQ&pageId=47885781811&placement_guid=bab3c2d9-c327-4798-93ce-3877d12d6c62&click=76cc4d4c-3da2-483d-8eb2-b1ecc2c39917&hsutk=c7a00000143b14951331017b04da55e3&canon=https%3A%2F%2Fblog.usablenet.com%2Fhow-to-apply-wcag-to-mobile&utm_referrer=https%3A%2F%2Fwww.google.com%2F&portal_id=3280432&redirect_url=APefjpGwG0ut_vCDAYJsN6bXl1JiHKHnGAv2ZnuuWgDh2Ry_KWfw2eq69TNF5iV4b_-RKHFgrpuzIvTygp6kMoNuY4VkbZqq1AwEZldwIN_JBy1KqVgK6P3k3OASuSz0Udzgd27n5R_51puNFyXU2JnLjutW6Q74u7hp6naNSZbpiZD6UdwU-TM6GB9WQG1OenB_W5i99u1P) It's free and updated for WCAG 2.1. ## Q: How do I get more insights and practical takeaways from these webinar presenters? A: Join us on [Aug 18th for a new, free webinar](https://info.usablenet.com/webinar-registration-accessibility-by-design-101) featuring Senior UI/UX Designer, Luca Boskin, and Joseph DiNero, Assistive Technology Specialist at Helen Keller Services for the Blind, and Jason Taylor, Chief Innovation Strategist here at UsableNet.  [Accessibility by Design 101](https://info.usablenet.com/webinar-registration-accessibility-by-design-101)will cover the assistive technology considerations for blind users like Joe and other members of the disability community, discuss common accessibility design challenges, explore considerations for navigation and interactive design, and provide practical takeaways for your teams to implement.  Thanks for reading the blog and we hope to see you at [our next webinar](https://info.usablenet.com/webinar-registration-accessibility-by-design-101)!  ![UsableNet](https://blog.usablenet.com/hubfs/UsableNet%20Logo%20150%20x%20150.png) ### [UsableNet](https://blog.usablenet.com/author/usablenet-1) Founded in 2000, UsableNet created some of the first tools and platforms to make websites accessible and usable for all people. Starting out, we worked with government agencies as well as universities and corporations. Today, accessibility has become important to almost all companies. We provide accessibility solutions to Fortune 1000 companies, small and medium enterprises, government, and education organizations across industries including retail, travel, hospitality, food services, automotive, financial services, and healthcare. - - - - ### Related posts ![Navigating Mobile Accessibility: A Restaurant Reservation Story](https://blog.usablenet.com/hubfs/Michael%20Taylor.jpg) [Navigating Mobile Accessibility: A Restaurant Reservation Story](https://blog.usablenet.com/navigating-mobile-accessibility-a-restaurant-reservation-story) Dec 12, 2024 ![Navigating Accessibility: A Black Friday Shopping Experience on Mobile](https://blog.usablenet.com/hubfs/Imported_Blog_Media/e-commerce-online-shopping-digital-marketing-and-sales-business-technology-concept-137074336.jpg) [Navigating Accessibility: A Black Friday Shopping Experience on Mobile](https://blog.usablenet.com/navigating-accessibility-a-black-friday-shopping-experience-on-mobile) Nov 20, 2024 ![Mobile Grocery Shopping Accessibility: Challenges for Blind Shoppers](https://blog.usablenet.com/hubfs/Common%20Mistakes%20Online%20Shopping%20Blind%20Person.png) [Mobile Grocery Shopping Accessibility: Challenges for Blind Shoppers](https://blog.usablenet.com/mobile-grocery-shopping-accessibility-challenges-for-blind-shoppers) Sep 11, 2024 ![Navigating Accessibility Challenges on Mobile Healthcare Websites](https://blog.usablenet.com/hubfs/Michael%20Blog%20Images/HealthCare%20Blog.png) [Navigating Accessibility Challenges on Mobile Healthcare Websites](https://blog.usablenet.com/navigating-accessibility-challenges-on-mobile-healthcare-websites) Sep 2, 2024 ### Sign Up for the UsableNet Blog ### Recent Posts ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](https://blog.usablenet.com/hotel-website-accessibility-check-in-and-in-stay-barriers-for-blind-guests) Jul 15, 2026 ![feature image](https://blog.usablenet.com/hubfs/Beachside-min.jpg) [Hotel Website Accessibility: Browsing Room Options](https://blog.usablenet.com/hotel-website-accessibility-browsing-room-options) Jul 14, 2026 ![feature image](https://blog.usablenet.com/hubfs/Registration%20-%20Midyear%20Report.png) [Inside the 2026 Midyear Numbers: The ADA continues to be the ONLY true enforcement around](https://blog.usablenet.com/inside-the-2026-midyear-numbers-where-digital-accessibility-litigation-is-going) Jul 8, 2026 ### Posts by Topic - [Web Accessibility (311)](https://blog.usablenet.com/topic/web-accessibility) - [User Experience (113)](https://blog.usablenet.com/topic/user-experience) - [ADA Lawsuits (45)](https://blog.usablenet.com/topic/ada-lawsuits) - [ADA Website Compliance (38)](https://blog.usablenet.com/topic/ada-website-compliance) - [European Accessibility Act (34)](https://blog.usablenet.com/topic/european-accessibility-act) - [Mobile Web (30)](https://blog.usablenet.com/topic/mobile-web) - [Mobile Apps (27)](https://blog.usablenet.com/topic/mobile-apps) - [Retail (27)](https://blog.usablenet.com/topic/retail) ![](https://blog.usablenet.com/hubfs/Consultation%20Icon.svg) Need to improve digital usability, accessibility or performance? We can help. [Partner with us. Get in touch..](https://usablenet.com/getintouch?hsCtaTracking=34f54ed4-8696-43c9-b740-a3982b4b5d91%7Cf4246c48-bf25-487f-9058-34abb838058e) ## Page Footer ### Have a question? **Contact Us** [Book a Consultation](https://calendly.com/usablenet-accessibility/introduction?month=2025-02) [Watch a Demo](https://info.usablenet.com/choose-a-demo) ### Solutions - [UsableNet Assistive](https://usablenet.com/technology/assistive-technology-services) - [UsableNet AQA](https://usablenet.com/technology/aqa) - [Accessibility Audit & Support Services](https://usablenet.com/services) - [Pricing and Plans](https://usablenet.com/pricing) ### Resource Library - [Blog](https://blog.usablenet.com/) - [E-Books](https://usablenet.com/resources?contentType=E-books%20and%20Guides) - [Case Studies](https://usablenet.com/resources?contentType=Case%20Studies) - [Reports](https://usablenet.com/resources?contentType=Reports) - [Test your website for accessibility](https://usablenet.com/automated-accessibility-testing-tool) - [ADA Monthly Lawsuit Tracker](https://info.usablenet.com/ada-website-compliance-lawsuit-tracker) - [Webinars](https://usablenet.com/resources?contentType=Webinars) - [All Resources](https://usablenet.com/resources?all=true) ### Who We Serve - [Public Sector and Education](https://info.usablenet.com/industries-public-sector-and-education) - [Banking and Financial Services](https://info.usablenet.com/industries-financial-services) - [E-commerce and Consumer Goods](https://info.usablenet.com/industries-e-commerce-consumer-goods) - [Food Service and Hospitality](https://info.usablenet.com/-industries-food-service-hospitality) - [Healthcare](https://info.usablenet.com/industries-healthcare) - [Technology and Business Services](https://info.usablenet.com/-industries-technology-and-business-services) ### Compliance - [European Accessibility Laws](https://info.usablenet.com/compliance-europe) - [United States Accessibility Laws](https://info.usablenet.com/compliance-united-states) ### Company - [About Us](https://usablenet.com/about-us) - [LLM Resources](https://usablenet.com/for-ai-assistants) [Accessibility Support](https://blog.usablenet.com/support)| [Privacy Policy](https://blog.usablenet.com/privacy)| [Accessibility Statement](https://blog.usablenet.com/accessibility-statement)| [Diversity and Inclusion Statement](https://blog.usablenet.com/diversity-and-inclusion)| Accessibility Status | [Technology Patents](https://blog.usablenet.com/technology/patent) ## **Sign Up** for the **UsableNet Blog** Join our mailing list to receive email notifications when we publish a new blog, infographic, whitepaper or newsletter. Stay up-to-date on our insights, the latest tech news and digital trends. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ![International Association of Accessibility Professionals logo](https://blog.usablenet.com/hs-fs/hubfs/SaaS%20Theme/2023%20Header%20and%20Footer/IAAP-logo.png?width=150&height=81&name=IAAP-logo.png) © 2026 UsableNet Inc. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "UsableNet", "url" : "https://blog.usablenet.com/author/usablenet-1" }, "dateModified" : "2021-08-12T13:30:00.769Z", "datePublished" : "2021-08-12T13:30:00.000Z", "headline" : "How to Apply WCAG On Mobile: FAQ ", "image" : [ "https://blog.usablenet.com/hubfs/Pillar%20Page%20AAAS/Accessibility%20as%20a%20Service%20-%20UI%20UX%20drawings.jpg" ], "mainEntityOfPage" : { "@id" : "https://blog.usablenet.com/how-to-apply-wcag-on-mobile-faq", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.usablenet.com/hubfs/UsableNet%20Logo_Black.png" }, "name" : "UsableNet Inc." } } ```