Un approccio moderno alle pagine Web

L'accessibilità e l'usabilità sono due delle caratteristiche più importanti di un sito Web (e quindi delle singole pagine che lo costituiscono). In questo articolo tali caratteristiche verranno spesso menzionate, di conseguenza di seguito ne viene data una breve definizione:

L'accessibilità è un argomento che sta particolarmente a cuore al W3C [1] (World Wide Web Consortium), l'organizzazione internazionale che si occupa della standardizzazione delle tecnologie alla base del Web e negli ultimi anni è stato recepito dalle legislazioni di molti paesi. Il W3C, attraverso l'iniziativa WAI [2] (Web Accessibility Initiative), ha prodotto varie linee guida per promuovere l'accessibilità (rivolte agli autori delle pagine Web, ai produttori di strumenti per la loro creazione, ai produttori dei browser e a quelli dei riproduttori multimediali). Tali linee guida sono alla base della maggior parte delle leggi sull'accessibilità, almeno per ciò che riguarda il Web (esempi di tali leggi sono la cosiddetta Section 508 [3] promossa dal Congresso degli Stati Uniti d'America e la legge Stanca [4] del governo italiano).

Le linee guida per l'accesibilità rivolte agli autori delle pagine Web, WCAG [5] (Web Content Accessibility Guidelines), contengono un insieme di punti di controlli (checkpoint), a cui sono associate tre diverse priorità, che consentono di verificare l'accessibilità delle pagine. In base al soddisfacimento di tali punti di controllo le WCAG definiscono i tre seguenti livelli di accessibilità:

Le suddette linee guida, a causa della loro importanza, sono state tradotte in molte lingue. La traduzione italiana [6] è curata dall'AIB (Associazione Italiana Biblieteche).

Per quanto riguarda l'usabilità, invece, non esistono delle guide di riferimento equivalenti a quelle per l'accessibilità. soprattutto perché essa è influenzata da un elevatissimo numero di fattori. In letteratura, comunque, esistono innumerevoli pubblicazioni che si occupano dell'argomento, molte delle quali sono il prodotto di studi relativi al comportamento degli utenti.

Un sito accessibile è per definizione un sito che risulta essere più proficuamente utilizzabile, almeno per una certa categoria di utenti (quella costituita dagli utenti che usano tecnologie assistive, come screen reader, display braille e ingranditori di schermo oppure browser alternativi a quelli grafici per personal computer, che sono i più diffusi). Di conseguenza è facile rendersi conto che l'accessibilità di un sito ne aumenta l'usabilità complessiva.

Il contrario però non è sempre vero, anzi in alcuni casi ci si può trovare nella condizione in cui nel tentativo di aumentare l'usabilità di un sito se ne pregiudichi l'accessibilità. Ciò si verifica soprattutto quando si interviene in modo scriteriato sugli aspetti di presentazione e di comportamento delle pagine Web (aspetti che verranno di seguito approfonditi).

In generale nella realizzazione di un sito è opportuno cercare di ottenere, sempre e comunque, il giusto equilibrio tra accessibilità e usabilità.

Accessibilità e usabilità, in ogni caso, non sono caratteristiche totalmente indipendenti, esse infatti in parte si sovrappongono. Ad esempio la possibilità di selezionare i link e i campi di una form mediante tasti di scelta rapida, migliora sicuramente l'accessibilità delle pagine per gli utenti che soffrono di problemi motori che gli impediscono un uso efficace del mouse, ma anche l'usabilità per qualsiasi altro utente.

Gli aspetti che caratterizzano una pagina Web sono:

I primi tre aspetti definiscono una pagina come entità statica, l'ultimo, invece, ne determina la dinamicità dal punto di vista del browser (o come si dice in gergo lato client).

Anche se il contenuto ed un minimo di struttura logica sono sempre presenti, molte pagine non prevedono nessuna struttura di navigazione, altre non prevedono nessun comportamento specifico ed altre ancora, per la verità piuttosto rare, non prevedono alcuna presentazione specifica.

Rispetto alla presentazione ed al comportamento, comunque, è importante sottolineare che anche quando una pagina non ne presenta di specifici, essa risulta caratterizzata da una presentazione predefinita determinata dalla tipologia di browser utilizzato per accedervi (i browser grafici e testuali, ad esempio, generalmente separano i paragrafi con uno spazio equivalente ad una linea di testo vuota e quelli grafici rappresentano il testo associato ai link in blu e sottolineato) e da un comportamento predefinito (la selezione di un link, infatti, provoca sempre l'accesso alla risorsa che ne rappresenta la destinazione, mentre l'invio di una form comporta sempre il trasferimento dei dati immessi ad un server Web).

I vari aspetti esaminati coinvolgono figure professionali decisamente diverse tra loro:

Spesso accade, comunque, soprattutto nei progetti Web di piccole e medie dimensioni, che i ruoli di più figure professionali collassino su una stessa persona (nel caso limite su una sola persona).

Dal punto di vista tecnologico i vari aspetti caratteristici di una pagina vengono concretizzati utilizzando i seguenti standard:

Tutti questi standard ad eccezione di JavaScript, sono promossi dal W3C. JavaScript, invece, è stato inizialmente introdotto da Netscape Communications nella versione 2 del suo browser Netscape Navigator, successivamente adottato in diversi altri browser ed infine diventato uno standard promosso dall'ECMA (European Computer Manufacturers Association) con il nome di ECMAScript.

Nonostante i molti sforzi relativi alla standardizzazione delle tecnologie alla base del Web, però, spesso accade che i vari browser (tra cui purtroppo quello più utilizzato dagli utenti, Internet Explorer di Microsoft) implementino i nuovi standard e le nuove versioni di quelli già supportati piuttosto lentamente, ne interpretino alcune direttive in modo non corretto ed introducano delle estensioni proprietarie (alcune volte riassorbite dagli standard ufficiali). Ciò fa si che per poter realizzare pagine che siano fruibili con tutti i browser, pur rispettando gli standard, sia spesso necessario far ricorso a vari accorgimenti (tecnicamente denominati hack o workaround) per livellarne le differenze.

Negli ultimi anni, comunque, tale situazione sta lentamente migliorando. Ciò nonostante la maggior parte dei browser grafici attuali prevedono due modalità di funzionamento alternative: una in cui tentano (con diversi livelli di successo) di aderire agli standard ed un'altra, denominata quirks mode, in cui per garantire la "compatibilità con il passato" vengono mantenute le interpretazioni errate degli standard introdotte da altri browser o (paradossalmente) da loro versioni precedenti.

Tutto ciò, come è facile intuire, rende molto più complicata del necessario la realizzazione delle pagine Web.

Infine è interessante notare che accanto agli standard promossi dalle varie organizzazioni internazionali, alcune volte si affermano anche standard inizialmente promossi dai singoli produttori di browser e successivamente accettati dai loro diretti concorrenti. Due esempi di tali standard sono costituiti dall'estensione al DOM che consente di realizzare editor HTML visuali all'interno delle pagine Web e dall'oggetto XMLHttpRequest [12] che consente a programmi scritti in JavaScript ed in altri linguaggi di richiedere risorse ai server Web, entrambi introdotti da Microsoft e successivamente implementati (con piccole differenze) da Mozilla Foundation e da altri produttori di browser.

I vari aspetti caratteristici di una pagina Web influenzano l'accessibilità e l'usabilità come segue:

Per quanto riguarda gli standard, invece, è importante sottolineare che il loro "semplice" utilizzo non comporta automaticamente il perseguimento dell'accessibilità e dell'usabilità. Per ottenere risultati significativi in termini di accessibilità e usabilità, infatti, è indispensabile fare ricorso a pratiche di utilizzo degli standard diligenti e consolidate.

A partire dall'affermazione del Web come fenomeno di massa, avvenuta a pochi anni dalla sua creazione grazie alla diffusione dei primi browser grafici (Mosaic dell'NCSA, Netscape Navigator della Netscape Communications ed Internet Explorer di Microsoft) e successivamente degli Editor HTML visuali (Netscape Composer, FrontPage di Microsoft, DreamWeaver di Macromedia, ecc.), sono state prodotte centinaia di milioni di pagine Web.

La stragrande maggioranza di queste pagine erano (ed in parte sono tuttora) caratterizzate da uno spiccato mescolamento degli aspetti che le caratterizzano, da una struttura logica minimale (in molti casi quasi inesistente) e da una presentazione predominante (utilizzata anche per colmare la carenza di struttura logica). Si noti, comunque, che il mescolamento del contenuto e della struttura è inevitabile, essendo questi aspetti per loro natura fortemente dipendenti.

La figura che segue schematizza l'architettura di tali pagine mettendo in evidenza gli standard in essa utilizzati:

Figura 1. Il vecchio modo di concepire le pagine Web

Il vecchio modo di concepire le pagine Web presenta i seguenti svantaggi:

Tutto ciò è stato provocato da:

Grazie ad un maggiore supporto degli standard da parte dei browser e ad una generale presa di coscienza dei problemi precedentemente esaminati, negli ultimi anni si sta lentamente affermando un nuovo modo di concepire le pagine Web.

Questo nuovo approccio propone un'architettura in cui i vari aspetti caratteristici delle pagine sono nettamente separati (dal punto di vista logico e fisico), in modo tale che ad ognuno di essi corrisponda uno strato (layer) o livello indipendente, fatta eccezione per il contenuto e la struttura ai quali, essendo fortemente dipendenti, corrisponde un unico strato.

La figura che segue schematizza tale architettura:

Figura 2. Architettura a strati

Lo strato di comportamento poggia sia su quello di presentazione, sia su quello di contenuto e struttura in quanto agisce su entrambi, mentre quello di presentazione poggia unicamente su quello di contenuto e struttura. Ogni strato agisce esclusivamente su quello sottostante (quelli sottostanti nel caso del comportamento) ed ignora totalmente la presenza di quelli sovrastanti.

Lo strato di contenuto e struttura deve essere il più semplice e lineare possibile ed esaltare il significato (semantica) delle informazioni. Gli hack necessari per livellare le incompatibilità dei varie browser, invece, devono riguardare unicamente gli strati di presentazione e comportamento.

Le tecnologie utilizzate dai vari strati sono:

La figura che segue ripropone la schematizzazione dell'architettura a strati mettendo in evidenza gli standard in essa utilizzati:

Figura 3. Standard utilizzati nell'architettura a strati

L'architettura a strati se realizzata con criterio risolve tutti i problemi esaminati nella sezione Il vecchio modo di concepire le pagine Web. Essa, inoltre, consente all'utente di personalizzare le pagine a suo piacimento sostituendo integralmente o in parte gli strati di presentazione e di comportamento mediante fogli di stile CSS e script JavaScript creati sulla sua postazione di lavoro (e quindi utilizzabili solo da lui). Tale possibilità, vista da alcuni come sgradevole o addirittura pericolosa, secondo molti rappresenta una vera e propria rivoluzione (positiva) del modo di utilizzare il Web.

Firefox [13] (il browser di Mozilla Foundation, che attualmente è tra quelli più conformi agli standard), ad esempio, consente all'utente, con l'aiuto di un'apposita estensione, denominata URIid [14], prima della versione 1.5 e nativamente da questa versione in poi, di assegnare fogli di stile personalizzati ai singoli siti e, mediante un'altra estensione, denominata Greasemonkey [15], di effettuare la stessa operazione con gli script JavaScript.

Due ottimi esempi dell'utilizzo dell'architettura a strati sono rappresentati da S5 [16] e HTML Slidy [17], due sistemi che consentono di realizzare presentazioni fruibili mediante un browser Web. L'autore del primo è Eric Meyer (una delle massime autorità nel campo dei CSS), mentre l'autore del secondo è Dave Raggett del W3C.

Come accennato in precedenza in una pagina Web non devono necessariamente essere presenti tutti gli aspetti che la caratterizzano e di conseguenza tutti gli strati ad essi corrispondenti.

In base all'insieme di strati presenti si possono distinguere varie viste (view) di una pagina:

Le suddette viste sono state proposte da Peter-Paul Koch nel suo articolo [The Behavior Layer] [18].

L'HTML è un linguaggio di descrizione documentale che deriva da un altro linguaggio, l'SGML (Standard Generalized Markup Language) promosso dall'ISO (International Organization for Standardization). l'SGML è in realtà un metalinguaggio di descrizione documentale, cioè un linguaggio per la definizione di altri linguaggi di descrizione documentale. I linguaggi definiti mediante l'SGML vengono denominati applicazioni SGML, l'HTML di conseguenza è un'applicazione SGML.

L'SGML è un linguaggio estremamente generico e flessibile, ma proprio a causa di queste sue caratteristiche i documenti descritti con i linguaggi da questo derivati non hanno una struttura facilmente elaborabile in modo automatico, inoltre tali linguaggi non risultano facilmente "estendibili".

Per ovviare a questi problemi il W3C ha creato un nuovo metalinguaggio di descrizione documentale, l'XML [19] (eXtensible Markup Language), che può essere considerato, un po' grossolanamente, una versione ridotta dell'SGML (infatti un qualsiasi documento XML valido è anche un documento SGML valido). L'XML è ormai alla base della maggior parte degli standard Web ed ha avuto un enorme successo anche in molti ambiti applicativi estranei al Web, come linguaggio universale per la rappresentazione di dati strutturati e semi strutturati.

L'XHTML non è altro che la riformulazione dell'HTML in XML. I vantaggi dell'XHTML rispetto all'HTML vanno ricercati nelle differenze tra XML e SGML. Più in dettaglio le pagine XHTML hanno una struttura più facilmente elaborabile di quella delle pagine HTML ed inoltre sono estendibili, in quanto l'XHTML può essere combinato con altri linguaggi derivati dall'XML, come ad esempio MathML [20] (Mathematical Markup Language) che consente la rappresentazione di formule matematiche anche molto complesse e SVG [21] (Scalable Vector Graphics) che consente la descrizione di immagini vettoriali statiche e animate.

Inoltre è importante sottolineare che lo sviluppo dell'HTML è ormai stato interrotto a favore dell'XHTML, che quindi può essere considerato di fatto come la sua naturale evoluzione. Per questo motivo nelle sezioni che seguono il termine HTML verrà utilizzato per riferirsi indifferentemente ad entrambi i linguaggi.

CSS e DOM sono ovviamente utilizzabili anche con l'XHTML (e più in generale con XML).

Di seguito vengono riportate le varie differenze a livello di sintassi tra le pagine XHTML e HTML:

L'XHTML 1.0 mette a disposizione le seguenti dichiarazioni di tipo di documento:

Di seguito, infine, viene riportata la struttura base di una pagina XHTML che utilizza la dichiarazione stretta ed in cui è stata specificata la codifica UTF-8 dei caratteri e la lingua italiana per il contenuto:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title>Titolo</title>
. . .
</head>
<body>
. . .
</body>
</html>

Per separare il contenuto e la struttura dalla presentazione si deve:

Affinché una pagina sia caratterizzata da una buona struttura (e di conseguenza risulti altamente accessibile e facilmente elaborabile in modo automatico) si deve:

Per migliorare l'accessibilità e l'usabilità di una pagina, inoltre, risulta opportuno:

Con il termine Web semantico [22] si indica un modo di concepire il Web che prevede di fornire insieme ai contenuti le informazioni sul loro significato (la semantica appunto) al fine di consentire agli utenti e alle applicazioni di trarre il massimo beneficio dal loro utilizzo.

Il Web semantico è un altro argomento che sta molto a cuore al W3C. Gli standard nati per il suo perseguimento sono molto potenti, ma allo stesso tempo piuttosto complessi. Ciò ne ha ostacolato l'adozione di massa da parte di chi realizza le pagine Web. Attualmente infatti essi vengono utilizzati soprattutto nei progetti di dimensioni medio-grandi.

Accanto a tali standard, comunque, si è affermato un approccio alternativo al Web semantico che fa uso del solo XHTML per evidenziare il significato dei contenuti, mediante pratiche di utilizzo che in parte e senza entrare troppo nei dettagli sono state esaminate nella sezione Isolamento della struttura. Questo approccio è stato denominato XHTML semantico [23]. Esso ovviamente non si vuole sostituire ai suddetti standard, ma essere semplicemente un'alternativa alla portata di chiunque realizzi pagine Web.

L'XHTML semantico è anche alla base dei cosiddetti microformati [24], il cui scopo è quello di rappresentare varie tipologie di informazioni in modo tale che risultino non solo immediatamente fruibili dagli utenti (essendo inserite all'interno di normali pagine Web), ma allo stesso tempo anche elaborabili da procedure automatiche. Tali formati possono essere creati ad hoc oppure essere la trasposizione in XHTML di formati preesistenti (scelta, che come è facile intuire, è consigliabile ogni volta che risulti essere praticabile). Le informazioni rappresentate mediante i microformati possono essere facilmente estratte dalle pagine Web, convertite in altri formati (ad esempio quelli di cui essi rappresentano l'eventuale trasposizione) e quindi riutilizzate.

La presentazione visuale mediante i CSS si basa sul cosiddetto box model. Secondo tale modello ad ogni elemento del corpo di una pagina, sia esso un elemento che costituisce un blocco o un elemento in linea, è associato un box avente le seguenti caratteristiche:

Nella seguente figura, tratta dalle specifiche del W3C, viene schematizzato il box model:

Figura 7. Schematizzazione del box model

Di ogni box è possibile controllare varie proprietà, tra cui:

Relativamente alla larghezza e all'altezza dei box Internet Explorer per Windows (fino alla versione 5.5 e nella versione 6 se utilizzato in modalità quirks mode) soffre di un problema (bug) nell'interpretazione del box model. Secondo lo standard del W3C, infatti, la larghezza e l'altezza assegnate ad un elemento si riferiscono al solo contenuto del relativo box, mentre Internet Explorer le interpreta comprendendovi anche il bordo e il padding. Ciò fa si che utilizzando tale browser, agli elementi per cui viene specificata la larghezza e/o l'altezza e almeno una dimensione non nulla per il bordo e il padding corrispondano dei box più stretti e/o corti rispetto a quelli visualizzati dai browser conformi allo standard. Il suddetto bug rispetto alla larghezza degli elementi viene evidenziato dalla seguente figura:

Figura 8. Il box model bug di Internet Explorer rispetto alla larghezza degli elementi

Il box model bug non è comunque l'unico problema che le suddette versioni di Internet Explorer hanno rispetto ai CSS. Ciò, considerando il fatto che Internet Explorer è il browser Web più diffuso (soprattutto grazie al fatto che è integrato in Windows), ostacola in parte ancora oggi lo sfruttamento a pieno dello standard. A quanto sembra, comunque, la versione 7 del browser di Microsoft correggerà molti di questi problemi.

Altro aspetto molto importante dei CSS è rappresentato dal fatto che consentono di utilizzare unità di misura sia assolute, sia relative per i valori delle proprietà che rappresentano delle dimensioni. In genere l'uso di unità di misura relative è sicuramente da preferire perché consente di ottenere una presentazione che risulta essere indipendente dalle dimensioni dell'area di visualizzazione a disposizione dei browser sui vari dispositivi e di adattarsi al ridimensionamento da parte dell'utente del testo e di tale area (ovviamente quando possibile, ad esempio nel caso si disponga di un personal computer dotato di una scheda video e di un monitor con una risoluzione sufficientemente alta).

Di seguito vengono riportati una minima parte degli effetti di presentazione che è possibile ottenere sfruttando il box model ed altre proprietà visuali dei CSS:

A titolo di esempio della potenza dei CSS vengono riportate tre viste di presentazione alternative della home page del sito CSS Zen Garden [25] (nato per promuovere l'uso dei CSS) corrispondenti a tre diversi fogli di stile:

Figura 9. CSS Zen Garden utilizzando la presentazione di default

Figura 10. CSS Zen Garden utilizzando la presentazione Zenfandel

Figura 11. CSS Zen Garden utilizzando la presentazione Bugs

Infine viene riportata la vista semplice di tale pagina:

Figura 12. CSS Zen Garden senza presentazione

Per separare il contenuto e la struttura dal comportamento si deve:

Per separare la presentazione dal comportamento si deve essenzialmente evitare di impostare la presentazione iniziale delle pagine mediante JavaScript, al fine di fornire agli utenti che non possono o non vogliono utilizzare tale linguaggio pagine che risultino essere comunque fruibili (JavaScript ovviamente potrà essere utilizzato per alterare dinamicamente tale presentazione)

Con il termine JavaScript non intrusivo [26] (Unobtrusive JavaScript) vengono indicate le varie tecniche di utilizzo di tale linguaggio (relativamente al Web) volte alla netta separazione del contenuto e della struttura dal comportamento e della presentazione dal comportamento.

Di seguito vengono elencati alcuni tra i possibili utilizzi dello strato di comportamento:

Nelle applicazioni Web tradizionali ogni volta che l'utente segue un link o invia il contenuto di una form si verifica il caricamento di una nuova pagina dal server.

Ajax, che sta per Asynchronous JavaScript + XML, rappresenta un nuovo modo di concepire le applicazioni Web che fa uso di JavaScript e dell'oggetto XMLHttpRequest per consentire allo strato di comportamento di richiedere informazioni ad un server con le quali aggiornare singole porzioni di una pagina. Il termine Ajax è stato inventato da Jesse James Garrett nel suo articolo [Ajax: A New Approach to Web Applications] [27], in cui viene formalizzato un approccio alle applicazioni Web che comunque si stava affermando già da qualche tempo.

I vantaggi delle applicazioni Ajax sono:

Ajax può essere utilizzato sia per migliorare applicazioni Web esistenti, sia per creare nuove applicazioni altamente dinamiche che fanno un pesante uso di JavaScript. Il pericolo principale legato ad Ajax è relativo all'accessibilità delle applicazioni da parte dei browser che non supportano le tecnologie necessarie. Per risolvere tale problema si deve cercare di utilizzare Ajax in modo degradabile, cioè facendo si che le applicazioni che se ne avvalgono siano in grado di comportarsi come quelle tradizionali rispetto ai browser che non supportano le tecnologie necessarie.

Tra gli esempi di applicazioni Ajax disponibili va sicuramente citata Google Suggest [28], che tra l'altro è stata creata prima della pubblicazione del suddetto articolo. Tale applicazione rappresenta un'evoluzione della classica interfaccia del motore di ricerca più famoso del mondo la quale, man mano che l'utente digita caratteri interroga una procedura lato server e visualizza in tempo reale i termini di ricerca più significativi che iniziano con il testo immesso fino a quel momento (insieme al numero di documenti che li soddisfano) in un menu a tendina sotto il campo della form preposto all'inserimento dei termini. La seguente figura mostra un esempio di utilizzo di Google Suggest:

Figura 13. Google Suggest all'opera

Altri esempi di applicazioni Ajax sono: Google Maps [29] e Gmail [30].

La figura che segue, tratta dall'articolo di Jesse James Garrett, mette a confronto le applicazioni Web tradizionali e quelle Ajax:

Figura 14. Applicazioni Web tradizionali e Ajax a confronto

Si noti infine che l'XML viene proposto come formato ideale per lo scambio di dati tra applicazioni Ajax e server Web, ma al suo posto è possibile utilizzare un qualsiasi altro formato.

I validatori sono programmi che data una pagina Web consentono di verificarne l'aderenza agli standard in essa utilizzati, la conformità alle indicazioni contenute nelle linee guida sull'accessibilità (si noti comunque che non tutte le indicazioni sono verificabili in modo automatico), la correttezza dei link in essa presenti e varie altre caratteristiche (come ad esempio il rapporto tra testo e immagini ed altre componenti multimediali, la dimensione delle varie componenti e quindi la velocità di trasferimento alla pagina rispetto a diverse modalità di accesso alla rete, ecc.).

Tali programmi, in grado di operare su pagine presenti sul computer dell'utente o pubblicate in un sito Web, possono essere programmi a se stanti o applicazioni Web (utilizzabili quindi mediante un comune browser). Tra i validatori utilizzabili via Web vanno sicuramente menzionati:

I browser testuali (come Lynx [36] e Links [37]), inoltre, costituiscono uno strumento molto utile per verificare l'accessibilità delle pagine. Le pagine correttamente fruibili mediante tali browser, infatti, in genere lo sono anche utilizzando altri browser alternativi e la maggior parte delle tecnologie assistive.

Per quanto riguarda la verifica dello strato di comportamento, invece. tale operazione richiede l'utilizzo di strumenti tipici dello sviluppo del software (ad esempio i debbugger), molti dei quali si integrano con i vari browser.

A causa delle incompatibilità tra i browser grafici più diffusi risulta inoltre piuttosto utile verificare la fruibilità delle pagine almeno con quelli più diffusi.

Sempre più browser, infine, forniscono strumenti addizionali utili a chi realizza pagine Web. Firefox ad esempio ne offre molti, sia direttamente integrati nel browser, sia sotto forma di estensioni (tra le quali meritano sicuramente di essere citate la Web Developer Extension [38] e ColorZilla [39]). Opera [40], un altro browser piuttosto diffuso, invece, fornisce una modalità di visualizzazione che consente di simulare la fruizione delle pagine mediante dispositivi mobili (dotati di un display di dimensioni estremamente ridotte rispetto a quelle di un comune monitor).

La netta separazione degli aspetti che caratterizzano le pagine Web, attraverso un uso diligente e consolidato degli standard, consente di risolvere molti dei problemi che affliggono le pagine Web attuali, da grandi benefici in termini di accessibilità ed usabilità e facilita l'adozione di eventuali innovazioni tecnologiche future. Tale separazione, però, non è sempre banale, ma risulta comunque semplificata dall'uso di vari strumenti ormai largamente diffusi.