What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I make a JotForm Meet any International Accessibility Standards?

    Asked by adrian59 on April 16, 2013 at 05:53 AM

    I am a new user and will be (hoped to be) using jotform within a UK government community and therefor need to adhere to certain accessibility standards - I notice there are forum posts on this going back a couple of years. Has anything been done to enable better accesibility please?  If not, reluctantly, I will need to stop using the forms as I cannot use them in any UK government setting.

    Thanks in anticipation

     

    Adrian

    Here is an example of accessibility results on a small jotform:

    http://wave.webaim.org/report#/http%3A%2F%2Fform.jotformeu.com%2Fform%2F30974666900360 

    JotForm style size font
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 16, 2013 at 09:06 AM

    Hi Adrian,

    What specifically layouts do you want to meet your requirements? We can help you fulfill this by injecting custom CSS codes to your form thus if possible You can also modify your form source code to meet your requirements: Here's How to get your Form Source Code. I think this might help.

    Feel free to message us anytime you need assistance with your forms. Thanks!

  • Profile Image

    Answered by adrian59 on April 16, 2013 at 07:12 PM
    Thanks for your response - although the requirements are not mine they are international accessibility standards that are required for any use within many government communities - the link I included shows the points of 'failure' in terms of accessibility.I am not technical which is why I chose JotForms but I cannot continue to use the forms for any of our 400+ government clients. Which is a shame because otherwise its a great product.Thanks
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 16, 2013 at 08:16 PM

    Hi,

    Thanks, I think JotForm wasn't able to meet those requirements by it's default layout but I guess it is possible to customized the form source code to fulfill the requirements. It would be a bit hard though so I could not offer you this laborious solution specially it requires time for you to make every single form and customized the source each of them for the 400+ government clients. It would be a very long work.

    However, let me submit this to our development team so they can consider your request though I could not guarantee you of it's assurance getting implemented. Rest assured, we will inform you here from time to time once we have updates similar to this.

    Thank you so much!

  • Profile Image
    JotForm Founder

    Answered by aytekin on April 17, 2013 at 04:47 AM

    We will work on fixing these issues as much as possible and get back to you. 

    When I run this form URL on wave.webaim.org site I get these errors and warnings. Copying here for our developers.

     

     

     

    1. Error: Document language missing

    What It Means
    The language of the document is not identified.
    Why It Matters
    Identifying the language of the page allows screen readers to read the content in the appropriate language. It also facilitates automatic translation of content.
    How to Fix It
    Identify the document language using the <html lang> attribute (e.g., <html lang="en">).
    The Algorithm... in English
    The <html lang> attribute is missing or is empty.
    Standards and Guidelines 3.1.1 Language of Page (Level A)

     

    2. Alert: Missing first level heading

    What It Means
    A page does not have a first level heading.
    Why It Matters
    Headings facilitate page navigation for users of many assistive technologies. They also provide semantic and visual meaning and structure to the document. A first level heading (<h1>) should be present on nearly all pages. It should contain the most important heading on the page (generally the document title).
    How to Fix It
    If the page presents a main heading, place it within an <h1> element. Add other sub-headings as necessary.
    The Algorithm... in English
    A page does not have an <h1> element.
    Standards and Guidelines Section 508 (o) 1.3.1 Info and Relationships (Level A) 2.4.2 Page Titled (Level A) 2.4.6 Headings and Labels (Level AA

     

    3. Feature: Null or empty alternative text

    What It Means
    Alternative text is null or empty (alt="").
    Why It Matters
    If an image does not convey content or if the content of the image is conveyed elsewhere (such as in a caption or nearby text), the image should have empty/null alternative text (alt="") to ensure that it is ignored by a screen reader and is hidden when images are disabled or unavailable.
    How to Fix It
    Ensure that the image does not convey content or that the content of the image is conveyed in nearby text (e.g., a caption).
    The Algorithm... in English
    An image has alt="".
    Standards and Guidelines Section 508 (a) 1.1.1 Non-text Content (Level A)

     

     

    4. Feature: Form label

    What It Means
    A form label is present and associated with a form control.
    Why It Matters
    A properly associated form label is presented to a screen reader user when the form control is accessed. Additionally, a label can be clicked with the mouse to set focus to the form control.
    How to Fix It
    Ensure that the label is accurate, descriptive, succinct, and that it is associated with the correct form control element.
    The Algorithm... in English
    A <label> element is present and properly associated to <input> (except types of image, submit, reset, button, or hidden), <textarea>, or <select> element.
    Standards and Guidelines Section 508 (n) 1.1.1 Non-text Content (Level A) 1.3.1 Info and Relationships (Level A) 2.4.6 Headings and Labels (Level AA)

     

    5. Structural Element: Unordered list

    What It Means
    An unordered (bulleted) list (<ul> element) is present.
    Why It Matters
    Ordered lists present a group of related, parallel items. Users of many assistive technologies can navigate by and within lists.
    How to Fix It
    Ensure that an unordered (bulleted) list is appropriate for the context. If list items are sequential or numbered, an ordered list (<ol>) is likely more appropriate.
    The Algorithm... in English
    A <ul> element is present.
    Standards and Guidelines 1.3.1 Info and Relationships (Level A)

     

    6. Structural Element: Heading level 3

    What It Means
    A third level heading (<h3> element) is present.
    Why It Matters
    Headings facilitate page navigation for users of assistive technologies. They also provide semantic and visual meaning and structure to the document.
    How to Fix It
    Ensure that the text in question is truly a heading and that it is structured correctly in the page outline.
    The Algorithm... in English
    An <h3> element is present.
    Standards and Guidelines Section 508 (o) 1.3.1 Info and Relationships (Level A) 2.4.1 Bypass Blocks (Level A) 2.4.6 Headings and Labels (Level AA)
  • Profile Image

    Answered by adrian59 on April 17, 2013 at 08:44 AM
    Thank you very muchAdrian