Informative Images Examples

Example 3: Organizational Chart

alt attribute of the img element provides the title of the image.
The same set of information as the information the image conveys is provided redundantly with text in the content.

Organizational chart of the executive branch of the United States government

Organizational Chart of the Executive Branch of Government

Top Level

Constitution

Second Level

The second level branches are connected to the constitution.

Legislative Branch:
Includes the following resources:
- GAO
- CPO
- Library of Congress
- Technology Assessment
- Congressional Business Office
Executive Branch:
Includes the following resources:
- The President
- Executive Office of the President
- OMB
- Trade Representative
- The Whitehouse
- Environmental Quality
- Science and Technology
- Drug Control Policy
Judicial Branch
Includes the following resources:
- U. S. Supreme Court
- U.S. Court of Apeals
- Court International Trade
- U.S. Tax Court
- Court of Military Appeals
- Federal Judicial Center
- Sentencing Commission

Third Level

The third level shows the departments connected to only the Executive Branch

Department of Agricuture
Department of Commerce
Department of Defense
Department of Education
Department of Energy
Department of Health and Human Services
Department of Housing and Urban Development
Department of the Interior
Department of Justice
Department of Labor
Department of State
Department of Transportation
Department of Treasury
Department of Veterans Affairs
Indepdent Establishments and Government Corporations

HTML Source Code

<h3>Organizational Chart of the Executive Branch of Government</h3>
  <h4>Top Level</h4>
    <ol>
      <li>Constitution</li>
    </ol>
  <h4>Second Level</h4>
    <p>The second level branches are connected to the constitution.</p>
    <ol>
      <li>Legislative Branch: <br>Includes the following resources:
        <ul>
          <li>GAO</li>
          <li>CPO</li>
          <li>Library of Congress</li>
          <li>Technology Assessment</li>
          <li>Congressional Business Office</li>
        </ul>
      </li>
      <li>Executive Branch:<br>Includes the following resources:
        <ul>
          <li>The President</li>
          <li>Executive Office of the President</li>
          <li>OMB</li>
          <li>Trade Representative</li>
          <li>The Whitehouse</li>
          <li>Environmental Quality</li>
          <li>Science and Technology</li>
          <li>Drug Control Policy</li>
        </ul>
      </li>
      <li>Judicial Branch<br>Includes the following resources:
        <ul>
          <li>U. S. Supreme Court</li>
          <li>U.S. Court of Apeals</li>
          <li>Court International Trade</li>
          <li>U.S. Tax Court</li>
          <li>Court of Military Appeals</li>
          <li>Federal Judicial Center</li>
          <li>Sentencing Commission</li>
        </ul>
      </li>
    </ol>
  <h4>Third Level</h4>
    <p>The third level shows the departments connected to only the Executive Branch</p>
    <ol>
      <li>Department of Agricuture</li>
      <li>Department of Commerce</li>
      <li>Department of Defense</li>
      <li>Department of Education</li>
      <li>Department of Energy</li>
      <li>Department of Health and Human Services</li>
      <li>Department of Housing and Urban Development</li>
      <li>Department of the Interior</li>
      <li>Department of Justice</li>
      <li>Department of Labor</li>
      <li>Department of State</li>
      <li>Department of Transportation</li>
      <li>Department of Treasury</li>
      <li>Department of Veterans Affairs</li>
      <li>Indepdent Establishments and Government Corporations</li>
    </ol>