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.
Show me how

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.
Show me how

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.
Show me how

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.
Show me how

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.
Show me how

Next step:
Go back to the Accessibility Checklist to continue improving your site's accessibility.