title: Screen Reader not reading bullets and CSS for ordered lists
body: <p>I have been converting job aids from Word docs to HTML and I am having a few issues with the screen reader I am using (Jaws 16).  The ordered list I have set with CSS to present as "Step 1", "Step 2".  The screen reader however does not recognize this and does not read the "Step 1" part of the list.  </p>
  
  <p>Is there a way to do this or am I looking at something a little more manual to have the screen reader call out whats needed correctly? </p>
  
  <pre class="lang-css prettyprint-override"><code>ol{list-style-type: none; counter-reset: elementcounter; padding-left: 0;}
  li:before{content: "Step " counter(elementcounter) ". "; counter-increment:elementcounter; font-weight: bold;6px}
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ol&gt;
  &lt;li&gt;Open fridge&lt;/li&gt;
  &lt;li&gt;locate beer&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>