Re: Implied ARIA Roles

Thanks Steve,

And just for my own notes, the diff appears on:

http://www.w3.org/html/wg/drafts/html/master/single-page.html#sec-strong-native-semantics

Which maps back to:

http://www.w3.org/TR/html5/dom.html#sec-strong-native-semantics

Craig




On 3 Aug 2014, at 14:40, Steve Faulkner <faulkner.steve@gmail.com> wrote:

> 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
> 
> 
> 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 Monday, 4 August 2014 10:39:58 UTC