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.
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
Here is an example of accessibility results on a small jotform:
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!
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
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!
We will work on fixing these issues as much as possible and get back to you.
1. Error: Document language missingThe language of the document is not identified.Why It MattersIdentifying 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 ItIdentify the document language using the <html lang> attribute (e.g., <html lang="en">).The Algorithm... in EnglishThe <html lang> attribute is missing or is empty.Standards and Guidelines 3.1.1 Language of Page (Level A)
2. Alert: Missing first level headingWhat It MeansA page does not have a first level heading.Why It MattersHeadings 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 ItIf the page presents a main heading, place it within an <h1> element. Add other sub-headings as necessary.The Algorithm... in EnglishA 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 textWhat It MeansAlternative text is null or empty (alt="").Why It MattersIf 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 ItEnsure 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 EnglishAn image has alt="".Standards and Guidelines Section 508 (a) 1.1.1 Non-text Content (Level A)
4. Feature: Form labelWhat It MeansA form label is present and associated with a form control.Why It MattersA 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 ItEnsure that the label is accurate, descriptive, succinct, and that it is associated with the correct form control element.The Algorithm... in EnglishA <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 listWhat It MeansAn unordered (bulleted) list (<ul> element) is present.Why It MattersOrdered lists present a group of related, parallel items. Users of many assistive technologies can navigate by and within lists.How to Fix ItEnsure 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 EnglishA <ul> element is present.Standards and Guidelines 1.3.1 Info and Relationships (Level A)
6. Structural Element: Heading level 3What It MeansA third level heading (<h3> element) is present.Why It MattersHeadings facilitate page navigation for users of assistive technologies. They also provide semantic and visual meaning and structure to the document.How to Fix ItEnsure that the text in question is truly a heading and that it is structured correctly in the page outline.The Algorithm... in EnglishAn <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)
Thank you very muchAdrian