Making Your Orderspoon Site ADA Compliant

Making Your Orderspoon Site ADA Compliant

What is ADA Compliance?

The American with Disabilities Act (ADA) ensures that your restaurant (as a public venue) meets accessibility requirements.   Inside your restaurant this has typically meant that people with disabilities are able to appropriately access your venue.  

In the last few years, the ADA has been interpreted more broadly by the courts  to include web-based (i.e. online ordering) systems so that people with disabilities (i.e. blind users)  have appropriate accommodations when ordering from your website (similar to how they would order from inside your store).  Practically, this means that your site or app supports screen readers, keyboard navigation and other accessibility requirements outlined in the W3C’s Web Content Accessibility Guidelines (WCAG 2.0).


For more details on ADA Compliance and it's effect on restaurants, check out our blog:

https://get.orderspoon.com/best-practices-blog


For your Orderspoon site to be ADA Compliant, a few simple measures should be taken. Most of these measures apply to image descriptions. A person using a screen reader as a means of navigating websites will find image descriptions very helpful. When the mouse hovers over an image, the screen reader will verbalise the image descriptions that are added. 


  • Item Image Description, if you have added images to an Item, a description should be added
    • Log into the your Clover Home Web Dashboard

    • Open the Online Order app

    • Click on ¨Menu/Items¨

    • Locate the Category and Item for which you have added an Image to. There will be an"Image Description" field underneath the image. 


  • Category Image Description, if you have added an image to a Category, a description should be added
    • Log into the your Clover Home Web Dashboard

    • Open the Online Order app

    • Click on ¨Categories¨

    • Locate the Category for which you have added an Image to. There will be an"Image Description" field underneath the image

  • Store Header Logo, if you have added a Logo to your Orderspoon site, or if you have Logo in your Clover Setup app, a description should be added. 
    • Log into the your Clover Home Web Dashboard

    • Open the Online Order app

    • Click on "Interface"

    • Locate the "Header Logo" field, the "Logo Description" field will be underneath it




  • Accent Color must meet minimum contrast ratio of 4.5. Accent color is the main color theme on your Orderspoon site. There is a contrast ratio scale that will assist you
    • Log into the your Clover Home Web Dashboard

    • Open the Online Order app

    • Click on "Interface"

    • Click in the "Accent Color 1" field and adjust the color to your liking and that meets the 4.5 minimum

  • Announcement Image description, if you are using an Announcement with an Image added a description should be added






Need more help? Call us at (650) 681-0400.

Our helpdesk is staffed from 8:00 am to 6:00 pm CST, Monday to Friday.
Please leave a voice message if you reach outside normal business hours. You can also contact our Support Team at support@4leaflabs.com


    • Related Articles

    • Catering Orderspoon Site URL

      After the Catering feature is enabled, the Online Order app will create a second Orderspoon site. This second site's URL will be very similar to your regular Orderspoon site's URL.  Regular Orderspoon sites: us.orderspoon.com/slug Catering Orderspoon ...
    • How to customize your Orderspoon site

      At your Orderspoon dashboard you can customize your store by adding your logo, adding backgrounds, and choosing the store colors. Customize options on your dashboard Nav Logo: Upload an image that then when activated will take your customers to a ...
    • How to enable DoorDash delivery for the Orderspoon site

      You can toggle on/off the DoorDash delivery availability on your Orderspoon dashboard and it will be reflected immediately on your Orderspoon ordering site. Steps to set up your delivery settings for DoorDash Access your Clover web dashboard Open the ...
    • How to set up Guest orders only on the Orderspoon site

      In your Orderspoon Online Ordering site, you can manage if the customers have to log in or not to process orders but if doesn't matter if they do it or not, the customer info will be required. Steps to enable Guest orders only Access to the Clover ...
    • How to set up Pay Later for the Orderspoon Catering site

      General Information A catering online ordering site is different from a regular online ordering site in may different aspects. One difference is whether to allow customers to pay in store or force customers to pay online. A catering online order is ...