RE: About ccategory- simple data tables with one header

Eric,

Ø  Do you know if this behavior is consistently supported in browsers and assistive technologies?
I can’t speak to your other questions but I did test with JAWS and IE and NVDA with Firefox and IE and the row header was NOT announced for cells to the left of the row header per the specification when using alt+control+up and down arrow keys.

Jonathan

--
Jonathan Avila
Chief Accessibility Officer
SSB BART Group
jon.avila@ssbbartgroup.com<mailto:jon.avila@ssbbartgroup.com>
Phone 703.637.8957
Follow us: Facebook<http://www.facebook.com/#!/ssbbartgroup> | Twitter<http://twitter.com/#!/SSBBARTGroup> | LinkedIn<http://www.linkedin.com/company/355266?trk=tyah> | Blog<http://www.ssbbartgroup.com/blog> | Newsletter<http://eepurl.com/O5DP>

From: Eric Eggert [mailto:ee@w3.org]
Sent: Wednesday, July 01, 2015 10:04 AM
To: Jonathan Avila
Cc: w3c-wai-gl@w3.org
Subject: Re: About ccategory- simple data tables with one header


Hi Jonathan,

On 1 Jul 2015, at 15:12, Jonathan Avila wrote:

[…]

Also of confusion in the tutorial is the use of scope in examples with ids and headers. There is no advice on whether use of scope alongside ids and headers is wrong or required.
http://www.w3.org/WAI/tutorials/tables/multi-level/

The tutorial also incorrectly states "By using the row value for scope assigns the header cells in the second column to data cells on the left and the right of the individual header cell." When in fact it only applies to the right in LTR languages.

Direct link to the example: http://www.w3.org/WAI/tutorials/tables/two-headers/#table-with-an-offset-column-of-header-cells


Thanks for pointing that out, I wasn’t aware of this behavior. One always learns new things :-)

Do you know if this behavior is consistently supported in browsers and assistive technologies?

Am I right that the behavior that the tutorial wants to archive would only be possible with by creating a rowgroup for every row (using multiple tbodys) and using scope="rowgroup"?

[…]

</tbody>

<tbody>

  <tr>

    <td>215</td>

    <th scope="rowgroup">Abel</th>

    <td>5</td>

    <td>2</td>

    <td>0</td>

    <td>0</td>

    <td>0</td>

    <td>3</td>

  </tr>

</tbody>

<tbody>

[…]

This strikes me as pretty clumsy and unintuitive…

Best,
Eric

--

Eric Eggert
Web Accessibility Specialist
Web Accessibility Initiative (WAI) at Wold Wide Web Consortium (W3C)