Improving form accessibility

  • Profile Image
    HSAssessment
    Asked on May 02, 2016 at 04:41 PM

    When I run my form through this tool http://wave.webaim.org/, it definitely doesn't pass and I can't figure out how to make the changes to the form so that it does. Is there any movement toward becoming more accessible?

  • Profile Image
    Mike
    Answered on May 02, 2016 at 07:08 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 JotForm Accessible Forms to learn more about our accessibility features.

    It appears that web accessibility evaluation tool shows a lot of errors due to a Matrix field format. Unfortunately, there is no a Matrix field type in HTML, so we use a custom made format.

    If you would like to have a better accessibility rate you may consider using basic fields (e.g. Heading, Text Box, Text Area, Drop Down, Number, E-mail, Text, File Upload).

    If you need any further assistance, please let us know.

  • Profile Image
    Marvin
    Answered on December 10, 2019 at 09:41 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.

    0Dy349xTX9.png

     

    4) Switch the Form Accessibility option to Enabled.

    mFDlb7pm8q.png

    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.

    jdw2k6x8cp.png

    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!