AUX 101 | Module 4 | Chapter 5
Media Slab
Learn about the media slab, which allows you to display a full-width image or video.
A media slab is a component that displays an image or video that spans horizontally across the whole page. Media slabs allow you to display a caption and/or a citation. Media slabs can only be used on pages without sidebars.
Image Considerations
A minimum width of 1500 px at a 16:9 crop is recommended for these images in a media slab. Note that at larger sizes, part of the image will be obscured by the caption.
Usage Guidance
Captions are a great way to add context to a piece of media. Captions can be confused with image descriptions (alt text) or citations. Use these rules of thumb to remember the difference between each:
- Captions give context to a piece of content. Information in a caption is available to sighted users and screen readers.
- Image Descriptions / Alt Text describe what you can visually see in an image, and are typically only interacted with by screen readers. Alt text also displays when an image doesn’t load on a page, such as when you have a low internet connection. Alt text is meant to be a textual alternative for people who cannot see (for whatever reason) the image itself.
- Citations give credit to whoever created a piece of media.
Example
| Element | Content |
|---|---|
| Image |  |
| Caption | Reveille, the highest ranking member of the Corps of Cadets, leads the Corps’ procession with her handler, Theodor Neal, the 2023-2024 Mascot Corporal. |
| Image Description / Alt Text | Texas A&M University mascot Reveille leads the Corps of Cadets marching through campus. |
| Citation | Texas A&M University Division of Marketing & Communications |