Table of Contents

What can you do?

1. Awareness: Raising awareness about the importance of form accessibility is crucial. Your team, including developers, designers, and content creators need to be educated on best practices for building accessible forms.
   
2. Adherence to guidelines: Following established accessibility guidelines, such as WCAG (Web Content Accessibility Guidelines), ensures forms are designed and built with inclusivity in mind.
   
3. Testing and user feedback: Regularly testing forms with users who have disabilities and incorporating their feedback into the design process is essential for creating truly accessible experiences.

How can you build accessible forms with Zoho Forms?

1. Ensure that the form name and form description clearly convey the purpose of the form.
   
1. Aim for a name that clearly identifies what the form is for.
   
2. Instead of "Registration Form," use something more specific like "Customer Registration Form" or "Event Registration Form."
   
3. Briefly explain the purpose and intended use of the form in a few sentences. Avoid technical jargon or overly complex sentences.
4. If there are specific instructions or requirements users should be aware of that you wish to put up as bullets, mention them in the Description field.
   For example, 
   Form Name: Feedback for Online Course
   Form Description: Share your honest feedback about your recent online course experience. Your feedback helps us improve our courses and provide a better learning experience for everyone.
2. When it comes to form accessibility in accordance with the Web Content Accessibility Guidelines (WCAG), providing alternative text for images is a crucial aspect to ensure that users with disabilities can understand the image.
   For example, in the Description field, if you have have included an image, provide an Alternative Text for the image. Ensure that the alternative text provides context to users who rely on screen readers, as they may not have visual access to the image.
   
   
   
   
   
   
3. If you include an Image Choices field in your form ensure that each image choice added is given an appropriate name. This goes beyond simply giving them generic names like "Image 1," "Image 2," etc., as it directly impacts accessibility and user experience. Users who rely on screen readers depend on the image names to understand the choices they are presented with. Descriptive names ensure they receive accurate information about each image, allowing them to make informed selections.
   
1. The name should accurately reflect what is depicted in the image.
   
2.  Avoid using overly long or complex names. Aim for names that are easy to understand and remember.
   
3. Use a consistent naming format across all image choices.
4. Organizing form fields in a logical order is crucial for a smooth and intuitive user experience, especially for those relying on screen readers.
   Here's a suggested logical order for arranging form fields:
   First Name
   Last Name
   Email Address
   Phone Number
   
5. If you have included a link in your form fields, ensure that the link name is meaningful and gives purpose of the link to the user.
   For example, instead of generic phrases like "Click Here" or "Read More," use descriptive text related to the link's content.
1. Ensure that the link name makes sense when read by the screen reader out of context, that is, users should be able to understand the link's purpose even if it's isolated from the surrounding content.
   
2. Incorporate action-oriented words to indicate what will happen when the link is clicked.
   For example, instead of "More Info," consider "View Product Details" or "Learn More About Our Services."
3. Keep link text concise while maintaining clarity. Long, convoluted link text can be overwhelming and confusing.
   
4. Ensure that each link has a unique and identifiable name, preventing confusion if multiple links lead to different destinations.
   For example, Read our terms and conditions, View our product details, Contact us.
6. Customizing the default field labels in Zoho Forms is an important step to ensure clarity and usability for users. When users encounter a form field, they should be able to quickly understand what information is expected in each field without confusion. 
   For example, for the Email field, you can change the label from "Email" to "Enter Your Email Address."
   For the Name field, you could change it from "Name" to "Enter Your Full Name."
   
7. Well-crafted error messages, are essential components of a user-friendly and inclusive form. Customize your error messages under the Form Settings to guide users relying on screen readers correct their mistakes while filling out the form. Your error message should answer what went wrong and how to fix it.
   For example, instead of displaying the default error message on uploading large files, consider this:
   The file you uploaded is larger than the allowed size limit of 5 MB. Please try uploading a smaller file.
   
1. Avoid technical jargon that might confuse users.
2. Test your form thoroughly using screen readers to ensure error messages are effectively conveyed to users with visual impairments.
8. Avoid relying on the placeholder text to convey important information. Vital details necessary for successful form submission should be included in a label or provided as an instruction below the field. Creating clear and detailed instructions for each form field is crucial to guide users with disabilities effectively and ensure accurate data input from them.
   For example,
   For the Name field, consider: Please enter your full name as it appears on official documents. Do not use abbreviations.
   For the Phone field, consider: Enter your 10-digit phone number without spaces or hyphens.
   For the File Upload field, consider: Upload a document in PDF or Word format that supports your application. The maximum file size is 5 MB.
1. Avoid using overly generalized statements for instructions like "Fill in this field".
   
2. If the field requires a specific format, such as a date, phone number, or email address, clearly explain the expected format.
   
3. Instead of stating what not to do ("Do not enter special characters"), explain what is allowed ("Use only alphanumeric characters and hyphens").
   
   
9. If you have mandatory form fields, include the text "Required" in the field label, so it is clear for screen readers to convey that to the user. Position labels above fields rather than beside them to enhance accessibility for users who rely on screen readers. 
   
10. Avoid using symbols or any special characters in any text you use for form building.
    
11. Color directly impacts accessibility of online forms for visually impaired users. Here's what you need to understand about color contrast:
    
1. Why Color Contrast Matters
   
1. Users with visual impairments like low vision or color blindness might struggle to read text that has insufficient contrast with the background.
   
2. Some screen readers convert text colors to black or white. If the original color contrast is low, the text might become illegible after conversion.
   
2. Consider customizing your themes in Zoho Forms. Consider sticking to a minimalistic look for the form.
   
3. If your form has multiple colors used for sections, headers, etc., it's essential to test the color contrast of your text against each color.
   
4. If your form uses background images, ensure the text remains clearly readable on top of the image. 
   
5. For the buttons on your form, maintain good color contrast between button text and the button background color for better visibility and user interaction.
   
12. Font legibility:
    
1. Select a clear and easy-to-read font family with good legibility. Avoid decorative or script fonts that might be difficult for users with visual impairments or cognitive disabilities to read.
   
2. Use a font size that is large enough for users with visual impairments to read comfortably. The minimum recommended font size according is 16px for non-bold text and 14px for bold text.
   
3. You can adjust the font size within the Zoho Forms Themes settings.
   
4. Avoid using italics or bold text excessively.
   
13. Zoho Forms offers page zoom in upto 200 px. Zooming in can magnify the form fields and text, making them easier to see and interact with for people with visual impairments.
    
    
    
    
    
    
14. If you have a long form, break it into sections with clear headers and group the related fields together under them. Well-structured sections provide clear navigation points, enhancing accessibility. 
15. Enabling the "Save and Resume" option aids in making your long forms more manageable and accessible for individuals with cognitive disabilities. Long forms can overwhelm users with cognitive disabilities due to the large amount of information presented at once. The "Save and Resume Later" option allows them to break down the form completion process into smaller, more manageable chunks. By taking breaks and resuming later, users can maintain better focus and attention throughout the form filling process while fostering a sense of control and autonomy.
    
    
    
    
16. Allowing respondents to review their form submission before submitting allows them to catch any errors they might have made while filling it out. This is especially useful for users with cognitive disabilities, those who might experience challenges with focus, memory, processing information, or those with dyslexia who may struggle with typos or inaccuracies while entering information.
    
17. Individuals with cognitive disabilities might experience higher levels of stress and anxiety when filling out forms due to concerns about making mistakes. The "Edit Response" option empowers them to fix any errors or typos they might have made during the initial submission process, reducing the pressure and promoting a sense of control. The ability to edit their responses allows them to revisit the form, review the questions, and potentially consult additional resources or support before re-submission.
    
18. If you have translated your form into different languages, ensure that the error messages, or choice names in choice based fields are translated into the respective languages. Untranslated error messages or choice names can be and confusing for users. They might misinterpret the issue or select the wrong option unintentionally.
    
19. We suggest that you use default dropdown option instead of searchable dropdown in the Dropdown field. Default dropdowns can be easily navigated using the keyboard arrow keys, which is crucial for users who rely on assistive technologies like screen readers.
    
20. Be mindful of link redundancy and take responsibility for minimizing the number of adjacent links to the same destination. While the Zoho Forms platform does not inherently combine adjacent links into a single link, form owners can enhance the user experience by consciously avoiding unnecessary duplication of links.
    
21. Avoid imposing time limits (form expiry) for form completion unless absolutely essential. If a time limit is deemed necessary, ensure that the limit is set to a minimum of 20 hours, allowing users sufficient time to fill and submit the form.
    
22. Try incorporating Table of Contents using a Description field, if your form consists of sections or multiple pages. This provides users with guidance on what to expect as they navigate through the form.
    
23. Ensure consistent labeling of the navigation buttons across all the pages in the form with clear and informative wording for ensuring a user-friendly experience in multi-page forms.
    
24. It is recommended to avoid the use of strange words, including jargon, idioms, abbreviations and phrases. Opting for clear and straightforward language enhances user understanding and accessibility.
    
25. Refrain from using images containing text, unless they are essential for displaying logos.