lightboard: semantically incorrect use of markup

[leifoolsen]

This:

<ul class="mdlext-lightboard mdlext-js-lightboard">
  <li class="mdlext-lightboard__slide">
    <a href="#" class="mdlext-lightboard__slide__frame">
      <figure>
        <img src="_D802591.jpg" title="Whooper swans in flight"/>
        <figcaption>_D802591.jpg</figcaption>
      </figure>
    </a>  
  <li>
</ul>

The markup should not have a required anchor element. It should be optional. Something like this:

<ul class="mdlext-lightboard mdlext-js-lightboard">
  <li class="mdlext-lightboard__slide">
    <figure role="group">
      <a href="/images/_D802591-large.jpg">
        <img src="/images/_D802591.jpg" alt="View a larger version of this image"/>
      </a>
      <figcaption>Whooper swans in flight</figcaption>
    </figure>
  <li>
</ul>