EasySend's Accessibility Supported Components

Article Overview

The following article describes the adjustments made to EasySend's global components to support accessibility.

Components

Table 1 describes the adjustments made to EasySend's global components to support accessibility.

Table 1: EasySend Components

Component	Accessible	Alternative	Accessibility Adjustments
Signature	No - cannot be accessible	Sign with a Checkbox component Upload a signature file	Added required asterisk to the instructions
Custom Select	No - cannot be accessible	Simple select component	-
File Upload	No - cannot be accessible	No	-
Radio Question	Yes	-	Added role="group" for grouping options Added some ARIA attributes for supporting Accessibility criteria Support auto-focus on the element when an error validation message appears Change focus behavior according to accessibility rules Fixed keyboard navigation and the option to select Checkboxes
Checkbox	Yes	-	Added some ARIA attributes for supporting Accessibility criteria Support auto-focus on the element when an error validation message appears Added support edit focus outline styling
Text Input	Yes	-	Added some ARIA attributes for supporting Accessibility criteria Support auto-focus on the element when an error validation message appears Added "for" attribute for link <label> to <input>
Text Area	Yes	-	Added some ARIA attributes for supporting Accessibility criteria Support auto-focus on the element when an error validation message appears Changed title of text-area from <div> to <label>
Button	Yes	-	-
Image	Yes	-	Added "Alt" property
Container	Yes	-	Added "from group" and title NOTE For additional information, click here
Form Preview	No - cannot be accessible	No	-
Tooltip	No - can be accessible	No	-
Validation Message	No - can be accessible	Use regular field validation	-
Radio with Image	Yes	-	Same as Radio Question
Date Input	Yes	-	Added some ARIA attributes for supporting Accessibility criteria Support auto-focus on the element when an error validation message appears Change input type from "tel" to "text" Added optional "readonly" attribute Add component-level date validation Add a new boolean var to show date pattern instructions in the label
Preview and Submit Popups: Send Form Success Send Form Failed Preview Failed Preview Loading	No - can be accessible	No	-
Custom Tab	No - can be accessible	No	-
Horizontal Radio	No - can be accessible	No	-
Language Select	No - cannot be accessible	No	-
Text Input with Autocomplete	No - cannot be accessible	EasySend autocomplete component	-

Components Versions

(See Table 2)

To make sure your components support the accessibility adjustments, verify their versions in the theme:

Table 2: EasySend Components

Component	Version
Radio Question	10.0.0 or above
Checkbox	6.1.1 or above
Text Input	21.0.17 or above
Text Area	6.0.2 or above
Button	7.0.2 or above
Tooltip	0.16.1 or above
Validation Message	0.0.6 or above
Radio with Image	7.0.2 or above
Date Input	10.0.12 or above
Preview and Submit Popups	Send Form Success - 1.0.4 or above Send Form Failed - 1.0.5 or above Preview Failed - 1.0.2 or above Preview Loading - 1.0.3 or above