Web Accessibility and WCAG Compliance
Zoho IoT supports WCAG compliance to ensure that users with disabilities can navigate and interact with the platform without barriers. This commitment enhances accessibility, promotes inclusivity, and helps meet legal and regulatory requirements. It also contributes to a better user experience for all users.
Welcome to this document on the accessibility options available in Zoho IoT. We are committed to providing an inclusive experience for all users.
What is WCAG compliance?
WCAG (Web Content Accessibility Guidelines) is a set of international guidelines developed to ensure digital accessibility for people with disabilities. These guidelines help app developers make web apps more accessible and ensure that these apps can be perceived, operated, understood, and used by everyone, including individuals with visual, auditory, cognitive, and motor impairments.
WCAG compliance for Zoho IoT applications means that these applications must adhere to these global standards set by the W3C (World Wide Web Consortium) to cater to a wider spectrum of users with various needs and abilities.
Note: Zoho IoT is compliant with WCAG 2.2. Level AA.
Availability
Accessibility controls in Zoho IoT:
- can be accessed in the End Application of Zoho IoT
- can be configured by users as per their preference
Why making your Zoho IoT apps accessible matters
Ensuring your Zoho IoT apps are accessible benefits everyone, not just users with disabilities. Accessibility ensures equal access for everyone, expands your audience, and improves overall user experience. The three main objectives include:
- Inclusivity: Promotes equal app access for a diverse set of users, including those with disabilities.
- Compliance: Follow legal and industry standards, such as WCAG to ensure accessibility compliance and prevent legal or ethical concerns.
- Usability: Provides a seamless user experience by offering multiple ways to interact with your app content.
Note: Only users can configure the required accessibility controls.
Use cases
Use Case 1
Let's assume you've set up an Industrial IoT (IIoT) monitoring system and hired Smith, a Tech Supervisor with minor vision issues. His daily tasks involve monitoring device data, managing alarms, and overseeing operational metrics through the Zoho IoT application. Using the vision accessibility options available, Smith customizes the interface by enlarging text and increasing contrast, allowing him to navigate dashboards and respond to alerts more comfortably and efficiently.
- Smith enables the zoom feature to improve readability when viewing data on dashboards, reports, and other screens.
- He also adjusts the character spacing, making the text appear less cramped and more comfortable to read based on his visual requirements.
- He uses a screen reader to have on-screen text read aloud to him.
- Additionally, he makes use of the magnify-on-hover option to enhance readability without putting strain on his eyes.
By leveraging the app’s accessibility controls, Smith is able to carry out all his daily IIoT monitoring tasks independently, efficiently, and comfortably, without the need for external assistance or specialized software.
Accessibility options in Zoho IoT
The tables below list the available accessibility options, with detailed descriptions along with use cases is provided below the tables.
Vision
Accessibility | Uses |
Screen Reader | Provides screen reader support with voice narration to help users perceive and understand on-screen information more effectively. Available on Dashboards, Custom views, List view of the Create, Edit, Clone, and Details pages. |
Zoom | Supports browser zoom functionality, enabling users to magnify the interface from 25% to 150% for improved readability and accessibility. Available on Dashboards, Custom views, List view of the Create, Edit , Clone, and Details pages. |
Character Spacing | Allows users to adjust character spacing to enhance text clarity and improve overall readability. Available Options:
|
Magnify Text on Hover | Enables text magnification on hover by holding the Option (Alt) key, aiding users who need larger text for better visibility. |
Strikethrough Disabled Buttons | Applies a strikethrough style to disabled buttons, making them more visually distinguishable for users with cognitive or visual impairments. |
Flash Screen for notifications | Enables a visual screen flash to alert users of incoming notifications, providing an alternative to sound-based alerts. |
ARIA Landmark | Implements ARIA landmarks to help users quickly navigate between major sections of Zoho IoT using assistive technologies. |
Interaction
Accessibility | Uses |
Reading Focus | Enables reading focus to highlight specific screen areas, helping users concentrate on key content without distractions. |
Underline Links | Adds underlines to links to improve their visibility and distinguish them from regular text. |
Motion Control Set your preferred motion settings for a personalized user experience. | Allows users to choose their preferred motion settings for a more comfortable and personalized experience. Available Options:
|
Forms
Accessibility | Uses |
In Forms: Show mandatory fields only or all fields | Enables users to toggle between viewing only mandatory fields or all fields in a form, supporting a focused and simplified input experience. |
Mandatory Field Display | Allows users to choose how mandatory fields are indicated for better visual clarity and accessibility. Available Options:
|
Custom Error Message Display | Allows customization of error message color and icon in forms to enhance visibility and support quicker user recognition and resolution. |
Mobility
Accessibility | Uses |
Keyboard Shortcuts | Supports keyboard shortcuts in forms to help users perform actions more efficiently without relying on a mouse. |
Accessibility options with use cases
This document will talk about the various accessibility controls in detail and how they can be used for an inclusive and delightful service experience.
VISION
- Screen Reader
A visually impaired technician uses a screen reader while monitoring equipment status on the Zoho IoT dashboard. The voice narration reads out live sensor values and alerts, allowing the technician to respond promptly to critical changes without needing visual cues.
- Zoom Functionality
An operator with low vision increases the zoom level to 125% while viewing device metrics on the Zoho IoT dashboard. This makes text and charts easier to read, reducing eye strain and allowing accurate monitoring without missing critical data.
Image: Screen with 125% zoom
- Character Spacing
A user with dyslexia increases the character spacing while reviewing alarm logs in Zoho IoT. This reduces visual crowding, making the text easier to read and helping the user quickly identify critical issues without confusion.
- Normal Spacing Screen
- Widen Spacing Screen
- Magnify Text on Hover
A senior technician with age-related vision difficulty holds the Alt key to magnify small sensor labels on the Zoho IoT dashboard. This allows quick, focused reading of key information without permanently altering display settings.
- Magnified Text
- Strikethrough Disabled Buttons
While configuring a device in Zoho IoT, a user with limited attention span quickly identifies unavailable actions by the strikethrough on disabled buttons. This prevents confusion and streamlines the task by clearly indicating which options are inactive.
- Strikethrough Save Button
- Flash Screen for notifications
A user with hearing impairment relies on screen flashes in Zoho IoT to get notified about critical temperature breaches. This ensures timely awareness and response, even in silent or noisy environments.
- ARIA Landmark
A screen reader user efficiently jumps to the Alerts section of the Zoho IoT dashboard using ARIA landmarks, saving time and avoiding the need to scan through all content manually.
Image: Assets page with ARIA enabled
INTERACTION
- Reading Focus
A visually impaired technician uses a screen reader while monitoring equipment status on the Zoho IoT dashboard. The voice narration reads out live sensor values and alerts, allowing the technician to respond promptly to critical changes without needing visual cues.
Image: Readng focus with Large option selected
- Underline Links
A user with color vision deficiency relies on underlined links in the Zoho IoT settings page to identify navigation options easily, ensuring they don’t miss important configuration steps.
- Set your preferred motion settings for a personalized user experience.
A user prone to motion sickness selects "Minimum" motion in Zoho IoT to reduce interface animations, helping them focus on dashboard data without discomfort or distraction.
FORMS
- In Forms: Show mandatory fields only or all fields
A user with a cognitive disability selects the "Show mandatory fields only" option while filling out a device configuration form in Zoho IoT, helping them concentrate on required inputs and complete the task with less confusion.
- Mandatory Field Display
A user with color vision deficiency selects the "Asterisk & Required Text" option in Zoho IoT forms to easily identify required fields without relying on color cues, ensuring accurate and accessible form completion.
- Custom Error Message Display
A user with low vision configures high-contrast colors and an alert icon for error messages in Zoho IoT forms, enabling them to quickly spot and correct input mistakes without straining their eyes.
MOBILITY
- Keyboard Shortcuts
A mobility-impaired user navigates and submits a device setup form in Zoho IoT using keyboard shortcuts, allowing them to complete tasks quickly and independently.
See Also