Axel Richter: Verschachtelte Scopes / COLGROUP-Elemente

Beitrag lesen

SELF-Forum

Verschachtelte Scopes / COLGROUP-Elemente

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

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.

Der Grund ist einfach. So wie die Tabelle jetzt aufgebaut ist, _kann_ sich ihre Logik nur optisch erschließen. Strukturell sehe ich da keinerlei Logik. Besser wäre meiner Meinung nach:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>Wasseraufkommen</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />  
<style type="text/css">  
table, td, th { border:1px solid }  
</style>  
</head>  
<body>  
<table>  
<caption>1. Wasseraufkommen sowie erzielte Gesamtnutzung von 1991 - 2001</caption>  
<colgroup span="2" />  
<colgroup span="3" id="Wasseraufkommen" />  
<colgroup span="1" />  
<thead>  
   <tr>  
       <th scope="col" rowspan="2">Jahr</th>  
       <th scope="col" rowspan="2">Wärmekraftwerke (Anzahl)</th>  
       <th scope="colgroup" colspan="3">Wasseraufkommen (in 1.000 m³)</th>  
       <th scope="col" rowspan="2">Erzielte Wassergesamtnutzung (in 1.000 m³)</th>  
   </tr>  
   <tr>  
       <th scope="col">gesamt</th>  
       <th scope="col">davon Eigengewinnung</th>  
       <th scope="col">davon Fremdbezug</th>  
   </tr>  
</thead>  
<tbody>  
   <tr>  
       <th scope="row">1991</th>  
       <td>7</td>  
       <td>896672</td>  
       <td>896258</td>  
       <td>414</td>  
       <td>1046838</td>  
   </tr>  
   <tr>  
       <th scope="row">1995</th>  
       <td>8</td>  
       <td>978983</td>  
       <td>978519</td>  
       <td>464</td>  
       <td>1278021</td>  
   </tr>  
   <tr>  
       <th scope="row">1998</th>  
       <td>8</td>  
       <td>997164</td>  
       <td>996691</td>  
       <td>473</td>  
       <td>1029927</td>  
   </tr>  
   <tr>  
       <th scope="row">2001</th>  
       <td>8</td>  
       <td>971979</td>  
       <td>971509</td>  
       <td>470</td>  
       <td>1004824</td>  
   </tr>  
</tbody>  
</table>  
</body>  
</html>

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln