RE: Radio and check boxes inside the table

Hi,

> If a radio button or check boxe is used inside  a <td> cell, why does it need
> aria-label or aria-labelled by attribute added to it?
> 
> The radio buttons are inside the table,  so the relationship has been
> established between the table headers and radio button in <td> cell.

That will be visual, but not in all cases with a screen reader.

>  Adding aria-label makes the screen readers to narrate the radio button's
> label twice.

In some cases, yes. Depending on navigation methods it will be read out only once, though. Try these navigation methods:

* table navigation (e.g. in JAWS with Ctrl+Alt+arrow keys)
* tab key and
* jump to next checkbox by pressing X (in JAWS)

The results will differ.

> If I remove aria-label from the radio button (which is in a <td> cell),
> automated tools are flagging it as error.

Which is correct. All active elements must have an accessible name.
Jan

Received on Wednesday, 4 September 2019 13:34:02 UTC