How to make forms accessible

  • Profile Image
    Asked on May 06, 2012 at 07:02 AM

    I just started laying with Jotform. I like its straightfoward and intutive approach.

    When checking whether my forms I quickly run into accessibility issues, for example, for a check box, the label to the checkbox is not associated with the checkbox itself, makign the form essentially useless for users that have to rely on tools like a screen reader. If you wanted to quickly find ut what issues exist, use the free web accessibility checker at and enter the Jotform URL for the form.

    WAVEing a form will quickly give you an idea about what is lacking. See also WCAG 2 info from W3C's WAI for more extensive info around this.

    As Jotforms seems to be structured and implemented very cleanly I have the impression it might be very easy to fix accessibility issues.

    Anything that could be done frm the user side until things are addressed by the Jotform implementers?




  • Profile Image
    Answered on May 06, 2012 at 04:24 PM

    Update (December 10, 2019): JotForm Accessible Forms is available.

    We are excited to announce JotForm Accessible Forms. Now you can create Section 508 and WCAG 2.1 Level A and Level AA compliant forms.

    Here is our detailed user guide: How Can I Make My Forms Accessible

    You can also check Accessible Forms to learn more about our accessibility features.


    Hello Olaf,

    What you just presented is very interesting indeed.
    I tried Waveing your sample form, I admit I just quickly course through it, but I think I did enough test to warrant a question for you since I think you know this better than me.

    1. In your sample form -- , it says 2 errors, I found 1 in red, but could not find the second?

    2. Would you know and have a much simpler explanation what the error 1 means? The hover tip errror message is a bit general and does not say exactly what is its "error". 

    3. In your own experience, would you know how to redo this form so that the waveing error would go away?

    Will await your response.

    Thank you very much for your inputs. JotForm always appreciate contributions/feedback from its users.

  • Profile Image
    Answered on April 16, 2013 at 03:07 AM
    April 2013 I have just created at jotform and WAVE'd it....still seems fairly poor on accessibility ...have any changes been made as a result of posts or am I (as a new user) missing something in the form creation process?Adrian
  • Profile Image
    Answered on April 16, 2013 at 04:59 AM


    I'd suggest you to open a separate thread using this link: so just in case we need your concern to escalate to our developers. Also, this thread is a bit too old, it is wiser to create a new one.


  • Profile Image
    Answered on December 10, 2019 at 09:22 AM

    UPDATE: We are now supporting accessible forms.

    We're happy to announce to you that JotForm now lets you create forms that are Section 508 and WCAG 2.1 Level A and AA compliant!

    To make your form accessible, open it on the form builder, then go to:

    1) Settings

    2) Click on the Form Settings.

    3) Click on the Show More Options.



    4) Switch the Form Accessibility option to Enabled.


    Our form builder will then analyze your form. If any accessibility issues are detected, warn you on the aspects that should be fixed to make the form accessible.

    After that, all you need to do is adjust the form to address detected issues if there are any until all of the issues are resolved.

    Also, please note that if your form is created in the old(Legacy) layout, you will see an Accessibility Enhancer Widget added to your form. This widget will automatically make your classic form more accessible, by improving the appearance of form validation warnings, and also adds ARIA(Accessible Rich Internet Applications Suite) attributes to your form. This widget is not needed for Card Layout forms. You may optionally consider selecting one of the ready-to-use accessible form themes. They are marked with a little human body icon in the form designer.


    For more information on how to use the Accessible Forms option, you can check out this guide.

    If you require any further assistance feel free to contact us!