Accessibility for Your Square Online Site
With Square Online, you can create a professional website to showcase your business online, sell your items, share blog-style stories and accept payments with Square. With our easy-to-use website builder, it is recommended that you choose an accessible website design that everyone can navigate. Accessible design improves the overall experience and satisfaction of your customers, and ensures equal and inclusive access for users.
The guides below can help you plan and build a website that satisfies the accessibility guidance laid out in the Web Content Accessibility Guidelines. You may also find these guides helpful if you want to retrofit an existing website to comply with the guidelines, but the best approach is to plan with accessibility in mind when first building your website.
For more information and resources on web accessibility tips, check out the Web Accessibility in Mind (WebAIM) website.
Website Text, Links, and Page Tips
The way your content is written and displayed on your website can have a big impact on accessibility. When writing text and designing your website, ask yourself the following questions:
Is the font and text easy to read when zoomed in or enlarged?
Is there enough space between each line of text?
Do the text and background colors have good contrast?
Is the content written in clear, simple language?
Are links easily distinguishable from surrounding text?
Does linked text make sense out of context (e.g. linking the phrase “click here to read about our mission” instead of only linking “click here”)?
Do all pages have a descriptive title?
You can make changes to text size, color, and font face from the Site design panel on your Square Online Dashboard to customize the text and buttons on your website. Click on any of the color or font buttons to make changes, then save and re-publish your website. Check out our guides for choosing fonts, using text elements, and changing background colors to learn more.
You may also want to check out WAVE Web Accessibility Evaluation Tool for more details on creating an accessible website.
Website Image and Media Tips
The HTML code for images displayed on a website typically includes what’s known as “alt text,” which screen readers use to describe images for visitors who are unable to see. Using appropriate “alt text” is also important for search engine optimization since search engines can “read” the text and therefore better understand the content of a page.
There are a few key points to consider when adding alt text for an image:
Try to keep the text brief and focused on the purpose and content of the image.
Alt text could not begin with phrases like “A picture of” or “Image of.” This is unnecessary since screen readers will already identify the content as an image.
If an image is purely decorative and not relevant to the content of the page, then the alt text may be left blank.
If an image is also a link, then the alt text can possibly describe the function of the link (though it’s better to include a text-based link instead of linking an image).
If you need to add alt text to images on your website, click on the image to bring up the options panel, then click Content. Enter your descriptive text in the alt text box, then publish your website again to apply the changes.
Website Video or Audio
If your website includes video or audio, you can add captions and create transcripts to make them more accessible. It is possible to add subtitles directly to a video file, but this option requires video editing software and is more complicated and time consuming. So, you may prefer to host your video at a site like YouTube or Vimeo to add captions.
If you're using YouTube to host your video, you can add subtitles and captions to your videos . YouTube also usually provides an automatic captioning option for videos in several language. Automatic captioning is typically based on speech recognition, so it may not provide perfect results, but you can review and edit the captions once the video has been processed. Learn more about YouTube’s automatic captions or how to add captions to videos hosted with Vimeo.
You can also create text transcripts for audio on your site. Text transcripts for audio should convey the content accurately and match the audio entirely.
If your audio file is short, you can transcribe it yourself by listening, pausing, typing what you hear, and repeating that process until you’re finished. For longer files, you may want to consider looking into a service that will automatically transcribe audio files that you upload. You will still need to review the transcripts and make corrections where necessary, but this is a big time saver for lengthy recordings.
For more details on creating accessible audio and video, check out the WAVE Guide
The information below is provided solely for informational purposes only and is not intended to be construed as, or relied upon, as legal advice.