--- title: "Navigating Menus on Mobile: A Blind Diner's Accessibility Insights" description: A blind screen reader user shares his mobile experience navigating a restaurant’s online menu, offering tips to improve accessibility for all. image: https://blog.usablenet.com/hubfs/Empty%20plate%20and%20tableware%20with%20online%20order%20menu-1.jpeg --- - [skip to menu](https://blog.usablenet.com/navigating-menus-on-mobile-a-blind-diners-accessibility-insights#nav) - [skip to content](https://blog.usablenet.com/navigating-menus-on-mobile-a-blind-diners-accessibility-insights#main-content) - [skip to footer](https://blog.usablenet.com/navigating-menus-on-mobile-a-blind-diners-accessibility-insights#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) # Navigating Menus on Mobile: A Blind Diner's Accessibility Insights **By** [Michael Taylor](https://blog.usablenet.com/author/michael-taylor) on Oct 9, 2024 **Topics:** [mobile accessibility](https://blog.usablenet.com/topic/mobile-accessibility), [Restaurants](https://blog.usablenet.com/topic/restaurants) 0 Comments - - - ![Empty plate and tableware with online order menu](https://blog.usablenet.com/hubfs/Empty%20plate%20and%20tableware%20with%20online%20order%20menu-1.jpeg) Recently, I had the opportunity to dine at a popular national chain restaurant with friends. I wanted to be prepared with my order ahead of time, so I used my smartphone to review the online menu. Unfortunately, I encountered several accessibility and usability issues that made the process challenging. In this blog, I'll narrate my experience navigating the online menu on my phone. I'll share both the good and the bad aspects and give practical advice on making your website and online menu more accessible to all customers. As a blind screen reader user, I aim to show how mobile accessibility best practices directly impact my experience. I hope this blog is helpful to everyone, but especially to restaurant owners, web developers, designers, and accessibility advocates. More than 60% of restaurant customers prefer browsing menus or placing orders on their smartphones, so mobile accessibility is critical. ----If you're wondering how accessible your website or menu is, try[**UsableNet's Website Accessibility Checker**](https://usablenet.com/automated-accessibility-testing-tool).---- ### **Accessibility Issues When Navigating a Restaurant Website Menu** First, I visited the restaurant's website, where I wanted to read the menu. When the homepage launched, I searched for the link or button to bring me to the menu. I set my screen reader to filter by link only using the navigation rotor and began to swipe through the links on the page. I easily found the "View Our Menu" option. Once the menu screen loaded, the menu content was readable to my screen reader- a fantastic accessibility win! ### **Expand/Collapse Menu Issues for Screen Reader Users** As I explored the menu options using manual swipe navigation, I learned that the layout followed an expand/collapse tree structure. In other words, the website started with the menus collapsed by default. It expanded to show the enclosed options upon user activation. In theory, this is a good accessibility design because users can quickly and efficiently move to the option they want without navigating the other menu listings before the desired menu category. It also should be predictable to most users- another accessibility win. However, I had trouble with this site's expand/collapse interface, which I'll explain. First, I could hear each menu category and its "Expanded" or "Collapsed" state. I used manual swipes to find the "Starters" section of the menu and performed a single-finger double tap to expand the section. After further navigating the page, I discovered that the menu section never opened. When I navigated back to the "Starters" marker, my screen reader still announced the section as "Collapsed." I tried expanding the section again but had the same negative results. For whatever reason, the menu did not respond to my screen reader. I began exploring using direct touch navigation. I again found the "Starters" section and activated it. My screen reader announced that the menu had expanded. I used manual swipes to navigate. My screen reader only announced the seven collapsed menu sections, to my dismay. This should not have been the experience because I had just manually expanded the "Starters" portion of the menu. I found and expanded the section again using direct touch. I placed my finger in the center of the screen. My screen reader announced, "Boneless Or Traditional Wings, 6, 8, or 12 Count." So, the "Starters" menu section had expanded after all. Fortunately, the touch targets were large enough for me to activate easily—another accessibility win! Still, I could only make this happen via direct touch navigation, not through screen reader commands —a significant challenge for me as a blind person who relies on my screen reader as my preferred technology for the web. ----For a more in-depth look at inclusive mobile design, **[watch our on-demand webinar, Inclusive ADA Principles for Mobile App Accessibility](https://info.usablenet.com/on-demand-webinar-inclusive-principles-for-mobile-app-accessibility)**, to learn how to prioritize and optimize UX for mobile apps.---- ### **Price Display Problems for Screen Reader Users** After wrestling with the menu navigation, I decided to get a sense of the restaurant's price ranges. However, another issue arose: my screen reader announced every menu item's price as "$0.00." At first, I thought that something was wrong with the website itself. However, a sighted person checked and confirmed that the actual price of the food was accurately displayed with each menu listing. So, the restaurant website had prices coded and structured so that my screen reader could not process and speak the numbers. As a blind customer, being unable to determine my meal's cost was frustrating and disappointing. ----Want to avoid accessibility mistakes like this? Check out our **[Mobile App Accessibility: The 6-Step Checklist](https://blog.usablenet.com/mobile-app-accessibility-techniques-for-inclusive-design-part-1)** for best practices in creating an inclusive digital experience.---- ### **Applying WCAG Principles to Restaurant Menus** So, how can restaurants create accessible experiences for blind diners? This website and menu have some accessibility wins but could be improved. To understand how to look at the Web Content Accessibility Guidelines (WCAG). WCAG provides four essential principles: perceivable, operable, understandable, and robust. Applying these principles ensures that users with disabilities can effectively access all content. - **Perceivable**: All content—text, images, and icons—should be perceivable by users with various disabilities. For example, menus should have sufficient color contrast between text and background to help users see and read them in all lighting conditions. - **Operable**: Touch targets, like buttons and links, must be large enough for users with visual or motor impairments to interact with. Alternative ways to navigate, like swipe gestures, must also be provided for customers using screen readers. - **Understandable**: The content's layout should be simple, with consistent design elements across the menu. Screen readers can only interpret what you properly code, so interactive elements must be clearly labeled. - **Robust**: Menus should be compatible with various assistive technologies, including screen readers and zoom features. The main issue with my experience was that while the menu was compatible with touch navigation, it needed to be compatible with screen reader interaction. By testing the menu on different devices with different types of assistive technology, you can ensure your menu and website are accessible. ----For a comprehensive guide to accessibility testing, check ou[t **Accessibility Testing: The Ultimate Guide**](https://info.usablenet.com/accessibility-testing) from UsableNet.---- By applying WCAG principles and following mobile accessibility best practices, you can make your restaurant's mobile menus more user-friendly and inclusive for all customers, regardless of their abilities. Restaurant website accessibility is essential everywhere. However, it is even more significant on mobile platforms because many people turn to their smartphones and tablets for simple tasks like browsing restaurant menus and ordering online. Over 58% of global website traffic comes from mobile devices, and 83% of adults use smartphones to look up restaurant menus, make reservations, and order food. As mobile usage in the food industry continues to grow, all restaurant websites must comply with accessibility standards to create a welcoming experience for everyone. Is your restaurant's website as accessible as it should be? Make sure every customer can easily navigate and enjoy your online menu, regardless of their abilities. Test your website with UsableNet's AQA today and identify areas for improvement. Ensure your menu is not only easy to use but inclusive for all. [Start your free test now!](https://usablenet.com/automated-accessibility-testing-tool) [![The European Accessibility Act is Now in Effect - Schedule a Consulation now to see if you're affected](https://no-cache.hubspot.com/cta/default/3280432/interactive-191261690494.png)](https://blog.usablenet.com/hs/cta/wi/redirect?encryptedPayload=AVxigLIJxGiP5ub2aDfCcAEjqcy9kXdFH%2BB0f1wAJsm95U30LU9vVxIhrYhhX0axNCoxbmvoB21baO%2FXBUsb9Np2n0s1%2FdrPtgGeg5bd7h8axlfr7xckk4re8lD6e5wbFCRTnxlIA%2BnIlhfQ%2F6IJKIqEG8EeJLNz0rciX6eJF2FX37Bz44SQMVauj9yaFHgfGyApgSFvCLTNQTqZAYv28xZb31ltrIjUGYoF&webInteractiveContentId=191261690494&portalId=3280432) *Editor's Note: Our frequent contributor, Michael Taylor, wrote this post. This post reflects his opinions and experiences. [Read more about Michael and some other posts on his experience online here.](https://blog.usablenet.com/author/michael-taylor)* ![Michael Taylor](https://blog.usablenet.com/hubfs/Imported_Blog_Media/Michael%20Taylor-4.jpg) ### [Michael Taylor](https://blog.usablenet.com/author/michael-taylor) I am a regular contributor to the UsableNet blog on digital accessibility. I develop, write, and edit content for the company blog related to my experiences with digital accessibility. I explore various areas of the digital world and combine my unique perspective as a screen reader user with my fun and creative writing style to deliver an informative and engaging final product. My goal is to advance the company's marketing initiatives while also raising awareness about digital accessibility and how it affects the lives of real-world assistive technology users. My work covers everything from common accessibility challenges to robust and accessible design to tutorial-like content for specific web elements. - - - - ### Related posts ![Hotel Website Accessibility: Check-in, Messaging, and In-Stay Barriers for Blind Guests](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 ![Hotel Website Accessibility: Browsing Room Options](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 ![Chain Restaurant Online Ordering: How Post-Order Tracking Fails Blind Customers](https://blog.usablenet.com/hubfs/Empty%20plate%20and%20tableware%20with%20online%20order%20menu-1.jpeg) [Chain Restaurant Online Ordering: How Post-Order Tracking Fails Blind Customers](https://blog.usablenet.com/how-chain-restaurant-post-order-fails-blind-customers) Jun 9, 2026 ![Chain Restaurant Online Ordering: Where Checkout Breaks for Blind Customers](https://blog.usablenet.com/hubfs/shutterstock_656722027.jpg) [Chain Restaurant Online Ordering: Where Checkout Breaks for Blind Customers](https://blog.usablenet.com/how-chain-restaurant-checkout-fails-blind-customers) Jun 2, 2026 ### 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" : "Michael Taylor", "url" : "https://blog.usablenet.com/author/michael-taylor" }, "dateModified" : "2025-06-11T18:29:11.419Z", "datePublished" : "2024-10-09T16:19:51.000Z", "headline" : "Navigating Menus on Mobile: A Blind Diner's Accessibility Insights", "image" : [ "https://blog.usablenet.com/hubfs/Empty%20plate%20and%20tableware%20with%20online%20order%20menu-1.jpeg" ], "mainEntityOfPage" : { "@id" : "https://blog.usablenet.com/navigating-menus-on-mobile-a-blind-diners-accessibility-insights", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.usablenet.com/hubfs/UsableNet%20Logo_Black.png" }, "name" : "UsableNet Inc." } } ```