Overview
On your Dornsife website, you can embed (add) a form on a page. For example, you can embed a Google Form or an Emma newsletter sign up form: visitors can fill out and submit the form without having to leave the Dornsife website. The <iframe> tag makes all this possible.
In this guide, we explain how to add a title attribute to the <iframe> tag to improve accessibility. Having a title that describes the form ensures that visitors using screen readers can understand and navigate a page with a form or other embedded content.
Adding an iframe title to the My Emma Form Embed component
If you are using the My Emma Form Embed component, you can embed Emma forms as well as any other forms. Make sure that you add a descriptive title:
Quick guide
- Locate the Form Embed field.
- Within the <iframe> tag, add the title in the following format:
- <iframe src="formURL" title=""></iframe>
- For example:
<iframe src="https://app.e2ma.net/app2/audience/signup/uniqueformlink/" width="510" height="500" frameborder="0" title="Sign up for the DTS newsletter"></iframe>
- You can now save or update the Page.
Detailed guide (with screenshots)
- Locate the Form Embed field.
- Within the <iframe> tag, add the title in the following format:
- <iframe src="formURL" title=""></iframe>
- For example:
<iframe src="https://app.e2ma.net/app2/audience/signup/uniqueformlink/" width="510" height="500" frameborder="0" title="Sign up for the DTS newsletter"></iframe>
- You can now save or update the Page.
Adding an iframe title to Rich Text or another component
Another popular component for embedding a form on a page is the Rich Text component, but any component with a Text tab will allow you to embed a form. Just be sure that when you embed the form, you add a descriptive title:
Quick guide
- Click the Text tab.
- Locate the iframe, which is indicated by the <iframe> tag:
- <iframe src="formURL"></iframe>
- Add the title in the following format:
- <iframe src="formURL" title=""></iframe>
- For example:
<iframe src="https://docs.google.com/forms/uniqueformlink/viewform?embedded=true" width="640" height="600" frameborder="0" title="RSVP for WordPress training">Loading…</iframe>
- The formatting of your <iframe> tag may differ from this example, just depending on where the form originated (for instance, Google Forms versus Qualtrics).
- You can now save or update the Page.
Detailed guide (with screenshots)
- Click the Text tab.
- Locate the iframe, which is indicated by the <iframe> tag:
- <iframe src="formURL"></iframe>
- Add the title in the following format:
- <iframe src="formURL" title=""></iframe>
- For example:
<iframe src="https://docs.google.com/forms/uniqueformlink/viewform?embedded=true" width="640" height="600" frameborder="0" title="RSVP for WordPress training">Loading…</iframe>
- The formatting of your <iframe> tag may differ from this example, just depending on where the form originated (for instance, Google Forms versus Qualtrics).
- You can now save or update the Page.