Re: Implied ARIA Roles

Hi Craig I have resolved the related spec bug you filed
https://www.w3.org/Bugs/Public/show_bug.cgi?id=26418

Mike - the addition of the implied roles for <th scope=col> and <th
scope=row> clarify that the presence of aria-sort on either does not need
to be used in conjunction with any aria roles when used on <th scope=col>
or <th scope=row>. Can you modify the validator conformance checking to
reflect this?



--

Regards

SteveF
HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/>


On 22 July 2014 13:50, Craig Francis <craig@craigfrancis.co.uk> wrote:

> 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&#xA0;<span
> title="Sort">&#9650;</span></a></th>
>         <th scope="col" aria-sort="ascending"><a href="#">Score&#xA0;<span
> title="Ascending">&#9650;</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&#xA0;<span title="Sort">&#9650;</span></a></th>
>         <th scope="col" role="columnheader" aria-sort="ascending"><a
> href="#">Score&#xA0;<span title="Ascending">&#9650;</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>
>

Received on Sunday, 3 August 2014 13:41:34 UTC