<html>

    <head>

      <base href="https://bugs.webkit.org/" />

    </head>

    <body>

      <p>

        <div>

            <b><a class="bz_bug_link 

          bz_status_NEW "

   title="NEW - AX: Headers of table not read by VoiceOver"

   href="https://bugs.webkit.org/show_bug.cgi?id=158693#c5">Comment # 5</a>

              on <a class="bz_bug_link 

          bz_status_NEW "

   title="NEW - AX: Headers of table not read by VoiceOver"

   href="https://bugs.webkit.org/show_bug.cgi?id=158693">bug 158693</a>

              from <span class="vcard"><a class="email" href="mailto:cfleizach&#64;apple.com" title="chris fleizach &lt;cfleizach&#64;apple.com&gt;"> <span class="fn">chris fleizach</span></a>

</span></b>

        <pre>(In reply to <a href="show_bug.cgi?id=158693#c4">comment #4</a>)

<span class="quote">&gt; Hello Chris,

&gt; 

&gt; Thanks for your quick answer.

&gt; 

&gt; Actually the headers of the table are not hidden but placed off the screen

&gt; by the following CSS:

&gt; 

&gt; .plnext-sr-only {

&gt;     position: fixed;

&gt;     left: -999999px;

&gt; }

&gt; 

&gt; It is a technique that we use to add content for screen readers only, like

&gt; additional instructions for example.

&gt; I am not sure what else we can do about it. How much time do you think it

&gt; will take VoiceOver team to fix it?

&gt; 

&gt; For the font icons, you can try the top left calendar icon for example:

&gt; &lt;i aria-hidden=&quot;true&quot; class=&quot;icon-calendar calendarmatrix-calendar-icon&quot;

&gt; title=&quot;calendar&quot;&gt;&lt;/i&gt;

&gt; 

&gt; Also on each price cell, there is a tick icon which is displayed when the

&gt; cell is selected:

&gt; &lt;i aria-hidden=&quot;true&quot; class=&quot;icon-ok-sign calendarmatrix-sign-ok-icon&quot;

&gt; title=&quot;Selection&quot;&gt;&lt;/i&gt;

&gt; Those are announced as &quot;group ...&quot;</span >

On macOS Sierra (10.12) and/or the latest safari technology preview, I don't see this problem with the css::before content. It appears properly hidden and I don't hear VoiceOver announce a different group.

A workaround idea would be to do something like

&lt;span aria-hidden=&quot;true&quot;&gt;&lt;i ...&gt;&lt;/I&gt;&lt;/span&gt;

So that the aria-hidden in on a higher level object

<span class="quote">&gt; 

&gt; Thanks &amp; regards</span ></pre>

        </div>

      </p>

      <hr>

      <span>You are receiving this mail because:</span>

      <ul>

          <li>You are the assignee for the bug.</li>

      </ul>

    </body>

</html>