La sfida che ogni giorno Internet lancia ai web designer \u00e8 quella di realizzare applicazioni per il web sempre pi\u00f9 complesse ed interattive, capaci di coinvolgere gli utenti e di mantenere alta la soglia d\u2019attenzione presentando i contenuti mediante effetti dinamici ed accattivanti.<\/p>\n
Per ottenere questo, l\u2019uso del semplice linguaggio di marcatura HTML (per i contenuti) e dei fogli di stile CSS (per la presentazione) non basta e gli sviluppatori ricorrono sempre pi\u00f9 di frequente all\u2019impiego di linguaggi di script, supportati nativamente dai browser (JavaScript, Jscript, VBScript<\/em>), e di oggetti incorporati, dotati di interfaccia utente e funzionalit\u00e0 proprie (Java, Flash, SMIL, SVG<\/em>, ecc.).<\/p>\n Questo, per\u00f2, fa sorgere un problema troppo spesso ignorato da chi si occupa di realizzazione siti web: come rendere le interfacce utente incorporate (script ed oggetti) accessibili?<\/strong> ovvero, come garantire l\u2019accesso alle funzionalit\u00e0 indipendente dal dispositivo e compatibile con le tecnologie assistive (browser testuali, display Braille, screen reader, ecc.)?<\/p>\n Sottovalutare la questione pone in serio rischio la buona riuscita di un sito internet. Il primo passo da compiere per risolvere queste problematiche consiste nell\u2019abbandonare l\u2019approccio mentale solitamente utilizzato<\/strong>, che prevede prima la realizzazione dell\u2019applicazione web complessa, dinamica, basata su script ed oggetti incorporati, progettata senza l\u2019accessibilit\u00e0 in mente, e poi la creazione di una seconda applicazione in versione ridotta, come alternativa statica alla prima.<\/p>\n Gli esperti in creazione siti internet utilizzano da anni il metodo del potenziamento progressivo<\/strong> (progressive enhancement<\/em>) che prevede la progettazione di un\u2019unica applicazione di tipo piramidale nella quale \u00e8 possibile, partendo dalla base, identificare quattro strati principali: contenuti, struttura, presentazione, comportamenti. Al fine di garantire l\u2019accessibilit\u00e0 dei contenuti<\/em>, \u00e8 indispensabile realizzare l\u2019applicazione in modo scalabile, ovvero ottenere che per ogni tipo di contenuto complesso sia direttamente disponibile un\u2019alternativa di livello inferiore senza perdita di informazioni. Il metodo del potenziamento progressivo e la scalabilit\u00e0 migliorano l\u2019 accessibilit\u00e0 delle interfacce utente – JavaScript, AJAX , oggetti Flash – incorporate nei siti web per ottenere effetti dinamici ed accattivanti<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[1813],"tags":[3152,3148,2097,4265],"class_list":["post-3313","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-accessibilita","tag-siti-internet","tag-siti-web","tag-web-design"],"yoast_head":"\n
\nAd esempio, per molte tecnologie utilizzate per la navigazione il supporto dei linguaggi di script non \u00e8 presente o \u00e8 disabilitato, oppure \u00e8 impedito l\u2019uso di oggetti incorporati come le animazioni Flash. In simili situazioni: nel migliore dei casi, si va incontro all\u2019impossibilit\u00e0 di accedere a determinate funzionalit\u00e0 (come l\u2019apertura di un menu a tendina o l\u2019invio dei dati in un form): nei casi peggiori, il contenuto dell\u2019intero sito \u00e8 completamente inaccessibile (se per esempio il sito \u00e8 realizzato interamento in Flash).<\/p>\n
\nIn questa struttura \u00e8 fondamentale la totale separazione<\/em> tra gli strati ed in particolare deve essere rispettata la regola secondo cui gli elementi superiori non possono esistere senza quelli inferiori, ma quelli inferiori sono invece autosufficienti, cio\u00e8 possono esistere e funzionare senza il livello o i livelli superiori.
\nI contenuti<\/strong> rappresentano la base della piramide: testi, immagini, suoni, animazioni, grafici, ecc.
\nLa struttura<\/strong> \u00e8 il livello successivo, nel quale i contenuti sono rappresentati in maniera semantica mediante un linguaggio di marcatura strutturale (es. HTML).
\nSegue lo strato di presentazione<\/strong>, interamente affidata ai fogli di stile CSS per la formattazione dei contenuti strutturati.
\nInfine lo strato dei comportamenti<\/strong>, di pertinenza dei linguaggi di script (es. JavaScript), nel quale si aggiunge dinamicit\u00e0 ed interattivit\u00e0 all\u2019applicazione fino a questo punto costruita.
\nNel caso di oggetti Flash, si aggiunge un quinto livello<\/em>, relativo ai contenuti inseriti nell\u2019oggetto incorporato.<\/p>\n
\nIn questo contesto \u00e8 possibile identificare cinque livelli<\/em> di fruizione dei contenuti web, che rappresentano altrettanti livelli di scalabilit\u00e0:
\n1. modalit\u00e0 solo testo<\/strong>: immagini, video e animazioni non sono disponibili; tutti i contenuti grafici sono sostituiti da testi alternativi; collegamenti e moduli funzionano normalmente; i contenuti sono strutturati rispettando il valore semantico degli elementi di HTML e XHTML;
\n2. modalit\u00e0 grafica<\/strong>: uguale in tutto alla precedente, solo che immagini, video e animazioni sono ora disponibili, in luogo dei rispettivi testi alternativi;
\n3. modalit\u00e0 grafica con CSS<\/strong>: uguale alla precedente, con l\u2019aggiunta del livello della presentazione, gestito per mezzo dei fogli di stile (l\u2019aspetto grafico del documento pu\u00f2 variare profondamente);
\n4. modalit\u00e0 grafica con CSS e JavaScript<\/strong>: uguale alla precedente, con l\u2019aggiunta di trasformazioni dinamiche e interattive, rese possibili da JavaScript (collegamenti e moduli possono funzionare in modo differente rispetto ai livelli precedenti);
\n5. modalit\u00e0 Flash<\/strong>: la fruizione delle informazioni e dei servizi si sposta in tutto o in parte all\u2019interno di un\u2019interfaccia Flash (non sono aggiunti nuovi contenuti, ma pu\u00f2 cambiare completamente la loro organizzazione e il modo di utilizzarli).<\/p>\n","protected":false},"excerpt":{"rendered":"