WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Headings or Table Captions

for

From: Paul J. Adam
Date: Nov 2, 2016 1:17PM

I see no problem with having both a heading tag and a caption tag, they visually look different. I would not make them the exact same text but something a little different.

It's a similar idea with fieldset legends and headings you could possibly hide the caption visually or hide the legend visually if they just duplicate the heading text above them.

Paul J. Adam
Accessibility Evangelist
www.deque.com

> On Nov 2, 2016, at 1:53 PM, TRAUTWEIN_PAUL < <EMAIL REMOVED> > wrote:
>
> Hi,
>
> I have a question about the use of captions in tables.
>
> There are times when I want my captions to visually match the look and feel of my heading tags. (that's easy enough)
>
> But there are also times when I'd like them to behave like a heading as well.
>
> I found some code that I thought would work, but my tests don't bear it out using different browsers and screen readers:
>
> <caption role="heading" aria-level="2->Heading Text</caption>
>
> This works pretty well using JAWS on a PC, but they are skipped when listing headings using Voiceover on a Mac.
>
> Is there a better way to do this, or should I simply skip the 'caption- and add a heading tag above the table?
>
> Thanks.
>
> Paul Trautwein | Web Coordinator
> Santa Monica College | Marketing Department
> 1900 Pico Blvd. Santa Monica CA 90405
> 310.434.4204 | www.smc.edu
> > > >