Accessibility Tool

Text Only

This callout has one link that wraps a span for text.

For a complete list of best practices, visit the main portlet page: Callouts

HTML Structure


<div class="calloutContainer textOnly">
      <ul class="buttons">
       <li class="calloutItem">
         <a href="">
           <span class="text">
                Callout Text
           </span>
         </a>
       </li> <!-- end CalloutItem -->
       <!-- Copy/paste li.calloutItem and contents for more callouts of the same type -->
     </ul>
</div>

Default Styling

Custom Styling Example

Custom Styling Example