Verschachtelte Scopes / COLGROUP-Elemente

[Gernot Back]

Hallo nochmal,

Ich sehe keinen Grund, warum man das nicht Barrierefrei machen könnte; du hast eindeutig tabellarische Daten.

Ich habe das mit deiner Tabelle jetzt mal selbst versucht und sehe nun in der Tat auch ein paar Probleme bezüglich der barrierefreien Umsetzbarkeit.

Wenn man überall Headers-Attribute in den TD-Elementen und IDs in den TH-Elementen setzte, dürfte der Schuss wohl eher nach hinten losgehen, denn wenn sich ein Nutzer mit einem Screenreader tatsächlich zu allen TD-Elementen all die TH-Elemente vorlesen ließe, "unter" denen diese jeweils stehen, würde er wahrscheinlich schnell rammdösig davon, mal ganz abgesehen von der Schreibarbeit, die man als Webseitenautor dabei hat.

Bei Verwendung von Scope-Attributen in den TH-Zellen hättest du als Webseitenautor zwar weniger Schreibarbeit und behieltest auch eine bessere Übersicht über deinen Quellcode, für den Nutzer wäre diese Methode aber wahrscheinlich auch nicht besser als die andere mit Headers und IDs.

Außerdem würde die Verwendung von scope="colgroup" voraussetzen, dass in deinem Fall COLGROUP-Elemente auch ineinander verschachtelt werden könnten, was bislang aber nicht der Fall ist. Das wird zwar für XHTML 2.0 diskutiert

http://lists.w3.org/Archives/Public/www-html-editor/2005AprJun/0175.html

wäre im Moment aber noch nicht valide:

  
<table>  
<caption>1. Wasseraufkommen sowie erzielte Gesamtnutzung von 1991 - 2001</caption>  
<colgroup>  
   <col />  
   <col />  
   <colgroup>  
      <colgroup>  
         <col />  
         <col />  
         <col />  
      </colgroup>  
      <col />  
   </colgroup>  
</colgroup>  
<thead>  
   <tr>  
       <th scope="col" rowspan="3">Jahr</th>  
       <th scope="col" rowspan="2">Wärmekraftwerke</th>  
       <th scope="colgroup" rowspan="2">Wasseraufkommen</th>  
       <th scope="col" colspan="2">davon</th>  
       <th scope="col" rowspan="2">Erzielte Wassergesamtnutzung</th>  
   </tr>  
   <tr>  
       <th scope="col">Eigengewinnung</th>  
       <th scope="col">Fremdbezug</th>  
   </tr>  
   <tr>  
       <th scope="col">Anzahl</th>  
       <th scope="colgroup" colspan="4">1000 m³</th>  
   </tr>  
</thead>  
<tbody>  
   <tr>  
       <th scope="row">1991</th>  
       <td>7</td>  
       <td axis="Wasseraufkommen">896672</td>  
       <td axis="Wasseraufkommen">896258</td>  
       <td axis="Wasseraufkommen">414</td>  
       <td>1046838</td>  
   </tr>  
   <tr>  
       <th scope="row">1995</th>  
       <td>8</td>  
       <td axis="Wasseraufkommen">978983</td>  
       <td axis="Wasseraufkommen">978519</td>  
       <td axis="Wasseraufkommen">464</td>  
       <td>1278021</td>  
   </tr>  
   <tr>  
       <th scope="row">1998</th>  
       <td>8</td>  
       <td axis="Wasseraufkommen">997164</td>  
       <td axis="Wasseraufkommen">996691</td>  
       <td axis="Wasseraufkommen">473</td>  
       <td>1029927</td>  
   </tr>  
   <tr>  
       <th scope="row">2001</th>  
       <td>8</td>  
       <td axis="Wasseraufkommen">971979</td>  
       <td axis="Wasseraufkommen">971509</td>  
       <td axis="Wasseraufkommen">470</td>  
       <td>1004824</td>  
   </tr>  
</tbody>  
</table>  

Gruß Gernot