Tab Key accessibility skips checkbox and radio options

  • Profile Image
    SevernsideTritons
    Asked on September 28, 2014 at 11:58 AM
    Also, if the tab key is used to move from field to field, the fields that are groups of radio buttons or checkboxes are skipped. For accessibility this is an issue. What do I need to do to fix this?
  • Profile Image
    KadeJM
    Answered on September 28, 2014 at 12:43 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.

    Did you mean that when you tab only your fields are selected instead of the radio and checkbox options which get skipped then?

    When I tab on my end I am able to select the field including any data within it as this is the way the browser reads the fields. On the radio buttons the down arrow works when those are selected with tab and for the checkboxes the tab is working.

    Radio:

    Checkbox:

  • 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!