sebastiano-guerriero
12/11/2013 - 10:24 AM

Use aria-hidden attribute to prevent icon fonts from being spoken.

Use aria-hidden attribute to prevent icon fonts from being spoken.

<h2 id="stats">
  <span aria-hidden="true" data-icon="&#x21dd;"></span>
  Stats
</h2>
[data-icon]:before {
  font-family: icons; /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none; /* Not to be trusted, but hey. */
}