Is there an option to enlarge the text on the form for people who are visually impaired?

  • Jimmy.vansanten
    Asked on January 14, 2015 at 10:11 AM
  • jollymcmuffin
    Replied on January 14, 2015 at 11:17 AM

    Hi, Jimmy!

    Yes there is a way for us to enlarge the font size of the text in our forms. We can do that by using custom CSS codes in our forms.

    First thing to consider though is how big do you want for the text to be? There are several units you can consider using in editing the form font size. You can use ems (em) or pixels (px) or points (pt) or percent (%). It's better to use ems and percent (for me anyway) because they change depending on the size of your screen which is good for your form if they can be accessed in mobile devices. If you have decided then let's go to the second step.

    Second, you will need to edit your form. You can do that by opening your form and in the Edit Form page, click on the Preferences icon (the wheel):

    Is there an option to enlarge the text on the form for people who are visually impaired? Image 1 Screenshot 30

    In the Preferences window, go to the Form Styles tab and there you can insert your custom CSS codes in the Inject Custom CSS part:

    Is there an option to enlarge the text on the form for people who are visually impaired? Image 2 Screenshot 41

    You can also check out these links in their User Guide:

    Inserting Custom CSS Codes
    How to customize your Form using Custom CSS Codes

    And to answer your question now, if the part that you want to enlarge is the sub-label (those are the ones that are a little bit small in your form when I checked it out), you can use this:

    .form-sub-label {
    font-size: 100%
    }

    *100% is the same as a 12pt font size.
    ** 12pt = 16px = 1em = 100%

    You can always adjust depending on how big you want it to be.

    I hope I answered your question. Have a great day!

  • Jimmy.vansanten
    Replied on January 14, 2015 at 11:48 AM

    Many thanks for your answer, however that is not what I am after.

    I would like to add a button to my form which people can click and the form text enlarges. It really is just for the visually impaired who might need bigger text on the form so that they can fill it out on-line.

    I could duplicate the existing form and have a second form run aside with larger text, but it would be better if there is anyway of avoiding that..

  • jollymcmuffin
    Replied on January 14, 2015 at 12:07 PM

    That also came to mind. However, I don't believe that there is an available widget that does that just yet. I may be wrong but I have double checked the available widgets and I have found none that can do that. If I am correct, we can always suggest this to them for future use.

  • Mike
    Replied on January 14, 2015 at 2:44 PM

    Unfortunately, we do not currently have the enlarge text option that can be added to the forms. Thank you for your suggestion. We have attached a feature request ticket to this thread.

    I hope that we will see some kind of the font size options available directly on forms implemented at some point.

    Is there an option to enlarge the text on the form for people who are visually impaired? Image 1 Screenshot 20

    We will let you know if we have any updates on this.