Skip to Content

Digital Accessibility

Spotlight Callouts

Your featured image in your spotlight callout snippet will need alt text.

Adding & Replacing Alt Text

Consider alt text each time you add or replace an image in your spotlight callout snippet.

  1. Select your image, then click the Image icon to get to the Insert/Edit options. 
    • The top display of edit options for an OU Campus page. A button with a folder icon is followed by four tab options, Preview, Edit, Properties, and Versions. To the right are the Save button, a yellow lightbulb icon indicating checked out content, a green Publish button with a dropdown arrow, an Expand icon, and an ellipsis for more settings. The first row of icons includes Save, cancel, scissors, two stacked papers, a clipboard with an empty paper, a clipboard with filled paper, binoculars, undo and redo errors, spell check, italics, bold, bullets, numbered list, increase and decrease indent, quotation marks, x squared, x with a subscript, left align, center, right align, full width text, link, envelope, and anchor. The second row includes Paragraph and a dropdown, Styles and a dropdown, and an image icon in a garnet rectangle for emphasis followed by a dash, an arrow pointing left, C in a circle, a puzzle piece, two arrows in an oval, Insert component symbol, table with a dropdown, and four arrows pointing outwards to maximize content. The head on the page being edited includes the UofSC monogram, South Carolina, and Digital Accessibility.
       
  2. If the image offers absolutely no important visual information, you may check the "Image is decorative" option box. Otherwise, be sure this box is left unchecked.

  3. Add your alt text to the "Alternative description" box. Click "Save" to confirm.
    • The Insert/Edit Image dialogue box over a callout grid. The modal includes two tabs, General and Advanced. On the General tab, Source and its text field, an unchecked Image is decorative box, and Alternate description with text field that says Description required are surrounded by a garnet rectangle for emphasis. The remaining fields are empty and include Image title, Width and Height with ratio lock icon, Class (not set), Custom Class, and ID. Cancel and Save buttons are at the bottom.
       

Video Tutorial

Learn how to add alt text to your spotlight callout.

Captions & Alt Text

Most of the time, alt text and captions serve very different purposes. However, if your caption conveys all of the visual information found in your image, you can mark the image as decorative to keep a screen reader from reading the same description twice.

Decorative Images

You can tell screen readers to skip your image if it conveys absolutely no important visual information or if it merely repeats information that is already on the page.

Marking an Image as Decorative in Spotlight Callouts

Check the "Image is decorative" option box under Insert/Edit Image (shown above) and click "Save" to confirm.

Challenge the conventional. Create the exceptional. No Limits.

©