Semantik bei diagonal geteilter Eckzelle

[Rolf B]

Hallo Janosch,

in einer Tabelle wie im Beispiel würde ich auf die "Eigenschaften" Überschriftenzelle verzichten.

Aber um deine Überlegung nicht einfach abtropfen zu lassen: Sowas ist schon sinnvoll, wenn es eine echte Tabelle ist und keine verkappte Liste, d.h. wenn die Spaltenüberschriften nicht für sich stehen können, wie z.B in:

       Jahr |
Stadt       |   2000   2010   2020
------------+-------------------------
    München |    
       Köln |
  Buxtehude |

mit irgendwelchen Zahlen drin, bspw. SelfHTML-Abrufe. Deinen Ansatz finde ich – sofern die semantische Anwendbarkeit gegeben ist – grundsätzlich ganz gut, aber ein bisschen muss hinzu:

<table>
  <caption>Selfhtml-Abrufe</caption>
  <thead>
    <tr>
      <th scope="row" colspan="2">Jahr</th>
      <th scope="col" rowspan="2">2000</th>
      <th scope="col" rowspan="2">2010</th>
      <th scope="col" rowspan="2">2020</th>
    </tr>
    <tr>
      <th scope="col" colspan="2">Stadt</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row" colspan="2">München</th>
      <td>2.100.000</td><td>2.305.036</td><td>585.036</td>
    </tr>
    <tr>
      <th scope="row" colspan="2">Düsseldorf</th>
      <td>400.000</td><td>510.685</td><td>118.685</td>
    </tr>
    <tr>
      <th scope="row" colspan="2">Buxtehude</th>
      <td>31.103</td><td>35.103</td><td>21.744</td>
    </tr>
  </tbody>
</table>

• die "Jahr" Zelle hat ebenfalls colspan=2, eine leeres th Element finde ich unnötig bis falsch
• die Scope-Angaben sind hier essenziell, damit Assistenztechnik ansatzweise klarkommt.

Ob das hinreichend ist, weiß ich auch nicht.

Rolf