Come rendere adattabile una pagina Web



Tutto ciò premesso, qual è dunque la migliore raccomandazione da seguire, se vogliamo ottenere pagine web ad alta accessibilità? Certamente quella di evitare qualsiasi vincolo di presentazione, che impedisca all'utente di personalizzare nel modo che preferisce l'aspetto della pagina web. Il che impone allo sviluppatore - tra le altre cose - di liberarsi una volta per tutte dal "pregiudizio della stampa".

Passando dalla teoria alla pratica, ecco di seguito, tra i vari accorgimenti utili per migliorare l'accessibilità, quelli che più hanno a che fare con la necessità di liberarsi dai vincoli tipici della carta stampata:

  • progettare pagine liquide, i cui contenuti siano in grado di espandersi e di contrarsi a seconda dell'ampiezza della finestra che li contiene. Ciò si ottiene non bloccando le altezze e le larghezze dei box a grandezze fisse, ma usando misure relative (Cfr. il punto di controllo 3.4 delle WCAG 1.0, dotato di priorità 2)
  • per convogliare informazioni testuali, usare testo modificabile e appositi linguaggi di marcatura, se esistono, piuttosto che immagini grafiche contenenti scritte (punto di controllo 3.1, priorità 2)
  • usare i fogli di stile per controllare l'impaginazione e la presentazione (punto di controllo 3.3, priorità 2)
  • non utilizzare tabelle a scopo di impaginazione, a meno che il contenuto della tabella abbia senso una volta linearizzato, cioè letto tutto di seguito, partendo dal contenuto della prima e finendo con il contenuto dell'ultima cella (punto di controllo 5.3, priorità 2)
  • organizzare i documenti in modo che possano essere letti anche senza i fogli di stile associati (punto di controllo 6.1, priorità 1).

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti