SummaryDescriptionAdvice Regarding Specific FieldsMultiselectGoogle reCAPTCHA V2DatepickerSubmit/Next Page ButtonIntroduced InFurther InformationExample Screenshots
Summary
This article provides information regarding accessibility warning messages you may receive for a particular field on your form. The message is presented in the Field Settings pane of the Form Editor. See screenshots at bottom for some examples.
Description
To ensure your form can be completed by all your visitors. it is important to try and limit your form to using fields that work for everyone. People who use assistive technology for example, may find some form fields have hard to navigate, or some fields are hard to understand when read back by a screen reader or voice recognition software.
If your forms must comply with accessibility guidelines like WCAG, section 508 or the ADA, then please be aware that some form fields with accessibility issues can』t be used. From Gravity Forms 2.5 onwards we present a warning message for the most common of those, and have listed some alternatives here.
Advice Regarding Specific Fields
Multiselect
The Multiselect field is difficult for people using assistive technology like a screen reader or voice recognition software, as they are not able to properly select multiple options. The better choice is using checkboxes.
A warning will be displayed in the Form Editor when Field Label Visibility is marked as hidden.
Google reCAPTCHA V2
The Google Support website has a page is dedicated to the accessibility of reCAPTCHA V2 through the use of an audio challenge. The can present other challenges for your visitors though.
Firstly, this is not an option for deafblind users. Secondly, reCAPTCHA only offers an English audio challenge and expects an English answer to it, which makes it harder for non-native English speakers to understand the challenge or increases the likelihood of typing the answer with a spelling mistake.
There is also a cognitive and cultural accessibility issue. Not everyone understands the visual challenges.If you have a form that is vital for your visitor to fill out, don』t put the burden of proving they are human on them.
An alternative could be to use a third-party reCAPTCHA V3 add-on. If you choose V3, also consider the privacy impact for your users and whether you need to comply with your GDPR policy as well.
Support for reCAPTCHA V3 will be added in a future update of Gravity Forms.
Datepicker
The date field provides the option of displaying a datepicker, but note this datepicker is not keyboard or screen reader accessible at the moment. Therefore we provide an accessible alternative of having the date input fields be text only.
Hints on what the exact date format your field expects is given by placeholders and by additional text, connected to the input field with aria-describedby. Then the date format is announced and visible.
For more info, this external article has a good discussion of accessible datepickers.
Submit/Next Page Button
The presentation of the submit (and next page) buttons can be controlled by conditional logic. The best accessibility choice is to use a visibly disabled button. This is a well known form pattern, people know what it means.
Completely hiding the submit button can have a negative impact on the accessibility of a form for a few reasons, mostly cognitive:
Visitors do not see the submit button at first. This is unexpected behavior, which can discourage visitors that are not that web savvy, and increase anxiety around the task of trying to complete the form.You send the visitor on a quest: what do I need to fill out to get this form submitted?Blind visitors do not get informed when the button later (conditionally) appears and the form can be submitted.For accessibility it』s always best to stick to form conventions and give the visitor all the information they need.
Introduced In
These warning messages were added in Gravity Forms 2.5. The warning messages contain a link to this article.
Further Information
Refer to the Accessibility area of our documentation site for more helpful advice on improving your form』s accessibility.
Example Screenshots
These images show a few examples of the type of warning you may see.