WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Travel Live departures and tables (Andrew Brandwood)

for

From: Birkir R. Gunnarsson
Date: May 12, 2016 5:23PM

You can use a heading as the accessible name for a table.

<h2 id=tr1">Train x</h2>
<table aria-labelledby="tr1">
...
</table>
Pretty well supported across assistive technologies.



On 5/12/16, Mike Barlow < <EMAIL REMOVED> > wrote:
> That's true, I was originally thinking that could be done, but after
> running a quick test through HTML Tidy I decided against it...
>
> Tidy puts out a warning...
> 2 Warning: missing </caption> before <h2>; Warning: <h2> isn't allowed in
> <table> elements; Warning: discarding unexpected </caption>; Warning:
> trimming empty <caption>
> <caption><h2>FooBar</h2></caption>
>
>
> Though, according to the spec the caption tag CAN contain "flow content":
> https://www.w3.org/TR/html-markup/caption.html
>
> So that's "probably" a good way to go
>
> *Mike Barlow*
> Web Application Developer
> Web Accessibility/Section 508 SME
>
> Lancaster, Pa 17601
> Office: 732.835-7557
> Cell: 732.682.8226
> e-mail: <EMAIL REMOVED>
>
> On Thu, May 12, 2016 at 1:20 PM, Jim Allan < <EMAIL REMOVED> > wrote:
>
>> It is valid to to use headings inside caption
>> <caption><h3>Trains departing Podunk</h3></caption>
>> then the table shows in either list.
>>
>>
>> On Thu, May 12, 2016 at 11:00 AM, Brandon Keith Biggs <
>> <EMAIL REMOVED> > wrote:
>>
>> > Hello,
>> > Do both, headings are nice if you do a find in the page for your train.
>> > Thanks,
>> >
>> >
>> > Brandon Keith Biggs <http://brandonkeithbiggs.com/>;
>> >
>> > On Thu, May 12, 2016 at 7:45 AM, Mike Barlow < <EMAIL REMOVED> > wrote:
>> >
>> > > David, I agree that captions should be available for all tables
>> > > (that's
>> > > just part of good table design along with scopes), but mightn't a user
>> > find
>> > > it easier to "scroll" through the headings than through table
>> > > captions?
>> > >
>> > > *Mike Barlow*
>> > > Web Application Developer
>> > > Web Accessibility/Section 508 SME
>> > >
>> > > Lancaster, Pa 17601
>> > > Office: 732.835-7557
>> > > Cell: 732.682.8226
>> > > e-mail: <EMAIL REMOVED>
>> > >
>> > > On Thu, May 12, 2016 at 10:14 AM, Andrew Brandwood <
>> > > <EMAIL REMOVED> > wrote:
>> > >
>> > > > Thank you David,
>> > > >
>> > > > I have literally just added a caption to the table along with the
>> > > relevant
>> > > > scope for headings :)
>> > > >
>> > > > Cheers
>> > > > Andrew
>> > > >
>> > > >
>> > > >
>> > > > ANDREW BRANDWOOD
>> > > >
>> > > > HEAD OF FRONTEND DEVELOPMENT
>> > > > -
>> > > >
>> > > > CODECOMPUTERLOVE.COM <http://www.codecomputerlove.com/>;
>> > > > @COMPUTERLOVERS <http://twitter.com/computerlovers>;
>> > > > +44 (0)161 276 2080
>> > > >
>> > > > SEVENDALE HOUSE,
>> > > > DALE STREET,
>> > > > MANCHESTER, M1 1JB.
>> > > >
>> > > > REGISTERED IN ENGLAND NO: 3759526
>> > > >
>> > > >
>> > > >
>> > > >
>> > > >
>> > > >
>> > > >
>> > > >
>> > > > On 12/05/2016, 15:12, "WebAIM-Forum on behalf of David Farough" <
>> > > > <EMAIL REMOVED> on behalf of
>> > > > <EMAIL REMOVED> > wrote:
>> > > >
>> > > > >Hi Andrew:
>> > > > >Instead of headings before the tables, I would recommend coding the
>> > > > >caption for the table.
>> > > > >
>> > > > >This way when a user moves to the table, they will get the caption
>> for
>> > > > >the table first. Screen reader users can move from one table to
>> > another
>> > > > >using quick navigation keys. they can also list the tables on a
>> page.
>> > > > >the caption for the table will be included in this list. This
>> > > > > makes
>> > for
>> > > > >very efficient navigation.
>> > > > >
>> > > > >David Farough
>> > > > >
>> > > > >Coordonnateur de l'accessibilité des applications, Services
>> > > > > intégrés
>> > de
>> > > > >gestion des TI
>> > > > >Commission de la fonction publique du Canada / Gouvernement du
>> Canada
>> > > > > <EMAIL REMOVED> Tél: 819-420-8418 Télécopieur :
>> > > > >819-420-8408
>> > > > >
>> > > > >Application Accessibility Co-ordinator, Corporate IT Management
>> > > > >Public Service Commission of Canada / Government of Canada
>> > > > > <EMAIL REMOVED> Tel: 819-420-8418 / Fax: 819-420-8408
>> > > > >
>> > > > >
>> > > > >>>> Mike Barlow < <EMAIL REMOVED> > 09:13 AM Thursday, May 12, 2016
>> > > > >>>>
>> > > > >Andrew, depending on how big your schedule is yes a table within a
>> > > > >list
>> > > > >probably would get too confusing (if your table is small and the
>> list
>> > > > >small). However, if you're doing a single page with lots of
>> different
>> > > > >trains you might want to consider doing something like using a
>> heading
>> > > > >(like an H2) for each train and then a table for the schedule for
>> that
>> > > > >train. I've found that individuals who use screen readers tend to
>> like
>> > > > >to
>> > > > >go through the headings to find areas on a page to review then a
>> table
>> > > > >within each heading makes it easy to browse.
>> > > > >
>> > > > >
>> > > > >
>> > > > >
>> > > > >
>> > > > >Ce courriel est destiné exclusivement au destinataire mentionné en
>> > titre
>> > > > >et peut contenir de l'information privilégiée, confidentielle ou
>> > > > >soustraite à la communication aux termes des lois applicables.
>> > > > > Toute
>> > > > >divulgation non autorisée, toute reproduction ou réacheminement est
>> > > > >interdit. Si vous n'êtes pas le destinataire de ce courriel, ou
>> n'êtes
>> > > > >pas autorisé par le destinataire visé, ou encore, si vous l'avez
>> reçu
>> > > > >par erreur, veuillez le mentionner immédiatement à l'expéditeur et
>> > > > >supprimer le courriel et les copies.
>> > > > >
>> > > > >This e-mail message is intended for the named recipient(s) and may
>> > > > >contain information that is privileged, confidential and/or exempt
>> > from
>> > > > >disclosure under applicable law. Unauthorized disclosure, copying
>> > > > > or
>> > > > >re-transmission is prohibited. If you are not a named recipient or
>> not
>> > > > >authorized by the named recipient(s), or if you have received this
>> > > > >e-mail in error, then please notify the sender immediately and
>> delete
>> > > > >the message and any copies.
>> > > > >
>> > > > >>> > > > >>> > > > >>> > > > >>> > > > >> > > > >> > > > >> > > > >> > > >
>> > > >> > > >> > > >> > > >> > >
>> > >> > >> > >> > >> >
>>
>>
>>
>> --
>> Jim Allan, Accessibility Coordinator
>> Texas School for the Blind and Visually Impaired
>> 1100 W. 45th St., Austin, Texas 78756
>> voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
>> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
>> >> >> >> >>
> > > > >


--
Work hard. Have fun. Make history.