Testimonial Component

The text field in this component has a maximum of 60 words. If the text is a quote, you must add the quote marks. Images will show as circles by default, you do not need to do any editing to create that effect. Although this component is intended for highlighting persons, it can be used to highlight buildings, classes, campus features, etc. The content use is flexible. The Author Name and Author Description are optional. Only one image and text block are required for this component. The placement of image on the right or left of the text alternates with each block.

Example of a Testimonial Heading link

Image of a student sitting in a lecture hall

First example testimonial. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus consectetur pellentesque turpis sit amet faucibus. Nullam convallis dignissim tincidunt. Praesent at ultrices odio, suscipit aliquam massa. Pellentesque feugiat facilisis congue. Suspendisse posuere tristique leo, vel tincidunt sem placerat eu. Suspendisse at dapibus ligula. Donec venenatis nibh quam, et bibendum nunc sagittis at. Suspendisse non rutrum felis. Morbi libero libero, ultricies.

Author Name Field  |  Author Description Field
Student walking on campus

Second example Testimonial. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus consectetur pellentesque turpis sit amet faucibus. Nullam convallis dignissim tincidunt. Praesent at ultrices odio, suscipit aliquam massa. Pellentesque feugiat facilisis congue. Suspendisse posuere tristique leo, vel tincidunt sem placerat eu. Suspendisse at dapibus ligula. Donec venenatis nibh quam, et bibendum nunc sagittis at. Suspendisse non rutrum felis. Morbi libero libero, ultricies.

Author Name Field  |  Author Description Field

Accessibility Requirements Heading link

Title Fields

Titles are required in most components to comply with the rule that headings H1-H6 must be used before a section of content to describe its context. You may select the “Hide Title” option if you don’t want it displayed, however, a site visitor using a screen reader will hear those titles. This means they should be descriptive and unique. If you only enter “Title” for example, the user will hear “title, title, title,” etc. as they tab through your content blocks. They will have no context to know if that is information they should read.

Image Alt Text Fields

Alt text should describe the image for visually impaired users who visit your website and for those whose browsers block images. The text should give a brief description of the image. DO NOT USE phrases like “image of,” “picture of,” or “screenshot of” in your ALT Text. In addition, if you use images that have text in the image itself, that cannot be read by a screen reader. That text should be included in the alt text, a caption or other text near the image.