<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#c4">Comment # 4</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:helene.vinh&#64;amadeus.com" title="helene.vinh&#64;amadeus.com">helene.vinh&#64;amadeus.com</a>

</span></b>

        <pre>Hello Chris,

Thanks for your quick answer.

Actually the headers of the table are not hidden but placed off the screen by the following CSS:

.plnext-sr-only {

    position: fixed;

    left: -999999px;

}

It is a technique that we use to add content for screen readers only, like additional instructions for example.

I am not sure what else we can do about it. How much time do you think it will take VoiceOver team to fix it?

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

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

Also on each price cell, there is a tick icon which is displayed when the cell is selected:

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

Those are announced as &quot;group ...&quot;

Thanks &amp; regards</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>