The aim of testing this workshop booking table below (unstyled stand-alone version) is to identify a broadly supported way of using aria-labelledby to concatenate labels for the "Attend" checkboxes out of the workshop titles and the string "Attend" that follows the checkbox.

Workshop titles are in h2 elements so that they will also be displayed in screen readers' headings listings, affording quick access. (What is still missing is a script managing the selection of parallel workshops; if a workshop in track 1 is selected, an already selected workshop in track 2 should be deselected or an alert be generated warning the user of the conflict.)

The input type="checkbox" element carries the aria-labelledby attribute that references both the element(s) containing the conference title (h2, label) AND the string "Attend" where present (except for Workshop 5 and 6 which use the native label element).

Workshops 3 and 4 are fully booked and therefore, the checkbox is replaced by a statement ("Sorry...") that is brought into the tab order with tabindex="0". The statement also references the workshop title with aria-labelledby - with limited success.

Depending on choice of browser and screen reader, and depending on the mark up in the cell, table headers belonging to the table cell may be read or not. For a design case like the one presented, this contributes to the complexity of identifying the best mark-up. The table should also work in browse (virtual cursor) mode, so removing table semantics with role="presentation" is probably not a good idea.

General information on constraints for using aria-labelledby has been provided by Steve Faulkner - see his HTML5 Accessibility Chops: notes on using ARIA, section aria-labelledby and aria-describedby.

This is work in progress. I am happy to have your views or comments or tests with different screen readers / settings that I can add to the results tables. Just let me know (mail df - at - 3needs.org or ping me on twitter: @wcagtest)