Best Practises for making your forms accessible

Best Practises for making your forms accessible

Impact of inaccessible forms

Despite the growing focus on web accessibility, a significant portion of the internet, including online forms, remains inaccessible to users with disabilities. This creates a significant barrier to information and interactive experiences for a large segment of the population.
  1. Exclusion: Users with disabilities are excluded from accessing information, submitting applications, participating in surveys, or engaging in other online activities that rely on forms.
  2. Negative user experience: Encountering inaccessible forms can be frustrating and discouraging, leading users to abandon the process altogether.
  3. Loss of potential customers: Businesses and organizations can lose out on valuable engagement opportunities and potential customers if their forms are inaccessible.

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?


Here is a list of recommendations to help you create accessible forms.

Best practises for creating accessible 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."
    Customize field 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.
    Save and resume functionality

  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.
QuoteThe Zoho Forms team dedicated significant effort to provide accessibility features to ensure everyone can easily create powerful forms using Zoho Forms, regardless of their abilities. Zoho Forms prioritizes user feedback in shaping its development, and accessibility is no exception. We encourage users to report any accessibility concerns and appreciate the valuable feedback from our users.


    Access your files securely from anywhere

      Zoho CRM Training Programs

      Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

      Zoho CRM Training
        Redefine the way you work
        with Zoho Workplace

          Zoho DataPrep Personalized Demo

          If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

          Zoho CRM Training

            Create, share, and deliver

            beautiful slides from anywhere.

            Get Started Now


              Zoho Sign now offers specialized one-on-one training for both administrators and developers.

              BOOK A SESSION





                          Quick Links Workflow Automation Data Collection
                          Web Forms Enterprise Begin Data Collection
                          Interactive Forms Workplace Data Collection App
                          CRM Forms Customer Service Accessible Forms
                          Digital Forms Marketing Forms for Small Business
                          HTML Forms Education Forms for Enterprise
                          Contact Forms E-commerce Forms for any business
                          Lead Generation Forms Healthcare Forms for Startups
                          Wordpress Forms Customer onboarding Order Forms for Small Business
                          No Code Forms Construction RSVP tool for holidays
                          Free Forms Travel
                          Prefill Forms Non-Profit

                          Intake Forms Legal
                          Mobile App
                          Form Designer HR
                          Mobile Forms
                          Card Forms Food Offline Forms
                          Assign Forms Photography
                          Mobile Forms Features
                          Translate Forms Real Estate Kiosk in Mobile Forms
                          Electronic Forms

                          Notification Emails for Forms Alternatives Security & Compliance
                          Holiday Forms Google Forms alternative  GDPR
                          Form to PDF Jotform alternative HIPAA Forms
                          Email Forms
                          Encrypted Forms
                          Embeddable Forms
                          Secure Forms
                          Drag and Drop form builder
                          WCAG


                                            You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                                Manage your brands on social media

                                                  Zoho Desk Resources

                                                  • Desk Community Learning Series


                                                  • Digest


                                                  • Functions


                                                  • Meetups


                                                  • Kbase


                                                  • Resources


                                                  • Glossary


                                                  • Desk Marketplace


                                                  • MVP Corner


                                                  • Word of the Day


                                                    Zoho Marketing Automation

                                                      Zoho Sheet Resources

                                                       

                                                          Zoho Forms Resources


                                                            Secure your business
                                                            communication with Zoho Mail


                                                            Mail on the move with
                                                            Zoho Mail mobile application

                                                              Stay on top of your schedule
                                                              at all times


                                                              Carry your calendar with you
                                                              Anytime, anywhere




                                                                    Zoho Sign Resources

                                                                      Sign, Paperless!

                                                                      Sign and send business documents on the go!

                                                                      Get Started Now




                                                                              Zoho TeamInbox Resources



                                                                                      Zoho DataPrep Resources



                                                                                        Zoho DataPrep Demo

                                                                                        Get a personalized demo or POC

                                                                                        REGISTER NOW


                                                                                          Design. Discuss. Deliver.

                                                                                          Create visually engaging stories with Zoho Show.

                                                                                          Get Started Now









                                                                                                              • Related Articles

                                                                                                              • How to build interactive forms online?

                                                                                                                What are interactive forms? Interactive forms are the ones which visitors can engage without any difficulty, providing them a user-friendly approach rather than the feel of paperwork. This is essential to make the form filling experience smooth and ...
                                                                                                              • Tips for creating visually appealing forms

                                                                                                                Table of Contents Overview What details matter the most in a form? Form Title and Description Fields Choice fields Image Choices to market your products Talk to your respondent with dynamic fields Submit button Structuring a long form Section and ...
                                                                                                              • Creating your first web form in Zoho Forms

                                                                                                                This walkthrough is to help you get started with creating a form using Zoho Forms. Follow the simple step-by-step instructions given below to build forms that perfectly match your requirements. Creating a new account To build a form using Zoho Forms, ...
                                                                                                              • Welcome to Zoho Forms!

                                                                                                                Transform the time-consuming “ collect, stack, and enter ” paper form workflow into “ capture, store, and process ” paperless approach with Zoho Forms and simplify data collection. Who is Zoho Forms for? Zoho Forms is for anyone who wants to ...
                                                                                                              • Understanding Card Forms

                                                                                                                Assume you meet a new person and want to get along with them, and you say: Hey, what is your name, phone number, address, likes and dislikes, and so on? Being bombarded with questions before they have finished answering the first can frighten the ...
                                                                                                                Wherever you are is as good as
                                                                                                                your workplace

                                                                                                                  Resources

                                                                                                                  Videos

                                                                                                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                  eBooks

                                                                                                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                  Webinars

                                                                                                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                  CRM Tips

                                                                                                                  Make the most of Zoho CRM with these useful tips.



                                                                                                                    Zoho Show Resources