title: CSS content and screen readers (JAWs)
body: <p>I am using CSS content to generate icons from a font set. The problem is that screen readers, most notably JAWs, are reading out the content also!</p>
  
  <p>So the following:</p>
  
  <pre><code>&lt;span class="uxf-icon uxf-search"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>and:</p>
  
  <pre><code>.uxf-search::before {
      content: ";"
  }
  </code></pre>
  
  <p>So the screen reader will actually read out "semi-colon". Is there a way to prevent it from doing this? I understand the speak:none CSS tag doesn't actually work!</p>