EasySend's Accessibility Supported Components
    • PDF

    EasySend's Accessibility Supported Components

    • PDF

    Article summary

    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

    ComponentAccessibleAlternativeAccessibility Adjustments
    SignatureNo - cannot be accessible
    • Sign with a Checkbox component
    • Upload a signature file
    Added required asterisk to the instructions 
    Custom SelectNo - cannot be accessibleSimple select component-
    File UploadNo - cannot be accessible

    No

    -
    Radio QuestionYes

    -

    • 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
    CheckboxYes

    -

    • 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 InputYes

    -

    • 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 AreaYes

    -

    • 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>
    ButtonYes

    -

    -
    ImageYes

    -

    Added "Alt" property
    ContainerYes

    -

    Added "from group" and title
    NOTE
    For additional information, click here
    Form PreviewNo - cannot be accessible

    No

    -
    TooltipNo - can be accessible

    No

    -
    Validation MessageNo - can be accessible

    Use regular field validation

    -
    Radio with ImageYes

    -

    Same as Radio Question
    Date InputYes

    -

    • 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 TabNo - can be accessible

    No

    -
    Horizontal RadioNo - can be accessibleNo-
    Language SelectNo - cannot be accessibleNo-
    Text Input with AutocompleteNo - cannot be accessibleEasySend 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

    ComponentVersion
    Radio Question10.0.0 or above
    Checkbox6.1.1 or above
    Text Input21.0.17 or above
    Text Area6.0.2 or above
    Button7.0.2 or above
    Tooltip0.16.1 or above
    Validation Message0.0.6 or above
    Radio with Image7.0.2 or above
    Date Input10.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 

    Was this article helpful?