WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Table cells with subheadings

for

From: Birkir R. Gunnarsson
Date: May 26, 2023 2:37PM

You can place a heading right above a table and connect the two with
aria-labelledby, that way you get the best of both worlds.

<h3 id="q3p">Third quarter profits</h3>

<table aria-labelledby="q3p">
...
</table>

If a table reads logically from left to right I sometimes recommend
making the content of the row header cells into headings so uers can
read the table without table navigation commands, if they so choose.
..
<tr>
<th><h4>John</h4</th>
<td>555-1212</td>
<td> <EMAIL REMOVED> </td>
</tr>


On 5/26/23, Laurence Lewis < <EMAIL REMOVED> > wrote:
> Hi
>
> I suggest it would be better to use a <caption> and not heading markup. The
> caption can be styled the same as a large bold heading.
> When a screen reader user navigates by table the caption is announced. If
> headings, each table is announced as a table without a meaningful name.
>
> Laurence Lewis
> Accessibility Senior Specialist - Telstra, Brisbane Australia
>
> On Sat, 27 May 2023 at 4:00 am, < <EMAIL REMOVED> >
> wrote:
>
>> Send WebAIM-Forum mailing list submissions to
>> <EMAIL REMOVED>
>>
>> To subscribe or unsubscribe via the World Wide Web, visit
>> https://list.webaim.org/cgi-bin/mailman/listinfo/webaim-forum
>> or, via email, send a message with subject or body 'help' to
>> <EMAIL REMOVED>
>>
>> You can reach the person managing the list at
>> <EMAIL REMOVED>
>>
>> When replying, please edit your Subject line so it is more specific
>> than "Re: Contents of WebAIM-Forum digest..."
>> Today's Topics:
>>
>> 1. Re: Emoji list bullets ( <EMAIL REMOVED> )
>> 2. Re: Emoji list bullets (glen walker)
>> 3. Re: Emoji list bullets (DJ Chase)
>> 4. Re: Emoji list bullets ( <EMAIL REMOVED> )
>> 5. Table cells with subheadings (Dolenko, Kristen)
>> 6. Re: Table cells with subheadings (Patrick H. Lauke)
>> 7. Re: Table cells with subheadings (glen walker)
>> 8. Re: Table cells with subheadings (Dolenko, Kristen)
>> 9. Re: Table cells with subheadings (Patrick H. Lauke)
>> 10. Re: Table cells with subheadings (Dolenko, Kristen)
>> 11. Re: Table cells with subheadings (Patrick H. Lauke)
>> 12. Re: Table cells with subheadings (Dolenko, Kristen)
>> 13. Re: Table cells with subheadings (glen walker)
>> 14. Re: Table cells with subheadings (Dolenko, Kristen)
>> 15. Re: Table cells with subheadings (Philip Kiff)
>> 16. Checkbox with text box to specify (Laurie-Anne Gignac)
>> 17. Re: [EXTERNAL] - Checkbox with text box to specify
>> (Hayman, Douglass)
>> 18. Re: [EXTERNAL] - Checkbox with text box to specify (glen walker)
>> 19. Re: Table cells with subheadings (glen walker)
>> 20. Re: Table cells with subheadings (glen walker)
>>
>>
>>
>> ---------- Forwarded message ----------
>> From: < <EMAIL REMOVED> >
>> To: "'WebAIM Discussion List'" < <EMAIL REMOVED> >
>> Cc:
>> Bcc:
>> Date: Thu, 25 May 2023 23:05:29 +0200
>> Subject: Re: [WebAIM] Emoji list bullets
>> I agree with Glen that a Unicode symbol would be a clever idea to use:
>> 1. You save a lot of work around to provide a text alternative for an
>> image or a font awesome icon etc. JAWS and NVDA interpret Unicode symbols
>> quite reliable. Just the texting does not always fit perfectly.
>> 2. A screen reader provides the interpretation of a Unicode symbol in the
>> default language. Helpful for pages in a foreign language beyond any SC.
>>
>> I’d propose 🗎 (1F5CE) to indicate documents. They are not clipboards,
>> although the icon looks alike.
>>
>> And I am not sure whether CSS is the correct approach. Once I learned that
>> CSS should not be used to provide information for SR:
>> .folder:before { content: '1f4c1'; }
>> <li style="list-style-type: '1f4c1'";'">
>> What is State of the Art?
>>
>>
>>