W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2018

RE: Table Scope=row working with screen reader?

From: ALAN SMITH <alands289@gmail.com>
Date: Mon, 26 Feb 2018 22:24:24 -0500
Message-ID: <CA+0eshgrP2CW58F1p+Eo=AuRjnpxpoocnjD9zPfgQ-EpAWBn7A@mail.gmail.com>
To: "Sean Murphy (seanmmur)" <seanmmur@cisco.com>
Cc: Léonie Watson <tink@tink.uk>, "Subramanian, Poornima (PCL)" <psubramanian@hagroup.com>, "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Please note that <td> scope attribute is not supported in HTML5 from all
sources that I've found.

On Feb 26, 2018 7:28 PM, "Sean Murphy (seanmmur)" <seanmmur@cisco.com>
wrote:

Agreed, you only want to hear the column or row heading based on the
navigation as  Léonie outlined.

-----Original Message-----
From: Léonie Watson [mailto:tink@tink.uk]
Sent: Tuesday, 27 February 2018 8:40 AM
To: Subramanian, Poornima (PCL) <psubramanian@hagroup.com>;
w3c-wai-ig@w3.org
Subject: Re: Table Scope=row working with screen reader?

On 26/02/2018 21:12, Subramanian, Poornima (PCL) wrote:
> We are coding for a simple table where scope=column and scope=row
> defined for headers. When checking with screen reader (NVDA, JAWS),
> both the "row" and "column" headers are not announced together.

I think it's scope="col", not scope="column".


I also wouldn't expect both the row and column headers to be announced at
once. When moving vertically up/down a column, the row header should be
announced before the content of the cell. When navigating horizontally
left/right through a row, I'd expect the column header to be announced
before the contents of the cell.

>
> The 'row headers' are completely skipped. Only the 'column headers'
> are announced while navigating through table cells.
>

Do you have some example code and/or an example you can point to?

> Is this a known issue? Any suggestion to fix this?

I've just run a quick test using the following code, and both Jaws and NVDA
announce the row and column headers as expected.

<table>
<tr>
<td scope="col">Name</td><td scope="col">Fruit</td> </tr>

<tr>
<td scope="row">Alice</td><td>Apples</td>
</tr>

<tr>
<td scope="row">Bob</td><td>Bananas</td>
</tr>
</table>

Though I'd note that using the <th> element instead of <td scope="..."> is
arguably a better idea.

Léonie.
>
> Appreciate your response!
>
> Best,
>
> Poornima
>
> The information contained in this email and any attachment may be
> confidential and/or legally privileged and has been sent for the sole
> use of the intended recipient. If you are not an intended recipient,
> you are not authorized to review, use, disclose or copy any of its
contents.
> If you have received this email in error please reply to the sender
> and destroy all copies of the message. Thank you.
>
> To the extent that the matters contained in this email relate to
> services being provided by Princess Cruises and/or Holland America
> Line (together "HA Group") to Carnival Australia/P&O Cruises
> Australia, HA Group is providing these services under the terms of a
> Services Agreement between HA Group and Carnival Australia.

--
@LeonieWatson @tink@toot.cafe Carpe diem
Received on Tuesday, 27 February 2018 03:24:50 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 27 February 2018 03:24:51 UTC