Informative Image Example: Logo

Accessibility Features of Example

The logo image is incorporated in HTML.
The alt attribute identifies the image as a logo.
See the example of a background image under a decorative image for the Best Practices regarding the background image of this example.

Example

HTML Code

<div id="header">
  <span class="rounded">
    <span class="line1"></span>
    <span class="line2"></span>
  <span class="line3"></span>
  <span class="line4"></span>
  </span>
  <div class="cites_logo">
    <a href="http://www.uiuc.edu/" name="page_top"><img src="../../../../www/images/UILogoVsm.gif" alt="University of Illinois at Urbana-Champaign logo"></a>
    <div class="cites"><a href="http://www.cita.uiuc.edu/">iCITA</a> </div>
    <div class="cites_expansion"><a href="http://www.cita.uiuc.edu/">Illinois Center for Information Technology Accessibility</a></div>
    <div class="uiuc_expansion"><a href="http://www.disability.uiuc.edu">Disability Resources and Educational Services (DRES)</a></div>
    <div class="uiuc_expansion"><a href="http://www.ahs.uiuc.edu/">College of Applied Health Sciences</a> | <a href="http://www.uiuc.edu/">University of Illinois at Urbana-Champaign</a></div>
  </div>
  <span class="rounded">
    <span class="line4"></span>
    <span class="line3"></span>
  <span class="line2"></span>
  <span class="line1"></span>
  </span>
</div>

Informative Image Example: Logo

Accessibility Features of Example

Example

HTML Code

Text Equivalents