Embedding content lets you add dynamic elements from external sources directly into your website. Common examples include:
- Videos: YouTube, Vimeo
- Forms: Quform for surveys and registrations
- Maps: Google Maps
- Calendars: Google Calendar for event schedules
Best practices for embedding
- Embed content that adds value and enhances the page.
- Keep items concise and visually balanced.
- Test embeds on different devices to ensure proper display.
- Avoid overcrowding a section with multiple large embeds.
A note about accessibility:
Only embed content from vendors vetted by the Digital Accessibility Team. Involve the web team early when selecting third-party tools so we can provide specifications and guidelines to keep your content accessible to everyone and help keep your project timeline on track.
YouTube video
360° tours and virtual experiences
Interactive 360° tours and virtual walkthroughs often rely on complex visual interfaces that are not fully accessible to screen readers and may not meet WCAG 2.2 AA requirements. Because of this, 360° content should not be embedded on university websites unless the vendor’s platform has been reviewed and confirmed to meet accessibility standards by the Digital Accessibility Team. If an accessible version is not available, consider providing an alternative experience to ensure that all users can access the information, such as descriptive text, images, or video.
Google Map
Google Calendar
Google Calendar (list view)
Forms
Note: Be sure to identify the intent and purpose of an embedded form. When possible, provide a relevant title for the form so it can be accurately identified in other locations and communications.