Accessibility: Creating an Accessible Wix Form

4 min read
Making your site accessible means that everyone can use your website and gain the benefit of what you've created. In most jurisdictions, Accessibility is now a requirement. This article is based on WCAG 2.0 guidelines. To make an accessible Wix Form, begin by following the instructions below. Then test them to see how they appear for a visitor. 

Step 1 | Show Your Field Titles

Display the field title to help your visitors identify the form fields. Showing the field title makes it clear to your visitor which field they have landed on. This also saves confusion for users who are cycling between fields without the aid of a mouse.

Step 2 | Define Your Field Titles

Help your viewer with clearly defined Field Titles. Be specific. Put yourself in the place of your visitor. Ask a precise question to get a precise answer. 

Step 3 | Customize Your Form Design

Visual indicators help guide your visitor. Adjust your design to make the form and fields easier on the eye. Differences in color, style and contrast can make a big difference to a visitor's ability to find your form fields against the background. A "Focus" state clearly shows a visitor which field they are interacting with.

Step 4 | Enable Visual Indicators on Your Site

Visual indicators help people of all abilities to navigate your site more easily. Use your control bar to enable visual indicators across your site. Visitors will see changes (usually a blue box) as they cycle the Tab Key. This will make it clear what section of the page they are currently using.

Step 5 | Test Your Field DOM Order

The tabbing order (otherwise known as DOM) is the order in which elements are selected as your visitor tabs through your form. View your live site to test it out for yourself. If you’re not happy with the order, you can manually change it.
Next step:
Go back to the Accessibility Checklist to continue improving your site's accessibility.