Re: Table Scope=row working with screen reader?

On Tue, 27 Feb 2018 04:24:24 +0100, ALAN SMITH <alands289@gmail.com> wrote:

> Please note that <td> scope attribute is not supported in HTML5 from all  
> sources that I've found.

Yes the attribute is only valid on th elements...

cheers
>
> 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
>>
>>
>



-- 
Using Opera's mail client: http://www.opera.com/mail/