Implied ARIA Roles
Craig Francis <[email protected]>
| Newsgroups | gmane.org.w3c.validator |
|---|---|
| Message-ID | <[email protected]> |
Hi,
When validating a document with an @aria-sort attribute, the validator requires that a @role should also be specified.
As I'm adding this on a <th scope="col">, isn't this already implied by the markup?
http://www.w3.org/TR/wai-aria/roles#columnheader
Base Concept: HTML th[scope="col"]
An example HTML table is below, where I realise the <span> isn't necessarily the best approach (trying to avoid an <img> which will add additional HTTP requests)... where I am hoping that in time the @aria-sort attribute will be supported by UA's and will provide a much better interface.
I've also brought this issue up on SO:
http://stackoverflow.com/questions/24863531/using-aria-sort-in-validated-html5
Craig
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="UTF-8" />
<title>ARIA Sort</title>
</head>
<body>
<table>
<thead>
<tr>
<th scope="col" aria-sort="none"><a href="#">Name <span title="Sort">▲</span></a></th>
<th scope="col" aria-sort="ascending"><a href="#">Score <span title="Ascending">▲</span></a></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">A</th>
<td>1</td>
</tr>
</tbody>
</table>
<table role="grid">
<thead>
<tr role="row">
<th scope="col" role="columnheader" aria-sort="none"><a href="#">Name <span title="Sort">▲</span></a></th>
<th scope="col" role="columnheader" aria-sort="ascending"><a href="#">Score <span title="Ascending">▲</span></a></th>
</tr>
</thead>
<tbody>
<tr role="row">
<th scope="row" role="rowheader">A</th>
<td role="gridcell">1</td>
</tr>
</tbody>
</table>
</body>