Re: Implied ARIA Roles
Steve Faulkner <[email protected]>
| Newsgroups | gmane.org.w3c.validator |
|---|---|
| Message-ID | <CA+ri+VmHP1oY6ZrYcuB4F5RE_g-nGMPXSE24iTdSt_mD-JZygQ@mail.gmail.com> |
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 <[email protected]> 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 <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> >