title: Accessibility of an anchor tag with an icon inside with aria hiden = true
body: <p>I need to use a font awesome icon inside an anchor element. The anchor element does not contain anything rather than the icon. </p>
  
  <p>Ex:</p>
  
  <pre><code>&lt;a href="#" aria-label="List"&gt;
      &lt;i className="fa fa-list-ul"
          title="List View"
          aria-hidden="true"
          title="List View"&gt;
      &lt;/i&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>What I want to know is is it wrong to put <strong>aria-hidden="true"</strong> to the icon since there is no other text or content inside the anchor tag(In this case  tag becomes informational so I think it is ok to use <strong>aria-hidden="false"</strong> here).</p>
  
  <p>Is there any rules related to this so we all can follow ?</p>