Semantics and WAI-ARIA Examples

Headings, Presentational Attributes, and Lists

Semantic Example

Breaking in a Baseball Glove

  1. Using a clean rag, gently apply a thin layer of oil or shaving cream to the external parts of the glove. Don't overdo it: too much oil will damage the leather.
  2. Let your glove dry overnight.
  3. The next day, pound the baseball or softball several times into the palm of the glove.
    • Wedge the ball into the palm of the glove.
    • Wrap the string around the glove with the ball inside and tie it tightly.
    • Let the glove sit for at least three or four days.
  4. Wipe the glove with a clean rag and then head out to the ball field.
    
<!-- Let's start with a heading -->
    <h3>Breaking in a Baseball Glove</h3>
<!-- Define a numbered list (Ordered List) -->
  <ol>
    <li>Using a clean rag, gently apply a thin layer of oil or shaving cream to the external parts of the glove. 
Don't overdo it: too much oil will damage the leather.</li>
    <li>Let your glove dry overnight.</li>
    <li>The next day, pound the baseball or softball several times into the palm of the glove.
<!-- Define a bullet list (Unordered List) WITHIN (Nested) the ordered list-->
      <ul>
        <li>Wedge the ball into the palm of the glove.</li>
        <li>Wrap the string around the glove with the ball inside and tie it tightly.</li>
        <li>Let the glove sit for at least three or four days.</li>
      </ul>
<!-- Close out the bullet list -->
    </li>
    <li>Wipe the glove with a clean rag and then head out to the ball field.</li>
  </ol>
<!-- Close out the numbered list -->
  </div>