How to apply aria-label in table cell

Asked Jul 31 '18 at 07:50

Active Jul 31 '18 at 07:50

Viewed 3,367 times

I have the following jsp and try to put attribute aria-label.

<td>
  <strong>abc</strong>
</td>

I try using div, but screen read unable to read "test".

<td>
   <div aria-label="test"><strong>abc</strong></div> 
</td>

I also try using span, screen reader does not read "test" as well.

<td>  
  <span aria-label="test"><strong>abc</strong></span> 
</td>

Any suggestion. Many many thanks.

asked Jul 31 '18 at 07:50

Learner

1

Without using the word 'aria', can you explain what you are trying to do? – Reinstate Monica Cellio Jul 31 '18 at 07:52
I want screen reader reads "test abc". I put aria-label="submit" to – Learner Jul 31 '18 at 07:54
Did you try putting the attribute on the `` element? – Reinstate Monica Cellio Jul 31 '18 at 08:00
Yes. I did it as well. Screen reader reads "abc" only. – Learner Jul 31 '18 at 08:01
1

Have a look at this... https://stackoverflow.com/questions/42681485/div-aria-label-not-being-read-by-jaws – Reinstate Monica Cellio Jul 31 '18 at 08:07
I am new to jsp and css, actually, I read this before, but not understand "Put the aria-label directly on the control". should I write
abc
. create css .test{ }... something like that? – Learner Jul 31 '18 at 08:24
No, it's not a control. A control is something interactive - it has actions and events, like buttons and text boxes. You need to look at suggestion 2 in the accepted answer - an off-screen div that will get read, but is never visible. – Reinstate Monica Cellio Jul 31 '18 at 08:26

0 Answers0