zurb-foundation-5/doc/includes/icon-bar/examples_icon_bar_text_aria_rendered.html

Foundation 5 for npm (no code modification from original repo)

<div class="icon-bar five-up" role="navigation">
  <a class="item" role="button" tabindex="0" aria-labelledby="#itemlabel1">
    <img src="../assets/img/images/fi-home.svg" >
    <label id='itemlabel1'>Home</label>
  </a>
  <a class="item" role="button" tabindex="0" aria-labelledby="#itemlabel2">
    <img src="../assets/img/images/fi-bookmark.svg" >
    <label id='itemlabel2'>Bookmark</label>
  </a>
  <a class="item" role="button" tabindex="0" aria-labelledby="#itemlabel3">
    <img src="../assets/img/images/fi-info.svg" >
    <label id='itemlabel3'>Info</label>
  </a>
  <a class="item" role="button" tabindex="0" aria-labelledby="#itemlabel4">
    <img src="../assets/img/images/fi-mail.svg" >
    <label id='itemlabel4'>Mail</label>
  </a>
  <a class="item" role="button" tabindex="0" aria-labelledby="#itemlabel5">
    <img src="../assets/img/images/fi-like.svg" >
    <label id='itemlabel5'>Like</label>
  </a>
</div>