Table of Contents
The world, offline or online, can be a better place when everyone can be a part of it. Here is our first step towards creating that world for our users with the Enhanced Accessibility feature.
Before diving into the Enhanced Accessibility feature, let's understand the basics of accessibility.
What is Accessibility?
Accessibility refers to the practice of designing and developing products, services, and environments to be usable by everyone, regardless of their abilities or disabilities. Accessibility ensures that everyone has an equal opportunity to access and interact with something, removing barriers that might hinder certain individuals, and providing features and functionalities that cater to a diverse range of users with varying needs.
For example, ramps, elevators, and wider doorways in buildings allow individuals with mobility impairments to navigate spaces freely.
What is Web Accessibility?
Have you ever considered how accessible your online forms are to everyone who visits your website? Accessibility is about creating an inclusive environment, ensuring everyone can access and interact with your content, regardless of their abilities. In the realm of websites and online forms, this translates to building forms that are usable by individuals with disabilities, and those using assistive technologies.
Web accessibility encompasses a broad spectrum of elements, addressing various challenges faced by users with diverse needs:
- Cognitive: Focusing on making web content understandable and navigable for users with cognitive impairments or limitations.
- Neurological: Recognizing and accommodating users with neurological conditions to enhance their online experience.
- Physical: Adapting web interfaces to cater to individuals with physical disabilities, ensuring they can interact with and navigate digital content.
- Speech: Considering users who rely on speech input or output technologies, making web interactions seamless for them.
- Visual: Implementing features and designs that make online content accessible to users with visual impairments or those using assistive technologies like screen readers.
- Auditory: Ensuring content is accessible to individuals with hearing impairments or those who rely on alternative auditory communication methods.
Web accessibility isn't exclusive to those with permanent disabilities; it extends its impact to a broader audience:
- Older Individuals: Recognizing changes in abilities over time and tailoring web experiences to accommodate the needs of older users.
- Temporary Disabilities: Addressing the needs of individuals with temporary disabilities, such as a broken arm, to ensure they can engage with online content effectively.
What is WCAG Compliance?
WCAG ( Web Content Accessibility Guidelines) is a set of international guidelines for making web content more accessible to people with disabilities. These principles provide specific criteria and success criteria to help web developers create accessible web content, including online forms.
WCAG compliance for forms refers to adherence to a set of international standards established by the World Wide Web Consortium (W3C) to ensure online forms are accessible to users with disabilities. While visual impairments are often at the forefront of accessibility discussions, it's crucial to remember that web accessibility caters to a wider spectrum of users with various needs and abilities. For example, older people and users with cognitive disabilities might face challenges with understanding complex information, remembering instructions, or navigating intricate interfaces.
Zoho Forms is WCAG (Web Content Accessibility Guidelines) 2.2-AA compliant.
How does building for accessibility help everyone?
Building for accessibility isn't just about helping people with disabilities; it creates a smoother and more user-friendly experience for everyone in everyday situations. For example, ramps are primarily designed for wheelchair users but they also help parents and caregivers pushing strollers, or anyone struggling with heavy suitcases or groceries on wheels. Similarly, closed captions on TV not only ensure that people with hearing impairments can follow the dialogue and enjoy the program, but also helps people in noisy environment to understand the context of visuals, and helps those watching it in a language that is not native to them enjoy the show. These are just a few examples of how accessibility features designed for one group of people end up creating a more inclusive and user-friendly environment for everyone. By building with accessibility in mind, we create a world where everyone can participate and thrive.
While our world is often built around the abilities of those who can walk, talk, see, hear and learn easily, 1.3 billion people live with disabilities, and a significant portion actively contribute to the workforce. The question remains: Are workplaces truly inclusive, catering to the needs of this diverse and talented population? Despite possessing remarkable talents and abilities, many people with disabilities face limitations due to a lack of appropriate tools and support.
Here is why making your online forms accessible is important:
- Inclusivity: It promotes equal access to information and services on your website, fostering a more welcoming and inclusive experience for all visitors.
- Wider reach: By removing accessibility barriers, you open your forms to a broader audience, potentially increasing engagement and participation.
- Legal compliance: Many regions have regulations mandating website accessibility, and adhering to these standards can help you avoid legal complications.
It's crucial to remember that WCAG compliance is an ongoing process requiring continuous monitoring and improvement. Regularly evaluating your forms and implementing necessary adjustments are essential to ensure they remain accessible to all users.
Ensuring equal access to online forms for everyone who visits your website is an important aspect of web accessibility.
Challenges faced by users
- Individuals using screen readers: They might encounter difficulties understanding the structure and purpose of the form, leading to confusion and frustration. Inaccessible elements like missing labels or unclear error messages can further hinder the completion process.
- People with cognitive disabilities: Forms with unclear instructions, complex layouts, or overwhelming information overload can be difficult to comprehend and complete for individuals with cognitive limitations.
Zoho Forms offers features and functionalities to help you create online forms that are inclusive and accessible to users with disabilities. Our easy-to-use form builder requires no great technical expertise or coding knowledge to create accessible online forms that cater to a wide audience.
Principles of web accessibility
There are 4 key principles for ensuring web content accessibility. Let's delve into each principle and how it applies to Zoho Forms:
1. Perceivable: Information and User Interface (UI) must be presented in a way users can perceive.
How it applies to Zoho Forms?
- Color Contrast: Enough contrast between text and background colors for users with visual impairments can be adjusted using our customizable theme builder.
- Images: If images are included within any form field, alternative text descriptions (alt text) for all images can be provided to clearly convey the image content.
2. Operable: UI components and navigation must be operable.
How it applies to Zoho Forms?
- Keyboard Navigation: Zoho Forms are functional using the keyboard, allowing disabled users to interact with the form effectively. Check out the keyboard shortcuts for different browsers and field types.
- Error Identification and Correction: Clear error messages for users to identify and correct errors are provided and these can be fully customized in form settings.
3. Understandable: Information and the operation of the UI must be understandable.
How it applies to Zoho Forms?
- Clear and Simple Language: Simple field labels and error messages that are easy to understand for users with varying cognitive abilities have been incorporated which are fully customizable by the form owner.
- Instructions: Instructions can be incorporated for each form field and it has been suggested in our best practices to provide clear and concise instructions and labels for all form elements.
- Logical Form Structure: It has been suggested to the form owner in our best practices to organize the form layout logically, with a clear flow for users to complete the form.
4. Robust: Content must be reliable and compatible with a wide range of assistive technologies.
How it applies to Zoho Forms?
- Compatibility with assistive technology: Zoho Forms is compatible with commonly used screen readers and other assistive technologies.
Note: Zoho Forms does not offer a native screen reader, but it can be used with third-party screen readers. We recommend using standard screen readers, like Mac's VoiceOver, or Widows' Narrator to safeguard your data.
Enhance the accessibility of your forms by making them compatible with screen readers. A screen reader is an assistive technology for respondents with visual impairments, which help them navigate and interact with your forms smoothly by converting text into speech.
While building your form, keep note of the following to make your form more accessible for everyone:
- Ensure that the form's structure and content are optimized for screen readers, allowing users with visual impairments to access and complete the form easily.
- Ensure that form elements, including labels, and buttons, can be perceived by people with disabilities.
- Ensure every form field has a clear and concise label associated with it. The label should describe the purpose of the field accurately, placed directly above or next to it.
- Provide clear and easy-to-understand instructions at the beginning of your form and any additional help text within each field. This helps users understand what information is needed and how to fill out the form correctly.
Ensure that the form's instructions and error messages are clear and easy to understand. Form validation and error handling should be implemented in a way that is intuitive and informative to guide users in correcting any mistakes they make while filling out the form.
- Avoid using technical jargon.
- Arrange the form fields in a logical order that makes sense for the user flow. This ensures users can navigate through the form intuitively using the screen reader.
Remember the 3 main pointers about creating accessible forms:
- Build a screen reader friendly form with clear and description labels, meaningful descriptions, and logical structure.
- Prioritize High-Contrast Text and Color Combinations.
- Intuitive Keyboard Navigation
You can enable Form Accessibility on both existing and new forms within Zoho Forms.
To enable this,
- In your form builder, navigate to the Settings tab > Compliance & Audit > Accessibility.
- Choose Yes for Enhanced Accessibility.
- Click Save.
Once you enable the Enhanced Accessibility option, your form will become compatible with screen readers for those relying on screen readers. The screen reader announces the form element and its properties, allowing users to understand the context and interact with the form.
We have conducted manual testing methods, which involved utilizing assistive technologies like VoiceOver, NVDA, and Narrator, using in-browser developer tools.
We started focusing on accessibility as a product principle in Zoho Forms. Zoho Forms strives to provide accurate and up-to-date information regarding Web Content Accessibility Guidelines (WCAG) compliance within its help documentation. However, we cannot guarantee the information will remain perpetually error-free, as best practices and regulations might evolve over time.
Zoho is firmly committed to accessibility and continuously monitors the accessibility of our products to foster an inclusive experience for all users.
While we cannot assume legal liability for the information contained within this documentation, we encourage users to report any accessibility concerns or discrepancies they encounter while using Zoho Forms. Your feedback is valuable in helping us maintain a high standard of accessibility for everyone.
Please don't hesitate to contact Zoho Forms support if you have any questions or require further assistance.
Know more about accessibility:
- Best Practises for making your forms accessible
- Using Accessibility Controls
- Keyboard accessibility shortcuts for disabled people
- Frequently asked questions about accessibility