Test social icons with a screenreader

[rmleg]

Markup might need updating.

e.g. might want to do:

<a href="..."><span role="img" arial-label="instagram">...

[rmleg]

One acceptable method (from Deque) - use when it doesn't matter if the icon is known to be an image:

(I think this is what I have currently, but I should check.)

<p>Enter your username 
   <button id="usernameExample" aria-label="More info about user name" 
      title="More info about user name">
      <span class="fa fa-question-circle" aria-hidden="true">         
      </span>
   </button>
</p>

Another:

<p>
   <a href="#">
      <span class="fa fa-facebook-official fa-2x" role="img" aria-label="Our Facebook page">
      </span>
   </a>
</p>