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]
> <javascript:>> 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] <javascript:>.
>> 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.
For more options, visit https://groups.google.com/d/optout.
