Note that ARIA grid/gridcell roles do not map directly to table/cell see Notes on fixing incorrect table structure using ARIA http://www.paciellogroup.com/blog/2014/10/notes-on-fixing-incorrect-table-structure-using-aria/
-- Regards SteveF HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/> On 21 February 2015 at 00:06, Chris Gallo <[email protected]> wrote: > You could use Aria roles for accesibility. So your markup could look like: > <data-table role="grid"> > <row role="row"> > <cell role="columnheader">...</cell> > .... > </row> > <row role="row"> > <cell role="gridcell">...</cell> > ... > </row> > </data-table> > > This page has an example with spans: > https://wiki.mozilla.org/Accessibility/TableHeaders > > But my argument is, if we're just using div's and span's, why not use > custom tags that are more descriptive? > > On Friday, February 20, 2015 at 4:54:43 PM UTC-5, Rob Dodson wrote: >> >> I immediately think of accessibility. Depending on what you're building, >> you could type extend the native elements (ex: <table is="foo-table"> , <tr >> is="foo-tr">, etc) and still benefit from built in accessiblity >> >> On Fri, Feb 20, 2015 at 9:32 AM, Chris Gallo <[email protected]> wrote: >> >>> Because of browser inconsistency with table related elements, I'd like >>> to use non-table tags for displaying tabular data. >>> I also hate div soup. My solution is just to use my own tags for the >>> various table elements (table-header, table-body, row, cell) >>> and give them the appropriate display property. >>> This seems to work just fine across browsers, are there any pitfalls to >>> this approach that anyone can think of? >>> >>> Follow Polymer on Google+: plus.google.com/107187849809354688692 >>> --- >>> You received this message because you are subscribed to the Google >>> Groups "Polymer" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To view this discussion on the web visit https://groups.google.com/d/ >>> msgid/polymer-dev/287580db-744d-48a1-9096-1753687d832c% >>> 40googlegroups.com >>> <https://groups.google.com/d/msgid/polymer-dev/287580db-744d-48a1-9096-1753687d832c%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> Follow Polymer on Google+: plus.google.com/107187849809354688692 > --- > You received this message because you are subscribed to the Google Groups > "Polymer" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/d30f2d13-68e5-469f-a36f-0782512866c6%40googlegroups.com > <https://groups.google.com/d/msgid/polymer-dev/d30f2d13-68e5-469f-a36f-0782512866c6%40googlegroups.com?utm_medium=email&utm_source=footer> > . > > For more options, visit https://groups.google.com/d/optout. > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CA%2Bri%2BV%3D8e0jrkVqZHhghTX1PmEdBLKtU3q5oVHXzSShTKjMUqQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
