How to Fix the Form Accessibility Errors

November 24, 2022

When you enable the Form Accessibility option in your form, the built-in accessibility checker of the Form Builder will scan your form for potential accessibility issues and warn you if any are detected. The scanning works each time you update your form.

Youtube Embed Poster: EbPbwpLRfvQ

This guide will review the most common accessibility errors and explain how to fix them. While working in the form builder, you may encounter the following Accessibility Warnings.

Accessibility Warning: Your form’s color contrast isn’t good for web accessibility. Please change your color palette.

form-accessibility-contrast

Solution: Adjust form colors, or apply one of the accessible color schemes/themes.


Accessibility Warning: The input background colors on your form don’t have enough contrast for accessibility. Please change your color palette.

form-accessibility-input-background

Solution: Change the Input Background color via Form Designer. The Input Background color should contrast well with the form and font colors.


Accessibility Warning: Your form has an inaccessible theme. Please use the default theme.

form-accessibility-inaccessible-theme

Solution: Change the form theme to the Default Theme.


Accessibility Warning: Warning messages can’t be empty. Please update your Form Warnings in the Settings panel.

form-accessibility-warning-messages

Solution: Make sure there are no empty warnings in the Form Warnings section.


Accessibility Warning: Your form must include a submit button. Please add a submit button.

form-accessibility-submit-button

Solution: Add a Submit button element to your form. The Submit button should usually be placed at the bottom of the form.


Accessibility Warning: All form questions should have a label.

form-accessibility-question-label

Solution: Type a label for a field with an empty label.


Accessibility Warning: Sublabels should not be empty.

form-accessibility-sublabel

Solution: Type a sublabel for the input with an empty sublabel. You can click on the sublabel to add the sublabel text or add it via the field’s properties. This mostly applies to elements with multiple inputs, such as the Full Name and Address fields.


Accessibility Warning: This widget may limit the accessibility of your form. Users with impairments may have trouble filling out your form.

form-accessibility-widget

Solution: Remove a widget that shows this warning. You may consider using a basic field or some other widget instead.


Accessibility Warning: This image has no alternative text. All images must have alt text for accessibility.

form-accessibility-image-alternative-text

Solution: Add an ‘Alternative Text’ through the properties of the Image element.


Accessibility Warning: Lite Mode may cause accessibility problems for users. Please disable Lite Mode.

form-accessibility-date-lite-mode

Solution: Turn off the ‘Lite Mode’ via the properties of the Date Picker field.


Accessibility Warning: Please include text for the empty option in the dropdown (for example, Please select).

form-accessibility-dropdown-empty-text

Solution: Enable a ‘Show Text in Empty Option’ property and add text to it through the properties of the Dropdown field.


Accessibility Warning: JotCaptcha isn’t an accessible field. Please use Google ReCaptcha.

form-accessibility-captcha

Solution: Change the captcha type via the field’s properties from JotCaptcha to reCAPTCHA.


Address the accessibility issues if there are any, and you are done! The form is considered accessible when there are no accessibility warnings displayed in the editor. 

If you have any questions, please let us know in the comments below!

Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Deb Watrous - Profile picture
  • Linda DeVore - Profile picture
  • NCPEDIATRICS - Profile picture
  • Laurie Murphy - Profile picture