This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 13137 - HTML 5 table spec tables samples contain no ARIA markup example.
Summary: HTML 5 table spec tables samples contain no ARIA markup example.
Status: CLOSED NEEDSINFO
Alias: None
Product: HTML WG
Classification: Unclassified
Component: LC1 HTML5 spec (show other bugs)
Version: unspecified
Hardware: PC All
: P3 normal
Target Milestone: ---
Assignee: contributor
QA Contact: HTML WG Bugzilla archive list
URL:
Whiteboard:
Keywords: a11y, a11y_table_summary
Depends on:
Blocks:
 
Reported: 2011-07-05 10:19 UTC by Joshue O Connor
Modified: 2014-02-26 18:44 UTC (History)
8 users (show)

See Also:


Attachments

Description Joshue O Connor 2011-07-05 10:19:54 UTC
The HTML 5 tables examples in the spec contain no ARIA examples. Examples of accessible tables using ARIA include the use of inline IDREFs which can be programmatically referenced using aria-describedby. [1]

For example, an inline prose description of the table may be included within the body text of a document and referenced using aria-describedby.

<code>
<p>Let us look at both the positive and negative aspects of mood. <span id=inline_desc>In the following table, characteristics are given in the second
column, with the negative side in the left column and the positive
side in the right column</span>. This will help to give an overview of both positve and negative expressions of mood.</p>

<table>
 <caption>Characteristics with positive and negative sides</caption>
 <thead>
  <tr>
   <th id="n"> Negative
   <th> Characteristic
   <th> Positive
 <tbody>
  <tr>
   <td headers="n r1"> Sad
   <th id="r1"> Mood
   <td> Happy
  <tr>
   <td headers="n r2"> Failing
   <th id="r2"> Grade
   <td> Passing
</table>
</code>

The above example is rather simplistic as the IDREF could be anywhere within a page and embedded within a <span>, or <div> or any other semantically neutral element, but is illustrative of the ability to reference this IDREF by Assistive Technology that supports ARIA which will help to make the table more understandable by a wider audience. 

[1] http://www.w3.org/TR/2011/WD-html5-20110525/tabular-data.html#tabular-data
Comment 1 Michael[tm] Smith 2011-08-04 05:00:48 UTC
mass-moved component to LC1
Comment 2 Ian 'Hixie' Hickson 2011-12-01 00:08:06 UTC
EDITOR'S RESPONSE: This is an Editor's Response to your comment. If you are satisfied with this response, please change the state of this bug to CLOSED. If you have additional information and would like the editor to reconsider, please reopen this bug. If you would like to escalate the issue to the full HTML Working Group, please add the TrackerRequest keyword to this bug, and suggest title and text for the tracker issue; or you may create a tracker issue yourself, if you are able to do so. For more details, see this document:
   http://dev.w3.org/html5/decision-policy/decision-policy.html

Status: Did Not Understand Request
Change Description: no spec change
Rationale: I don't understand the example, nor why one would need ARIA here.
Comment 3 Joshue O Connor 2011-12-01 08:55:11 UTC
(In reply to comment #2)
[...]
> Rationale: I don't understand the example, nor why one would need ARIA here.

To complete the example you need to add:

<table aria-describedby="inline_desc">
 <caption>Characteristics with positive and negative sides</caption>
 <thead>

[...]

To the table, which will create a programatic association with the description contained in the <p>. I hope this is clearer. The reason an example of how ARIA can be used to describe a table should be included in the HTML5 spec, is because it is a new method of making tables more accessible and ARIA is now a full citizen of HTML5.

I hope this is clearer.

<code>
<p>Let us look at both the positive and negative aspects of mood. <span
id=