Embed an interactive Box folder.
Last reviewed: November 6, 2023
UBbox provides free access to Box.com for all staff, faculty and students. A UBbox folder can be easily embedded into your Web page, maintaining its functionality.
There are two steps: add an HTML Snippet to your page, and get the embed share code from the UBbox folder.
In the UBCMS, UBbox may ask you or your visitors to log into Box, or to complete a security challenge (e.g. drag a white cloud onto another cloud, as in the screenshot below.
Authors are responsible for any third party content that is hosted or linked from their UBCMS pages.
This includes applications such as Formstack forms and Google Maps, that are displayed using their own component, as well as entries from UB's Calendar of Events, and external content hosted using HTML Snippet or External Embed.
Best practice: for Formstack forms, avoid using the date picker and the 'other' option in dropdowns.
Best practice: for the HTML Snippet and External Embed, always run an accessibility test (e.g. using a browser extension), check its behavior in mobile, and consider how it may impact page performance in general.
Best practice: if your code relies on a 'div' or iframe to house its content on your page, it must have an identifying label, often coded as a 'aria-label' or sometimes a 'title', that assistive technology can see. Formstack produces a title automatically, although it is poorly worded, but other applications tend to skip this requirement so it must be added manually on your end.
If you have concerns that external vendor content is not accessible, please contact UB's Web Accessibility officer.