Yeah you can totally go that route (using ARIA roles). I was just pointing that out as a potential pitfall. Otherwise, I see no other reason. Table is a notoriously non-responsive element, so having a nicer alternative is something I'm all for :)
On Fri, Feb 20, 2015 at 4:06 PM, 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/CAJj5OwD_L69LpUErKMNUmA%3DSR%3DxkcV4j1xnn%2BUr6GpGtAy8bDQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
