> @talbs - want to see the current template in imageModal.underscore and see how you would improve it?

My recommendations for the improvements to markup (reiterated below) still stand. 

The HTML and class structure could be cleaned up here. I'd prefer to see something like the following that:

1. is less redundant/bloated
2. uses standard class naming conventions
3. uses semantic markup (which allows for elements to be better read to assistive tech)
4. provides text alternative to icon-based zoom controls

```html
<div class="wrapper-modal wrapper-modal-image">
  <section class="image-content">
    <div class="wrapper-image">
      <!-- image HTML -->
    </div>
  </section>

  <ul class="image-controls">
    <li class="image-controls-zoom-in">
      <a href="" class="action-zoom-in" role="button">
        <i class="icon-zoom-in">
          <span class="label">Zoom In</span>
        </i>
      </a>
    </li>

    <li class="image-controls-zoom-out">
      <a href="" class="action-zoom-out" role="button">
        <i class="icon-zoom-out">
          <span class="label">Zoom Out</span>
        </i>
      </a>
    </li>
  </ul>
</div>
```