Das Inhaltselement "Tabelle" bietet zwar die Möglichkeit, eine Überschrift-Zeile anzugeben, aber nur entweder oben oder links.
Meine Tabelle sieht so aus:
<table class="contenttable contenttable-0">
<caption>Steuern</caption>
<tr class="tr-even tr-0">
<th class="td-0" scope="col" id="col89-0">Steuerart</th>
<th class="td-last td-1" scope="col" id="col89-1">Hebesatz</th>
</tr>
<tr class="tr-odd tr-1">
<td class="td-0" headers="col89-0">Gewerbesteuer</td>
<td class="td-last td-1" headers="col89-1">330 %</td>
</tr>
<tr class="tr-even tr-2">
<td class="td-0" headers="col89-0">Grundsteuer A</td>
<td class="td-last td-1" headers="col89-1">370 %</td>
</tr>
<tr class="tr-odd tr-3">
<td class="td-0" headers="col89-0">Grundsteuer B</td>
<td class="td-last td-1" headers="col89-1">370 %</td>
</tr>
<tr class="tr-even tr-4">
<td class="td-0" headers="col89-0">Hundesteuer</td>
<td class="td-last td-1" headers="col89-1">1. Hund: 50,00 EUR</td>
</tr>
</table>
Sieht zwar schon gut aus, allerdings lassen sich keine Verbindungen innerhalb der rows angeben. So müsste z.B. "Gewerbesteuer" mit "330 %" verbunden werden, indem <td class="td-0" headers="col89-0">Gewerbesteuer</td> so aussehen müsste: <th class="td-0" headers="col89-0" scope="row">Gewerbesteuer</th>
Leider habe ich keine geeignete Extension gefunden, die es dem Kunden auch ohne HTML-Kenntnisse ermöglicht, Datentabellen barrierefrei zu gestalten.
Hat jemand nen Tipp oder muss ich meinem Kunden sagen, dass keine Tabellen verwendet werden dürfen?
Danke für Eure Hilfe.