10 – Fornire informazioni contestuali nelle liste HTML

Punti di controllo in questa sezione:

  • 3.6 Marcare le liste ed elencare i suoi elementi in modo appropriato. [Priorità 2]
  • 13.2 Fornire dei metadata per aggiungere informazioni semantiche alle pagine e ai siti. [Priorità 2]

Gli sviluppatori sono incoraggiati a usare UL per gli elenchi non numerati, e OL per gli elenchi numerati (cioè l’uso appropriato del markup) combinato con i CSS per fornire le informazioni contestuali.

Il seguenti CSS2 mostrano come fornire numeri composti per liste annidate create sia con UL, sia con OL. Gli elementi sono numerati come “1”, “1.1”, “1.1.1”, ecc.

Esempio: 

  <style type="text/css">
    ul, ol { counter-reset: item }
    li { display: block }
    li:before { content: counters(item, ".");
    counter-increment: item }
  </style>

Fino a quando i CSS2 non saranno largamente sopportati dai browsers o i browser stessi non permetteranno agli utenti di poter controllare le liste con altri mezzi, gli autori dovrebbero provvedere a fornire indicazione contestuali. nelle liste nidificate.

Il seguente esempio di CSS1 mostra come nascondere la fine di un elenco quando i CSS sono letti, e farla vedere quando i CSS non sono supportati.

Esempio: 

  <style type="text/css">
    .finelista { display: none }
  </style>
  <ul>
  <li>Colori:
     <ul>
     <li>bianco</li>
     <li>rosso</li>
     <li>verde
     <span class="finelista">(Fine dei colori)</span>
     </li>
     </ul>
  </li>
  <li>Fiori:
     <ul>
     <li>Rosa</li>
     <li>Tulipano</li>
     <li>Margherita
     <span class="finelista">(Fine dei fiori)</span>
     </li>
     </ul>
  </li>
  <li>Computer:
     <ul>
     <li>Schermo</li>
     <li>Tower</li>
     <li>Tastiera.
     <span class="finelista">(Fine del computer)</span>
     </li>
     </ul>
  <span class="finelista">(Fine di tutto l’elenco)</span>
  </li>
  </ul>

Nota: Nel caso di liste molto composte, con qualche sforzo maggiore l’autore potrebbe mettere simile markup alla fine di ogni elemento dell’elenco.

Potrebbero interessarti anche i seguenti articoli

  • 11 – Layout, posizioni, livelli ed allineamento11 – Layout, posizioni, livelli ed allineamento   Punti di controllo in questa sezione: 3.3 Usare i CSS per controllare il layout e la presentazione. [Priorità 2] 5.3 Non usare tabelle per l’impaginazione a […]
  • 3 – Unità di misura3 – Unità di misura Punti di controllo in questa sezione: 3.4 Usare unità di misura relative al posto delle unità di misura assolute sia negli attributi HTML, sia nei valori delle […]
  • 6 – Effetti di stile del testo6 – Effetti di stile del testo Punto di controllo in questa sezione: 7.2 Fino a quando gli interpreti non permetteranno agli utenti di controllare il lampeggio (blinking), evitare di far lampeggiare […]
  • 13 – Usare i CSS ed il markup di posizione per una trasformazione elegante13 – Usare i CSS ed il markup di posizione per una trasformazione elegante   Punto di controllo di questa sezione: 6.1 Organizzare i documenti in modo che possano essere letti senza i CSS. Per esempio quando un documento HTML è reso […]
  • 12 – Righe e bordi12 – Righe e bordi   Punto di controllo di questa sezione: 6.1 Organizzare i documenti in modo che possano essere letti senza i CSS. Per esempio quando un documento HTML è reso […]
Condividi:

Informazioni sull'autore

Maurizio Vittoria
Maurizio Vittoria
Sono nato e vivo a Venezia, dove svolgo attività di Webmaster presso la Biblioteca Nazionale Marciana. Qui ho potuto unire lo status di bibliotecario con la passione per l'informatica e Internet. Come bibliotecario non potevo non interessarmi alle enormi possibilità che la rete può offrire nel campo della catalogazione e nella ricerca bibliografica; mi sono perciò specializzato nella reperibilità delle risorse e nelle ricerche on line, per le quali tengo periodicamente dei corsi, oltre a quelli su Internet, HTML e catalogazione in rete. Sono un sostenitore del W3C, dei suoi standard e del suo "vedere lontano". A questo proposito ho prodotto vari manualini di tecnica e standard Web, tra cui una guida all’HTML e qualche traduzione di documenti del W3C stesso. Nel mio lavoro sono sempre stato sensibile alle problematiche dell'accessibilità e dell'usabilità del Web e sono entrato nel WCAG WG (Web Content Accessibility Guidelines Working Group), l'organismo del W3C che sta rivedendo le linee guida internazionali per l'accessibilità dei siti Web. Ho promosso il “Progetto CABI”,  della Biblioteca Nazionale Marciana, iniziato con la “Campagna per l’Accessibilità delle Biblioteche in rete” (http://marciana.venezia.sbn.it/CABI/), progetto che si è rivelato fruttuoso per la sensibilizzazione verso l’accessibilità del Web culturale e pubblico. Partecipo al Gruppo di Lavoro del progetto europeo “Minerva” che ha prodotto il “Manuale per la qualità dei siti Web pubblici culturali,   Criteri, linee guida e Raccomandazioni”  (http://www.minervaeurope.org/publications/qualitycriteria.htm), presentato a Parma il 21 novembre 2003. Sono membro IWA-HWG e mantengo altri interessi semiletterari e meno virtuali.

Commenti

Nessun commento

    Rispondi

    Link e informazioni