editor e accessibilità

[sabry]

Ciao a tutti, è la prima volta che entro in questa sezione del forum e non so nemmeno se sia quella giusta.
Comunque volevo esporre un dubbio.
Ho quasi sitemato la parte grafica del mio sito ed ora mi sto cimentando nei contenuti, ma lavorando con jce, per ottenere quello che voglio (linko il sito per rendere l'idea http://www.maestramori.altervista.org vedi sezione didattica) il codice che ne esce è una vera schifezza.
Mi domando: devo fregarmene o questo comporta dei grossi problemi di accessibilità?
C'è un altro sistema per rendere la parte grafica così come l'ho creata senza impiastricciare il codice?
Grazie e spero di essermi spiegata... non sono molto esperta.
ciao sabry

[sali40]

ehm ... credo che l'editor c'entri poco. Jce non crea grossi problemi di accessibilità

Se con "schifezza" ti riferisci a quella marea di non-breakimg-space (" " per intenderci) quelli dipendono dal fatto che tu, per allineare la pagina hai utilizzato diverse tabelle nidificate.

Per ciascuna cella vuota della tabella viene inserito un non-breaking space. Quando scrivi qualcosa nella tabella lo spazio non spezzabile sparisce.

Il problema sta, semmai, nell'eccessivo utilizzo di tabelle per funzioni di layout. Mi chiedo cosa uscirebbe fuori se si linearizzassero quelle tabelle

[sabry]

Ciao Sali40, scusami ma faccio un po' fatica a capirti ( la colpa non è tua). Parli di tabelle, ma io non ne ho usate.
mi sono limitata ad usare degli invii. In ogni caso, il codice così è un problema?
Se sì come posso ovviarlo?

[sali40]

non è un problema, ma certo non è pulito.
Questo è un pezzo del sorgente dell'articolo:

Codice: [Seleziona]

<p style="text-align: center;"><span style="font-family: verdana,geneva; color: #993366; font-size: 18pt;">&nbsp;</span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In questa sezione potrete trovare materiale didattico di vario genere accumulato nel corso degli anni. <br /></span><span style="font-size: 12pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Il materiale è liberamente scaricabile ed utilizzabile, con la sola preghiera di mantenere il riferimento all'autore.</span></p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-size: 12pt;">CLASSE SECONDA</span></p>
<p style="text-align: center;">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="font-size: 12pt;"><img height="178" width="100" src="/images/stories/43.gif" alt="43" />CLASSE PRIMA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img height="178" width="100" src="/images/stories/43.gif" alt="43" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;CLASSE TERZA&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img height="178" width="100" src="/images/stories/43.gif" alt="43" /></span></p>
<p><span style="font-size: 12pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CLASSE QUARTA&nbsp; <img height="178" width="100" src="/images/stories/43.gif" alt="43" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-size: 12pt;"><img height="178" width="100" src="/images/stories/43.gif" alt="43" />CLASSE QUINTA</span></p>

<p style="text-align: center;"><span style="font-size: 12pt;">&nbsp;</span></p>

Il tutto dentro due tabelle nidificate. Ora, può anche darsi che le tabelle le produca il template per impaginare i contenuti, ma ... a questo punto mi chiedo:

Non conviene anche a te costruirti una bella tabella a solo fine di layout e inserire il tutto nelle celle della tabella (mantenendo la tabella senza bordi, ovviamente)?

Ad ogni invio costruisci un nuovo paragrafo.
Con la formattazione, aggiungi, all'interno del paragrafo uno span.
Dando invii a vuoto, ti ritrovi con situazioni come questa (riga 72 del sorgente)

Codice: [Seleziona]

<p><span style="font-size: 12pt;"></span>&nbsp;</p>
Come vedi, lo span è completamente vuoto. Ciò provoca avviso ai fini della correttezza dell'html

[sabry]

E' proprio quello che volevo sapere. Quindi vado con le tabelle!
Grazie
Ciao sabry