<table>
  <caption aria-live="polite">MLW alumni <span class="sr">Sorted by name descending</span></caption>
  <thead>
    <tr>
      <th scope="col" aria-sort="ascending">
        <button type="button">
          <span>Name</span>
          <svg aria-hidden="true">
            <use href="#downArrow"></use>
          </svg>
          </div>
        </button>
      </th>
      <th scope="col">
        <button type="button">
          <span>Destiny</span>
          <svg aria-hidden="true">
            <use href="#sortMe"></use>
          </svg>
          </div>
        </button>
      </th>
      <th scope="col">
        <button type="button">
          <span>Year</span>
          <svg aria-hidden="true">
            <use href="#sortMe"></use>
          </svg>
          </div>
        </button>
      </th>
    </tr>
  </thead>