Improving form accessibility

  • HSAssessment
    Asked on May 2, 2016 at 4: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?

  • Mike
    Replied on May 2, 2016 at 7: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.

    Improving form accessibility Image 1 Screenshot 30

    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).

    Improving form accessibility Image 2 Screenshot 41

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

  • Mert Ceylan JotForm Developer
    Replied on December 10, 2019 at 9: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 Screenshot 10

     

    4) Switch the Form Accessibility option to Enabled.

    mFDlb7pm8q Screenshot 21

    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 Screenshot 32

    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!