How to Make Your Wix Website Accessible
Business owners, artists and photographers, and everyone in between all have one main goal; to get more exposure. Often, this starts with bringing more people to your stunning website.
Today, there are 1 billion people around the world that cannot access most of the web’s information and services. We’re excited to tell you that with Wix, you have the power to do something about this. If you already have a website, you can easily make your site accessible with a few simple steps that we’ll break down below. And if you’re creating a website for the first time, you too can easily bring more folks to your website.
Improving your site’s accessibility
What is web accessibility all about?
Basically, it’s the practice of making sure that everyone, including people with disabilities, can visit your site and use your services or enjoy your work. Elements on your site like images, text, graphics and site structure can be properly prepared to make them accessible to them. There are also components right inside the Wix Editor that you can easily enable to make them accessible. Let’s get into more detail about what you can do:
Make your images readable
Those who are vision-impaired may need assistive technologies like screen readers to browse your site. By adding descriptions to your images, also known as alt text, you are giving search engines and screen readers the information they need to “read” them. As a bonus, adding alt text to your images can benefit your website’s SEO or Search Engine Optimization.
Follow these steps to learn how to add alt text to your images.
Improve the visibility of your text and graphics
When designing your website, make sure you use the right color contrast ratio between the foreground and background of your site’s pages. By doing this, you ensure that your content is visible; the recommended ratio is 4:5:1. Be sure that the foreground and background of your site’s pages can be differentiated. A site like this can test your site’s color contrast when you enter the color codes.
Mind your site structure
The hierarchy of your site (AKA its structure) can help web browsers and screen readers understand how it is organized. On your website, you have titles, subtitles and paragraphs. But behind the scenes, all your text is labeled with what is called heading tags like H1 and H2. By labeling these correctly, you are ensuring assistive technologies will have no problem reading your site. You can find a full list of design guidelines here.
Enable accessibility components in your Editor
For those visitors using a keyboard instead of a mouse to browse your site, you can activate keyboard accessibility so that your visitors can navigate your site with their keyboard. Doing so will also activate visual indicators to ensure that visitors can see their current location on the screen.
You can follow these simple steps to enable this now.
Turn on accessible capabilities:
Go to the Editor
Click Site and then select Accessibility
Activate and Enable the accessibility settings
Regardless of what type of website you have, it’s important to remember to design for inclusion. Your goal is to get the most amount of traffic to your website, so be mindful of your user experience (or UX) and your graphic and text choices.
By Jillian Altit