Symbolset - symbol font using clever opentype ligature hack
Perhaps it should also include a non-ligature way of displaying icons. In current accessibility practices, when you place a description after its image you are supposed to include an empty alt attribute.<p>So say you have social icons...<p><pre><code>  ◈ Facebook

  ◈ Twitter
</code></pre>
You are supposed to write<p><pre><code>  <img alt="" /> Facebook

  <img alt="" /> Twitter
</code></pre>
As to cue screen readers to not read out loud filename or the alt attribute.<p>In this case Symbolset works as the alt property of images, so you would do something like...<p><pre><code>  <span class="icon">Facebook</span> Facebook

  <span class="icon">Twitter</span> Twitter
</code></pre>
Which wouldn't be right.