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

**This package is only for versions 5 and earlier of Foundation. As of version 6, the package has a new name: `foundation-sites`.**

<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 hide-for-small-only" 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>