Sections and headings are an important way to organize your form and make it easier for users to navigate it. By default, your form will use the HTML H2 tag for section headings. For better accessibility, we recommend adding a level-one heading (H1) for the main title of your form. This ensures that people using screen readers can immediately identify the form’s purpose.
Here is how to add a level one heading (H1) to your form:
In the Form Builder, insert a new section or select an existing one.
Click the section to highlight it, then click “Edit Section Heading Content” in the left sidebar.
The rich text editor that opens up lets you format the text of your heading. You can switch to the “Code View” mode by clicking the “<>” icon in the toolbar.
The code view lets you write HTML. Enter HTML or copy and paste the following snippet and adapt it: `<h1>Your heading</h1>`
Clicking “Code view” again brings you back to the rich text mode where you can preview what your heading will look like, and apply formatting like text alignment.
When you are done, make sure to click Save on the top right.
💡Pro Tip: The Code View button lets you switch between the HTML view and a preview of the content. This lets you write HTML and then preview what it will look like when rendered. Or you can use the buttons in the toolbar to apply formatting like Bold or Text Color and see the resulting HTML.
Back in the Form Builder, you should now see your new heading. Click “View live form” to verify your changes.