Curiosità su Tabelle e Div per accessibilità

[ANTAGONIA]

Buon giorno, ho letto qualche tutorial in merito però mi resta qualche dubbio che spero possiate togliermi.
In pratica vorrei sapere quando utilizzare le Tabelle e quando i Div.
Posto un paio di esempi:

Questa tabella contiene le news della cooperativa.

<table class="floatbox" border="0" width="100%" cellpadding="0" cellspacing="0" summary="News in primo piano riguardanti avvisi, comunicazioni sulla cooperativa.">
<tr>
<th style='text-align:left' colspan='2' class='contentheading' scope='col' abbr='News'>
PRIMO PIANO
</th>
</tr>
<tr>
<td valign='top' colspan='2' scope='row'>
Titolo
</td>
</tr>
<td valign='top' align='justify'>Oggi finalmente c'è il sole



</td>
</tr>
</table>

Questi div vengono popolati attraverso una query e riepilogano alcuni dati

<div>
		<div>
			<div style="float:right;color:#333;font-weight:bold">5</div>
			LAVORI
			


		</div>
		
		<div>
			<div style="float:right;color:#333;font-weight:bold">10</div>
			SERVIZI
			


		</div>
	</div>

Qual'è tra le due l'utilizzo corretto?
Grazie mille e buona giornata

[oronze]

nessuna delle due...un principio base dell'accessibilità è il rispetto della semantica dei tag. Le tabelle servono per impaginare dati tabellari, cioè dati con una corripondenza riga colonna (classifiche campionato, orario scolastico, ....) i div servono per impaginare un sito. Nel primo caso, a mio avviso, poichè si tratta di una notizia non è necessaria una tabella poichè non c'è nessuna corrispondenza riga/colonna, mentre nel secondo esempio, poichè si tratta di una lista di link, andrebbe imlementata con il tag <ul> (Unordered List). Inoltre l'uso di tag [b] è deprecato, per rendere in grassetto un testo si dovrebbe usare [b] e la stessa cosa dicasi per i doppi
, non andrebbero mai usati e vanno sostituiti con la proprietà margin del css

[ANTAGONIA]

grazie mille....
però toglimi una curiosità, uno screenreader o un'altro dispositivo per i non vedenti, come interpreta quella notizia se non utilizzo un titolo che indica di quale argomento si tratta?

grazie ancora...

PS: poi ho un'altra domanda se non ti disturbo troppo

[ANTAGONIA]

questa è la tabella di prima, credo che vederla completa con le notizie, con il tuo aiuto capirò definitivamente se l'utilizzo è corretto

<table summary="News in primo piano riguardanti avvisi, comunicazioni, regolamenti ed altro sulla cooperativa.">	
	<tr>
		<th scope='colgroup'>
			NEWS IN PRIMO PIANO			
		</th>
	</tr>
	<tr> 
	<tr>
		<th scope='col' abbr="logo">Logo</th>		
		<th scope='col' abbr="Tit">Titolo News</th>	
                <th scope='col' abbr="Not">News</th>
        </tr>
        <tr>
		<td scope="row">	[img]logo.jpg[/img]</td>
		<td scope="row">Avviso all'utenza</td>
                <td scope="row">La cooperativa annuncia che....</td>
	</tr>
</table>

in questo modo, sicuramente è molto più accessibile vero?
Comunque la tabella si popola in modo dinamico...adesso ho inserito solo una news come esempio

[ricman]

Le notizie non sono dati da intabellare... sono dei testi, per i quali esistono dei tag specifici...
Ad esempio:

<div id=news>
   <h1>titolo ultima news</h1>

testo ultima news</p>
   <h1>titolo penultima news</h1>

testo penultima news</p>
... ...
</div>

[ANTAGONIA]

ok...capito, ti ringrazio
spero di mettere in pratica i vostri insegnamenti!!!

Un'altra cosa che mi sta facendo impazzire ed è la validazione con Strict qui, ho inserito questo post su css, se hai tempo puoi dare un'occhiata?
http://forum.html.it/forum/showthrea...readid=1316534

Scusami se ti stresso, ma te come tanti altri siete gli esperti posso solo che ringraziarvi
buona giornata

[ANTAGONIA]

vorrei cortesemente una dritta per quanto riguarda il codice postato:

//prima della cura
<div>
	<div style="margin-bottom:25px;">
		<div class="totali_comunicazioni"><?php echo $nTot;?></div>
		OPERE
	</div>
</div>

//dopo la cura
<p style="margin-bottom:25px;">
		<p class="totali_comunicazioni"><?php echo $nTot;?></p>
		OPERE
	</p>

e' corretta la modifica?
Grazie ancora....

[oronze]

sarebbe corretto


totali comunicazioni</p>


OPERE</p>
ma dipende da un sacco di cose...
totali comunicazioni è un numero? è un titolo?
Opere è una lista? è un paragrafo di testo? è un titolo?

[ANTAGONIA]

Totali comunicazioni è un numero estrapolato da DB, inerente alle Opere...
Quindi diciamo Titolo(Opere) e totale(es:8)

Comunque Titolo e totale devono stare sulla stessa riga...
non so se ho reso l'idea...

[oronze]

allora fanno parte dello stesso paragrafo...ma ripeto dipende dalla pagina...
TitoloA 4
TitoloB 4
TitoloC 12
andrebbe implementato con una lista...
mentre se hai solo
Titolo 4 puoi usare un paragrafo unico
per far stare sulla stessa linea 2 paragrafi puoi usare display:inline oppure un float...
dipende da mooooooooooolti fattori cosa scegliere!