Tabelle quando utilizzarle

[ANTAGONIA]

Buon giorno a tutti, ho questa curiosità per quanto riguarda l'accessibilità.
Una è quando utilizzare le tabelle.
Nell'immagine postata potete capire meglio, ma posto anche la struttura:

<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
	<td valign='top'>
        <table style="background-image:URL('images/<?php echo ($arrBacheca[$nI]['dDataFine'] >= date('Y-m-d') ? "GreenDate.png" : "RedDateN.png");?>');width:50px;text-align:center;font-weight:bold;float:left;margin-right:15px">
				<tr><td style="color:#fff"><?php echo substr($arrBacheca[$nI]['dDataFine'], 8,2);?></td></tr>
				<tr><td><?php echo substr(fTrovaMese(substr($arrBacheca[$nI]['dDataFine'], 5,2)),0,3);?></td></tr>
				<tr><td><?php echo substr($arrBacheca[$nI]['dDataFine'], 0,4);?></td></tr>
			</table>
	</td>
	<td>
		<h3>COMUNICAZIONE</h3>
                <div style='width:400px;height:25px;margin-top:18px;margin-bottom:15px;'>
		<span style='font-size:12px;color:#aeaeae;'>
                        [img]images/manIcon.png[/img]creata da: Antonio
			[img]images/outlookIcon.png[/img]
                </span>
		</div>
                <div style='margin-top:18px;margin-bottom:15px;'>
			<div style='float:left'>
                                 [img]images/newCommunicationIcon21x20.png[/img]
                        </div>
			<div style='margin-left:20px'>Comunicazione di servizio	</div>
		</div>
                <div style='margin-bottom:25px'>
			allegato: <img src=\"icone/pdf.gif\" alt=\"testo completo\">
                 </div>

                 [img]images/iconVectorDate.png[/img]Data Emissione:17/01/2011
                 

		 [img]images/iconVectorDate.png[/img]Data Scadenza:21/01/2011 
                 

		 [img]images/iconVectorDate.png[/img]Data Spedizione:18/01/2011 
                 

		[img]images/iconVectorDate.png[/img]Data Arrivo: 25/01/2011 
           </td>
	</tr>
        <tr><td></td><td><hr style='color:#faf9f9'/></td></tr>
        <tr>
		<td style='padding-bottom:25px'></td>
		<td style='text-align:right'>
			<div><a href="javascript:subElimina(21);">
                                [img]images/delete.gif[/img]elimina</a> 
                              - <a href="javascript:subMod(21);">
                                [img]images/updateIcon21x21.png[/img]modifica</a>     </div>
		</td><td></td>
	</tr>
</table>

Spero sia chiara la struttura.
Mi dite per favore se cosi facendo va bene?
Grazie mille :|

[ricman]

Originariamente inviato da ANTAGONIA
quando utilizzare le tabelle

Semplice: le tabella si usano per intabellare dati tabellari... cioè quando vi è relazione tra riga e colonna

[ANTAGONIA]

grazie per la risposta..
se puoi seguirmi per favore cosi capisco meglio.
Allora come dici te dovrebbe essere:

_______________________________________________________________
                                           Comunicazioni
_______________________________________________________________
Operatore| Testo Comunicazione | File Allegato | Date
----------------------------------------------------------------------------------
Creata da | Prova comunicazione | file1.pdf       | Data Emissione 17/01/2011
----------------------------------------------------------------------------------
               |                               |                   | Data Scadenza 21/01/2011
----------------------------------------------------------------------------------
               |                               |                   | Data Spedizione 18/01/2011
----------------------------------------------------------------------------------
               |                               |                   | Data Arrivo Utenza 25/01/2011
-----------------------------------------------------------------------------------


oppure cosi?
_______________________________________________________________
                                           Comunicazioni
_______________________________________________________________
Operatore| Descrizione | Allegato | Data Emiss. | Data Scaden | Data Sped  |
----------------------------------------------------------------------------------
Antonio    |prova         | file1.pdf | 17/01/2011 | 21/01/2011  | 18/01/2011|
----------------------------------------------------------------------------------

tradotto in codice:

<table border="1" cellpadding="4" cellspacing="2" summary="Riassunto delle comunicazioni mensili inerenti alla fatturazione">
  <tr>
    <th colspan="4" scope="colgroup">Comunicazioni</th>
  </tr>
  <tr>
    <th scope="col" abbr="Nome Operatore">Operatore</th>
    <th scope="col" abbr="Testo Comunicazione">Comunicazione</th>
    <th scope="col" abbr="File">Allegato</th>
    <th scope="col" abbr="Data emissione">Data Emissione</th>
	<th scope="col" abbr="Data scadenza">Data Fine</th>
	<th scope="col" abbr="Data spedizione">Data Spedizione</th>
	<th scope="col" abbr="Data arrivc utenza">Data Arrivo utenza</th>
  </tr>
  <tr>
    <td scope="row">Creato da: antonio</td>
    <td>Prova comunicazione 1</td>
    <td>file.pdf</td>
    <td>17/01/2011</td>
	<td>21/01/2011</td>
	<td>17/01/2011</td>
	<td>17/01/2011</td>
  </tr>
</table>

Qualche domanda:
1) qual'è la giusta direzione?

2) le tabelle devono essere strutturate e visualizzate come quella qua sopra oppure, possono essere visualizzate anche come l'immagine postata?

3) le intestazioni della tabella devono per forza essere visibilli oppure anche hidden è uguale?

4) si possono utilizzare div all'interno delle tabelle?se si le tabelle sono sempre accessibili?

Per il momento ti ringrazio...molto gentile :|

[ricman]

Originariamente inviato da ANTAGONIA
2) le tabelle devono essere strutturate e visualizzate come quella qua sopra oppure, possono essere visualizzate anche come l'immagine postata?

Quando la struttura del codice che crea la tabella è a posto puoi visualizzarla come preferisci.

Originariamente inviato da ANTAGONIA
3) le intestazioni della tabella devono per forza essere visibilli oppure anche hidden è uguale?

Non ho capito...

Originariamente inviato da ANTAGONIA
4) si possono utilizzare div all'interno delle tabelle?se si le tabelle sono sempre accessibili?

Si, è permesso usare il tag Div all'interno di un Td (poi bisogna vedere per cosa lo usi)

[ANTAGONIA]

al punto 2:
Quando la struttura del codice che crea la tabella è a posto puoi visualizzarla come preferisci.
quindi potrei fare cosi?se si, come dovrei struttrare i tag TH e TD?

Operatore:Creato da: antonio

al punto:
3) le intestazioni della tabella devono per forza essere visibilli oppure anche hidden è uguale?

intendo dire, che non per forza bisogna visualizzare l'intestazione riportata all'interno del TH come per esempio: Operatore, oppure Testo Comunicazione o anche File Allegato..
Cioè basta avere all'interno del tag relativo l'attributo abbr valorizzato cosi:

 <th scope="col" abbr="Data emissione"></th>

e poi visualizzare il relativo tag:

<td>17/01/2011</td>

Spero mi sia spiegato bene...
grazie ancora :|

[ricman]

Io metterei nel TH la parola "Operatore" e nel relativo TD la parola "Antonio" (eliminando il "creato da" altrimenti cambi la parola Operatore in Creatore o sinonimi più carini)

E poi Si... io (io!) farei vedere le intestazioni dei TH, proprio per migliorare la leggibilità e la fruibilità dei contenuti.