WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: How to make the text label for radio button?

for

Number of posts in this thread: 2 (In chronological order)

From: UYEN THAI
Date: Wed, Jun 19 2019 8:35AM
Subject: How to make the text label for radio button?
No previous message | Next message →

Hello all,
I have one this scenario that i do not know how to code complaint with JAWS - the text before the radio buttons "Corrected Case"??And they put them (the form) inside the layout table.

This is for example:
<table summary ="layout table">
<tbody>
<tr>
<th>Corrected Case</th>
<td><input type="radio" name=xyz.abc" id="abc-tru" value="true">
<label for ="abc-true">Yes</label>
<td>...</td>
</tr>
</tbody>
</table>

Please let me know how to make the text before Yes/No read by JAWS.

Thanks much!

Uyen

> On Jun 19, 2019, at 6:27 AM, Karlen Communications < = EMAIL ADDRESS REMOVED = > wrote:
>
> Duff:
>
> I've started documenting some of the "crappy" tagging we're seeing from all applications:
> https://www.karlencommunications.com/DocumentRemediation.htm
>
> I'll send you as many examples as you need. Am currently working on how Footnotes/Endnotes are being lumped together and read as a single unit when you land on the first one in a document. Am seeing if this tagging behaviour is unique to the Microsoft and Acrobat Pro DC tagging tools or if Foxit Phantom for Business and Nuance PowerPDF also produce this type of accessibility barrier.
>
> For the scanned documents, I can send you all the sample files off list as there are about 15 of them and they won't fit in an e-mail, even attached to the PDF document about scanned documents.
>
> Phillip and I have chronicled the problems in response to the original post with this subject line. He did list some of the things I missed so merging the lists will give you a good idea on the problems we are encountering.
>
> Cheers, Karen
>
>

From: Isabel Holdsworth
Date: Fri, Jun 21 2019 8:34AM
Subject: Re: How to make the text label for radio button?
← Previous message | No next message

Hi,

Adding a summary to a layout table will cause screenreaders to think
it's a data table, so it's not a good idea. Also the summary attribute
is deprecated in HTML5.

You could use aria-labelledby, something like this:

<table>
<tr>
<td id="cc">Corrected Case</td>
<td>
<input aria-labelledby="cc cc_yes" type="radio" name=xyz.abc"
id="abc-tru" value="true">
<span id="cc_yes">Yes</span>
</td>
<td>
<input aria-labelledby="cc cc_no" type="radio" name=xyz.abc"
id="abc-false" value="false">
<span id="cc_no">No</span>
</td>
</tr>
</table>

Cheers, Isabel

On 19/06/2019, UYEN THAI via WebAIM-Forum < = EMAIL ADDRESS REMOVED = > wrote:
> Hello all,
> I have one this scenario that i do not know how to code complaint with JAWS
> - the text before the radio buttons "Corrected Case"??And they put them (the
> form) inside the layout table.
>
> This is for example:
> <table summary ="layout table">
> <tbody>
> <tr>
> <th>Corrected Case</th>
> <td><input type="radio" name=xyz.abc" id="abc-tru" value="true">
> <label for ="abc-true">Yes</label>
> <td>...</td>
> </tr>
> </tbody>
> </table>
>
> Please let me know how to make the text before Yes/No read by JAWS.
>
> Thanks much!
>
> Uyen
>
>> On Jun 19, 2019, at 6:27 AM, Karlen Communications
>> < = EMAIL ADDRESS REMOVED = > wrote:
>>
>> Duff:
>>
>> I've started documenting some of the "crappy" tagging we're seeing from
>> all applications:
>> https://www.karlencommunications.com/DocumentRemediation.htm
>>
>> I'll send you as many examples as you need. Am currently working on how
>> Footnotes/Endnotes are being lumped together and read as a single unit
>> when you land on the first one in a document. Am seeing if this tagging
>> behaviour is unique to the Microsoft and Acrobat Pro DC tagging tools or
>> if Foxit Phantom for Business and Nuance PowerPDF also produce this type
>> of accessibility barrier.
>>
>> For the scanned documents, I can send you all the sample files off list as
>> there are about 15 of them and they won't fit in an e-mail, even attached
>> to the PDF document about scanned documents.
>>
>> Phillip and I have chronicled the problems in response to the original
>> post with this subject line. He did list some of the things I missed so
>> merging the lists will give you a good idea on the problems we are
>> encountering.
>>
>> Cheers, Karen
>>
>>