HTML5 e Accessibilità

Dimensione: px
Iniziare la visualizzazioe della pagina:

Download "HTML5 e Accessibilità"

Transcript

1 HTML5 e Accessibilità Antonio Giovanni Schiavone, ISTI-CNR

2 Cos è l HTML? L'HyperText Markup Language (HTML) è il linguaggio di markup usato per la formattazione di documenti ipertestuali disponibili nel World Wide Web. In altri termini, è il linguaggio utilizzato per definire la struttura ed i contenuti di una pagina web. Nasce all inizio degli anni 90 da un idea di Timothy John Berners-Lee, a quei tempi ricercatore presso il CERN di Ginevra e attualmente Direttore del World Wide Web Consortium (W3C) Evoluzione dell HTML HTML HTML HTML HTML HTML 5 2

3 Novità dell HTML5 L HTML5 introduce importanti novità nel linguaggio HTML, derivanti sia dall evoluzione tecnologica dei dispositivi che utilizzano tale linguaggio (ad es. i dispositivi mobili), sia da una crescente attenzione alla richieste degli sviluppatori (maggiore semplicità e potenza espressiva), che dal lavoro svolto negli ultimi anni dai vari gruppi che compongono il W3C, focalizzandosi su argomenti specifici (ad es. accessibilità, usabilità, multimedia, grafica tridimensionale, grafica vettoriale, etc.). Principali innovazioni dell HTML5 Tag Semantici Multimedialità (Riproduzione audio e video) Migliore esperienza utente (Gestione dei Form, WebWorkers) Grafica vettoriale e tridimensionale Memorizzazione di dati e Applicazioni Off-line Funzionalità Device-aware (Geolocalizzazione, Acquisizione audio/video) 3

4 I nuovi tag semantici Un tag semantico è un elemento del linguaggio HTML che descrive in modo chiaro il suo significato e il suo ruolo all interno della pagina. L HTML5 introduce 6 nuovi tag semantici (<header>, <nav>, <article>, <section>, <aside>, <footer>): la definizione della maggior parte di essi trae direttamente spunto dai WAI-ARIA Roles. WAI-ARIA Roles HTML5 Semantic Tags 4

5 Multimedialità (1) Al fine di creare siti web sempre più coinvolgenti e ricchi di contenuti, negli ultimi anni gli sviluppatori hanno utilizzato varie tecnologie per includere all interno di pagine web elementi multimediali, quali tracce audio e contenuti video. Tali tecnologie, spesso molto diverse fra loro, presentavano vari problemi e svantaggi: Richiedevano l installazione di software aggiuntivi Non erano compatibili con i software usualmente utilizzati da persone con disabilità (ad es. gli screen reader). Non vi era uno standard nel definire i nomi e le funzionalità per gestire i vari parametri relativi alla riproduzione dei contenuti multimediali. Non erano fornite le funzionalità per gestire contenuti aggiuntivi, quali ad esempio sottotitoli e trascrizioni dei contenuti audio. 5

6 Multimedialità (2) L HTML5 introduce i nuovi tag <audio>e <video>, utilizzabili per includere rispettivamente tracce audio e filmati attraverso una modalità standard. In combinazione ad essi, è introdotto anche il tag <track>, utilizzabile per associare ai contenuti multimediali i sottotitoli e le trascrizioni realizzati attraverso il formato Web Video Text Tracks Format (WebVTT). 6

7 Gestione dei Form (1) Fin dalle prime versioni dell HTML è stata inclusa la possibilità di definire moduli elettronici per l inserimento di informazioni all interno di siti o applicazioni web. Sinora però erano stati previste solo poche tipologie di dati inseribili all interno di un form (campi testuali, file, password, bottoni, caselle di controllo, pulsante di opzione, selezione da un elenco di possibili scelte). 7

8 Gestione dei Form (2) Era frequente il caso in cui uno sviluppatore avesse necessità di utilizzare un tipo di dato più specifico (ad es. prevedere l inserimento di una data, di un indirizzo , di un valore numerico all interno di un determinato intervallo). In tale situazione, era suo compito sviluppare tecniche volte a: Fornire una rappresentazione grafica del dato richiesto (ad es. visualizzare un calendario). Indicare se il dato era obbligatorio (e gestire eventuali segnalazioni di errore). Validare il dato inserito (e gestire eventuali segnalazioni di errore). Tradurlo in uno delle tipologie di dato previste dal linguaggio (tipicamente un campo testuale). Fra le varie tecniche utilizzate, molte avevano un comportamento differente in base al software utilizzato per elaborare la pagina web, e spesso alcune funzionalità erano totalmente inutilizzabili per alcune categorie di software. 8

9 Gestione dei Form (3) L HTML5 introduce tredici nuove tipologie di dato (color, date, datetime, datetime-local, , month, number, range, search, tel, time, url, week), oltre alla possibilità di indicare se un campo è obbligatorio (required), coprendo così le più comuni esigenze nella compilazione di un form. Questa soluzione presenta numerosi vantaggi: Si definisce uno standard per la gestione dei più comuni tipi di dato utilizzati nelle form. Si delega al software che elabora la pagina web la scelta del migliore modo per presentare all utente la richiesta di inserimento del dato. Si delega al software che elabora la pagina web la scelta del migliore modo per avvertire l utente delle presenza di un errore (ad es. mancato inserimento di un dato obbligatorio o dato inserito diverso dal tipo richiesto). Generale miglioramento dell esperienza utente. 9

10 HTML5 e WAI-ARIA D: Si possono utilizzare contemporaneamente l HTML5 e le WAI-ARIA? R: Si può, anzi SI DEVE! HTML5 e WAI-ARIA sono due tecnologie distinte e assolutamente compatibili e sovrapponibili. E calorosamente consigliato utilizzarle entrambe per almeno tre motivi: 1. Sebbene l HTML5 prenda ispirazione (anche) dalle WAI-ARIA e ne erediti parte dei criteri, non tutte le funzionalità di WAI-ARIA sono presenti in HTML5 2. Non è possibile ipotizzare a priori quale browser, screen reader o altro software l utente utilizzi per esaminare una pagina web. In generale quindi non è dato conoscere la compatibilità del software con l uno o l altro standard 3. Utilizzare entrambi gli standard implica soffermarsi a ragionare sulla struttura e sui contenuti della pagina web che si sta realizzando, sulla loro importanza e sul loro ruolo all interno del documento, potenzialmente garantendo un risultato finale migliore. 10

11 Problemi da risolvere: i canvas Rispetto alle precedenti versioni del linguaggio, l HTML5 ha compiuto notevoli passi aventi nella definizione di un web accessibile per tutti: tuttavia rimangono ancora aperti alcuni problemi da risolvere. Un tipico esempio è l introduzione del nuovo tag <canvas> (tela virtuale), che permette di definire, all interno di una pagina web, uno spazio in cui è possibile disegnare dinamicamente ed animare sia immagini bidimensionali che tridimensionali. Le possibili applicazioni dei canvas sono molteplici (ad es. videogiochi, fumetti animati, simulazioni scientifiche, software di disegno, grafici statistici in tempo reale), rendendo tale tag una delle innovazioni più interessanti dell HTML5. Dal punto di vista dell accessibilità i canvas rappresentano però una sorta di «scatola nera», da cui, allo stato attuale, non è possibile ottenere informazioni significative sul loro contenuto e quindi non è possibile comunicarle all utente con modalità diversa da quella visiva. La risoluzione di tale problema sarà una delle prossime sfide da affrontare nell ambito dell accessibilità del web. 11

12 Riferimenti utili (W3C) HTML5 Specification Unicorn - W3C's Unified Validator WebVTT: The Web Video Text Tracks Format Web Accessibility Initiative (WAI) Using WAI-ARIA in HTML 12

13 Domande? Grazie! 13

La Qualità del Web QUALITÀ, ACCESSIBILITÀ E USABILITÀ. Web: Modello di Qualità (Polillo) Web: Modello di Qualità. Qualità: Visualizzazione

La Qualità del Web QUALITÀ, ACCESSIBILITÀ E USABILITÀ. Web: Modello di Qualità (Polillo) Web: Modello di Qualità. Qualità: Visualizzazione La Qualità del Web QUALITÀ, ACCESSIBILITÀ E USABILITÀ Informatica Generale (AA 0-5) Web: Modello di Qualità Web: Modello di Qualità (Polillo) caratteristiche principali grafica autorevolezza accessibilità

Dettagli

Il World Wide Web. Il Web. La nascita del Web. Le idee di base del Web

Il World Wide Web. Il Web. La nascita del Web. Le idee di base del Web Il World Wide Web Il Web Claudio Fornaro ver. 1.3 1 Il World Wide Web (ragnatela di estensione mondiale) o WWW o Web è un sistema di documenti ipertestuali collegati tra loro attraverso Internet Attraverso

Dettagli

Laboratorio Matematico Informatico 2

Laboratorio Matematico Informatico 2 Laboratorio Matematico Informatico 2 (Matematica specialistica) A.A. 2006/07 Pierluigi Amodio Dipartimento di Matematica Università di Bari Laboratorio Matematico Informatico 2 p. 1/1 Informazioni Orario

Dettagli

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013

Corso di HTML. Prerequisiti. Modulo L3. 1-Concetti generali. Browser Rete Internet Client e server. M. Malatesta 1-Concetti generali-12 28/07/2013 Corso di HTML Modulo L3 1-Concetti generali 1 Prerequisiti Browser Rete Internet Client e server 2 1 Introduzione In questa Unità introduciamo alcuni semplici elementi del linguaggio HTML, con il quale

Dettagli

Ipertesto. Reti e Web. Ipertesto. Ipertesto. Ipertestualità e multimedialità

Ipertesto. Reti e Web. Ipertesto. Ipertesto. Ipertestualità e multimedialità Ipertesto Reti e Web Ipertestualità e multimedialità Ipertesto: documento elettronico costituito da diverse parti: nodi parti collegate tra loro: collegamenti Navigazione: percorso tra diversi blocchi

Dettagli

Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza

Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza Dichiarazione di accessibilità del sito di Ulisse - Nella rete della scienza I riferimenti riguardano quanto indicato nelle Recommendation del World Wide Web Consortium (W3C) ed in particolare in quelle

Dettagli

Manuali.net. Nevio Martini

Manuali.net. Nevio Martini Manuali.net Corso base per la gestione di Siti Web Nevio Martini 2009 Il Linguaggio HTML 1 parte Introduzione Internet è un fenomeno in continua espansione e non accenna a rallentare, anzi è in permanente

Dettagli

Creare un Ipertesto. www.vincenzocalabro.it 1

Creare un Ipertesto. www.vincenzocalabro.it 1 Creare un Ipertesto www.vincenzocalabro.it 1 Obiettivi Il corso si prefigge di fornire: Le nozioni tecniche di base per creare un Ipertesto I consigli utili per predisporre il layout dei documenti L illustrazione

Dettagli

Comune di Brescia. Obiettivi di accessibilità Anno 2014

Comune di Brescia. Obiettivi di accessibilità Anno 2014 Comune di Brescia Settore Informatica e Smart City Obiettivi di accessibilità Anno 2014 ai sensi dell art. 9 comma 7 DL 179/2012 19 marzo 2014 Servizio software SOMMARIO SOMMARIO... 2 PREMESSA... 3 NORMATIVA

Dettagli

HTML5: il corso Fondamentale

HTML5: il corso Fondamentale HTML5: il corso Fondamentale Impara la tecnologia che sta ALLA BASE del mondo Internet di oggi, in particolar modo se vuoi creare siti facilmente indicizzabili e responsive IlTuoCorso - Ermes srl Via E.De

Dettagli

Programma analitico d'esame. Versione 1.0.00

Programma analitico d'esame. Versione 1.0.00 Programma analitico d'esame Versione 1.0.00 Programma analitico d esame EIPASS Web Il percorso didattico prevede cinque moduli d esame. Ai fini del conseguimento della certificazione, il candidato dovrà,

Dettagli

tratteremo di... Definizione di Internet e Web Linguaggio HTML e Siti web Statici Siti web Dinamici e codice PHP Breve accenno ai CMS Server Locale

tratteremo di... Definizione di Internet e Web Linguaggio HTML e Siti web Statici Siti web Dinamici e codice PHP Breve accenno ai CMS Server Locale LET S GO Progetto del corso Il web: introduzione ad Internet; i linguaggi digitali; siti statici e siti dinamici; i programmi CMS. Approfondimento di HTML e CSS. Web di qualità: tecniche di web writing;

Dettagli

Sviluppo di strumenti per la valutazione automatica di accessibilità e usabilità di applicazioni web

Sviluppo di strumenti per la valutazione automatica di accessibilità e usabilità di applicazioni web tesi di laurea Sviluppo di strumenti per la valutazione automatica di accessibilità e usabilità Anno Accademico 2009-2010 relatore Ch.mo prof. Porfirio Tramontana candidato Paola Lucignano Matr. 832/69

Dettagli

Reti di Calcolatori. Il Livello delle Applicazioni

Reti di Calcolatori. Il Livello delle Applicazioni Reti di Calcolatori Il Livello delle Applicazioni Il DNS Gli indirizzi IP sono in formato numerico: sono difficili da ricordare; Ricordare delle stringhe di testo è sicuramente molto più semplice; Il Domain

Dettagli

REQUISITO DI ACCESSIBILITA

REQUISITO DI ACCESSIBILITA ISTITUTO COMPRENSIVO Pascoli - Crispi Via Gran Priorato, 11-98121 Messina Via Monsignor D'Arrigo, 18-98122 Messina Tel/Fax. 09047030 090360037 e-mail: meic87300t@istruzione.it / meee00800r@istruzione.it

Dettagli

Internet Architettura del www

Internet Architettura del www Internet Architettura del www Internet è una rete di computer. Il World Wide Web è l insieme di servizi che si basa sull architettura di internet. In una rete, ogni nodo (detto host) è connesso a tutti

Dettagli

Lista dei Punti di Controllo per l'accessibilità dei contenuti web

Lista dei Punti di Controllo per l'accessibilità dei contenuti web Lista dei Punti di Controllo per l'accessibilità dei contenuti web Questo documento è tratto dal sito del W3C http://www.w3.org/tr/wai-webcontent/full-checklist.html ed è stato tradotto dagli studenti

Dettagli

Metodologie Informatiche Applicate al Turismo

Metodologie Informatiche Applicate al Turismo Metodologie Informatiche Applicate al Turismo 12. HTML 5 Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Scienze del

Dettagli

capitolo 4 L ORGANIZZAZIONE DELLA VALUTV ALUTAZIONEAZIONE

capitolo 4 L ORGANIZZAZIONE DELLA VALUTV ALUTAZIONEAZIONE capitolo 4 L ORGANIZZAZIONE DELLA VALUTV ALUTAZIONEAZIONE 4.1 DESCRIZIONE SINTETICA DELLA STRUTTURA ORGANIZZATIVA Gli strumenti e le procedure di valutazione e certificazione di qualità delineate nel

Dettagli

Il Livello delle Applicazioni

Il Livello delle Applicazioni Il Livello delle Applicazioni Il livello Applicazione Nello stack protocollare TCP/IP il livello Applicazione corrisponde agli ultimi tre livelli dello stack OSI. Il livello Applicazione supporta le applicazioni

Dettagli

CORSO PER REDATTORI DI SITI WEB

CORSO PER REDATTORI DI SITI WEB CORSO PER REDATTORI DI SITI WEB Prerequisiti: Conoscenza di base dei seguenti argomenti: linguaggi di marcatura (HTML), strumenti software per l'elaborazione di testi. Esperienza nella redazione e pubblicazione

Dettagli

HTML 5 - evoluzione del linguaggio

HTML 5 - evoluzione del linguaggio Alma Mater Studiorum Università di Bologna SCUOLA DI SCIENZE Corso di Laurea in Scienze di Internet HTML 5 - evoluzione del linguaggio Tesi di Laurea in Ingegneria del software Relatore: Prof. Davide Rossi

Dettagli

Accessibilità sito internet dell Ente e obiettivi anno 2014 e seguenti

Accessibilità sito internet dell Ente e obiettivi anno 2014 e seguenti COMUNE DI GALLARATE Settore Risorse Economiche e Finanziarie Centro Elaborazione Dati Accessibilità sito internet dell Ente e obiettivi anno 2014 e seguenti Dichiarazione di accessibilità Il sito del Comune

Dettagli

Verifica di Accessibilità del sito www.aots.sanita.fvg.it

Verifica di Accessibilità del sito www.aots.sanita.fvg.it Verifica di Accessibilità del sito www.aots.sanita.fvg.it NOTE: Verifica effettuata in base ai requisiti descritti nell allegato A del Decreto Ministeriale 8 luglio 2005, ai sensi della legge n.4 del 9

Dettagli

Introduzione al corso

Introduzione al corso Laboratorio di Tecnologie Web Introduzione al corso Dott. Stefano Burigat www.dimi.uniud.it/burigat Cosa faremo L'obbiettivo del corso di Laboratorio di Tecnologie Web è quello di fornire le competenze

Dettagli

Accessibilità digitale

Accessibilità digitale Accessibilità digitale Guido Gelatti guido.gelatti@itiscastelli.it Brixia Generazione Digitale - 6 Dicembre 2013 The power of the Web is in its universality Tim Berners-Lee afferma che il web "deve consentire

Dettagli

Internet e i suoi servizi. Luca Cervone (luca.cervone@unibo.it)

Internet e i suoi servizi. Luca Cervone (luca.cervone@unibo.it) Internet e i suoi servizi Luca Cervone (luca.cervone@unibo.it) La rete Una reteèun insieme non gerarchicodi sistemi connessi tra di loro. Nel caso dei computerla rete sta ad indicare l insieme degli strumentihardwaree

Dettagli

Uno strumento per la valutazione automatica dell accessibilità delle

Uno strumento per la valutazione automatica dell accessibilità delle tesi di laurea Uno strumento per la valutazione automatica dell accessibilità delle Anno Accademico 2010/2011 relatore Ch.mo prof. Porfirio Tramontana candidato Barbara Marrone Matr. 534/1581 e Accessibilità

Dettagli

Componenti multimediali per il Web. Modulo 14

Componenti multimediali per il Web. Modulo 14 Componenti multimediali per il Web Modulo 14 Obiettivi Valutare e usare strumenti di utilità e produzione grafica anche animata per inserire e modificare componenti multimediali (immagini, immagini animate,

Dettagli

Appunti di Informatica Gestionale per cl. V A cura del prof. ing. Mario Catalano. Internet e il Web

Appunti di Informatica Gestionale per cl. V A cura del prof. ing. Mario Catalano. Internet e il Web Appunti di Informatica Gestionale per cl. V A cura del prof. ing. Mario Catalano Internet e il Web 1 Internet Internet è un insieme di reti informatiche collegate tra loro in tutto il mondo. Tramite una

Dettagli

Modulo ECDL WEBSTARTER. Obiettivi del modulo. Categoria Skill set Rif. Task Item. 1.1 Il web - Concetti. 1.2 HTML 1.2.1 Fondamenti

Modulo ECDL WEBSTARTER. Obiettivi del modulo. Categoria Skill set Rif. Task Item. 1.1 Il web - Concetti. 1.2 HTML 1.2.1 Fondamenti EUROPEAN COMPUTER DRIVING LICENCE WEBSTARTER - Versione 1.5 Copyright 2009 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta

Dettagli

INTERNET EXPLORER. Saro Alioto 1

INTERNET EXPLORER. Saro Alioto 1 INTERNET EXPLORER Saro Alioto 1 INTERNET 1960 Nasce con il nome ARPANET per volontà del Dipartimento della Difesa Statunitense, collegando quattro computer, tre in California ed uno in Utah. 1970 Altri

Dettagli

COMUNE DI COMACCHIO. Provincia di Ferrara. Settore III Servizio Finanziario e Partecipate. Servizio Informatico Ufficio CED

COMUNE DI COMACCHIO. Provincia di Ferrara. Settore III Servizio Finanziario e Partecipate. Servizio Informatico Ufficio CED COMUNE DI COMACCHIO Provincia di Ferrara Settore III Servizio Finanziario e Partecipate Servizio Informatico Ufficio CED Accessibilità L'accessibilità di un sito web è il frutto di un insieme di tecniche

Dettagli

Ipertesto, navigazione e cenni HTML. Lezione Informatica I CLAWEB

Ipertesto, navigazione e cenni HTML. Lezione Informatica I CLAWEB Ipertesto, navigazione e cenni HTML Lezione Informatica I CLAWEB 1 Il concetto di Ipertesto (1/2) Definizione: Modello testuale in cui le diverse unità di contenuti non sono articolate secondo un ordine

Dettagli

Rich Media Communication Using Flash CS5

Rich Media Communication Using Flash CS5 Rich Media Communication Using Flash CS5 Dominio 1.0 Impostare i requisiti del progetto 1.1 Individuare lo scopo, i destinatari e le loro esigenze per i contenuti multimediali. 1.2 dentificare i contenuti

Dettagli

ESERCITAZIONE Semplice creazione di un sito Internet

ESERCITAZIONE Semplice creazione di un sito Internet ESERCITAZIONE Semplice creazione di un sito Internet Sistemi e Tecnologie Informatiche - Prof. Gregorio Cosentino 1 Internet Una rete globale che connette milioni di computer in tutto il mondo, anarchica

Dettagli

Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa. Ingegneria del Web: qualità dei siti

Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa. Ingegneria del Web: qualità dei siti Gruppo 4: Gelmi Martina, Morelato Francesca, Parisi Elisa Ingegneria del Web: qualità dei siti Indice Internet, il www e i siti web Ingegneria del software Ingegneria del Web - Accessibilità - Usabilità

Dettagli

Architettura del. Sintesi dei livelli di rete. Livelli di trasporto e inferiori (Livelli 1-4)

Architettura del. Sintesi dei livelli di rete. Livelli di trasporto e inferiori (Livelli 1-4) Architettura del WWW World Wide Web Sintesi dei livelli di rete Livelli di trasporto e inferiori (Livelli 1-4) - Connessione fisica - Trasmissione dei pacchetti ( IP ) - Affidabilità della comunicazione

Dettagli

Architettura client-server

Architettura client-server Architettura client-server In un architettura client-server ci sono due calcolatori connessi alla rete: un client che sottopone richieste al server un server in grado di rispondere alle richieste formulate

Dettagli

Informatica per la comunicazione" - lezione 9 -

Informatica per la comunicazione - lezione 9 - Informatica per la comunicazione" - lezione 9 - Internet Web!" Il web è solo uno degli aspetti di internet." In particolare, chiamiamo web tutta l informazione che riusciamo a ottenere collegandoci ad

Dettagli

HTML il linguaggio per creare le pagine per il web

HTML il linguaggio per creare le pagine per il web HTML il linguaggio per creare le pagine per il web Parte I: elementi di base World Wide Web Si basa sul protocollo HTTP ed è la vera novità degli anni 90 Sviluppato presso il CERN di Ginevra è il più potente

Dettagli

SISTEMA EDITORIALE WEBMAGAZINE V.2.2

SISTEMA EDITORIALE WEBMAGAZINE V.2.2 SISTEMA EDITORIALE WEBMAGAZINE V.2.2 1 - Il funzionamento di Web Magazine Web Magazine è un applicativo pensato appositamente per la pubblicazione online di un giornale, una rivista o un periodico. E'

Dettagli

CONTROLLO REMOTO DI UNA TELECAMERA IP

CONTROLLO REMOTO DI UNA TELECAMERA IP Scuola Media Pietro Coppo CONTROLLO REMOTO DI UNA TELECAMERA IP Tesi di Maturità Professionale Alunno: Salben Kamberi Mentore: Maurizio Škerlič Anno scolastico 2013/2014 INDICE INDICE... 2 INTRODUZIONE...

Dettagli

Università della Svizzera italiana

Università della Svizzera italiana Università della Svizzera italiana Il sito dell Università della Svizzera italiana e l accessibilità Vs.1.0 11 / 12 / 2007 TEC-LAB WEB-SERVICE 1. INTRODUZIONE Avere accesso al web, per un utente disabile,

Dettagli

Conformità: Conforme; tutte le pagine sono realizzate con linguaggio XHTML 1.0 Strict.

Conformità: Conforme; tutte le pagine sono realizzate con linguaggio XHTML 1.0 Strict. Tasti di accesso rapido Al fine di migliorare l'accessibilità del sito sono stati definiti i seguenti tasti di accesso rapido, per attivare le principali funzionalità offerte: [H] = Homepage [R] = Ricerca

Dettagli

Sommario. Introduzione... xv. Capitolo 1 Gli elementi di base delle pagine web... 1. Capitolo 2 I file delle pagine web... 27

Sommario. Introduzione... xv. Capitolo 1 Gli elementi di base delle pagine web... 1. Capitolo 2 I file delle pagine web... 27 Sommario Introduzione........................ xv HTML e CSS in breve.................... xvi I browser web....................... xvii Gli standard e le specifiche web............. xviii Il progressive

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0

EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 EUROPEAN COMPUTER DRIVING LICENCE WEB EDITING - Versione 2.0 Copyright 2010 The European Computer Driving Licence Foundation Ltd. Tutti I diritti riservati. Questa pubblicazione non può essere riprodotta

Dettagli

Dichiarazione di Accessibilità

Dichiarazione di Accessibilità Dichiarazione di Accessibilità Requisito n. 1 : Realizzare le pagine e gli oggetti al loro interno utilizzando tecnologie definite da grammatiche formali pubblicate nelle versioni più recenti disponibili

Dettagli

Decreto Ministeriale 8 luglio 2005. (Ministro per l Innovazione e le tecnologie) Allegato A

Decreto Ministeriale 8 luglio 2005. (Ministro per l Innovazione e le tecnologie) Allegato A Decreto Ministeriale 8 luglio 2005. (Ministro per l Innovazione e le tecnologie) Allegato A Verifica tecnica e requisiti tecnici di accessibilità delle applicazioni basate su tecnologie internet 1. Premessa

Dettagli

Obiettivi di accessibilità per l anno 2014

Obiettivi di accessibilità per l anno 2014 COMUNE DI MONTEVARCHI Obiettivi di accessibilità per l anno 2014 Redatto ai sensi dell articolo 9, comma 7 del decreto legge 18 ottobre 2012, n. 179. Redatto il 27/03/2014 1 SOMMARIO Obiettivi di accessibilità

Dettagli

prof. Mario Dalessandro

prof. Mario Dalessandro INTERNET Internet in pratica è una rete vastissima, costituita dall interconnessione di migliaia di reti pubbliche e private, utilizzata per scopi differenti, ma comunque volta a creare e diffondere informazioni.

Dettagli

SITI WEB DEL COMUNE DI PESARO, RAPPORTO DI CONFORMITA' AI REQUISITI TECNICI DELLA LEGGE N.4-9 GENNAIO 2004

SITI WEB DEL COMUNE DI PESARO, RAPPORTO DI CONFORMITA' AI REQUISITI TECNICI DELLA LEGGE N.4-9 GENNAIO 2004 SITI WEB DEL COMUNE DI PESARO, RAPPORTO DI CONFORMITA' AI REQUISITI TECNICI DELLA LEGGE N.4-9 GENNAIO 2004 Le pagine del sito istituzionale e dei siti tematici del Comune di Pesaro sono state progettate

Dettagli

SERVIZI OFFERTI DA INTERNET INTERNET POSTA ELETTRONICA

SERVIZI OFFERTI DA INTERNET INTERNET POSTA ELETTRONICA Reti Informatiche SERVIZI OFFERTI DA INTERNET INTERNET POSTA ELETTRONICA INTERNET Il prototipo della grande rete si chiamava ARPAnet ed alla fine del 1960 collegava i computer dell UCLA, dello Stanford

Dettagli

HTML e Linguaggi. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione

HTML e Linguaggi. Politecnico di Milano Facoltà del Design Bovisa. Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione HTML e Linguaggi Politecnico di Facoltà del Design Bovisa Prof. Gianpaolo Cugola Dipartimento di Elettronica e Informazione cugola@elet.polimi.it http://home.dei.polimi.it/cugola Indice Il linguaggio del

Dettagli

Accessibilità e Usabilità Web. Katuscia Cerbioni

Accessibilità e Usabilità Web. Katuscia Cerbioni Accessibilità e Usabilità Web Katuscia Cerbioni Qualche definizione: Accessibilità Accessibilità In informatica: capacità di un dispositivo, di un servizio o di una risorsa di essere fruibile con facilità

Dettagli

Progettare un sito web

Progettare un sito web Progettare un sito web Problematiche di accessibilità (Capitolo 2) (materiale illustrativo degli esempi gentilmente messo a disposizione da R. Polillo) Accessibilità La capacità dei sistemi informatici,

Dettagli

b) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione

b) Dinamicità delle pagine e interattività d) Separazione del contenuto dalla forma di visualizzazione Evoluzione del Web Direzioni di sviluppo del web a) Multimedialità b) Dinamicità delle pagine e interattività c) Accessibilità d) Separazione del contenuto dalla forma di visualizzazione e) Web semantico

Dettagli

Macchine per l elaborazione dell informazion e. Sistemi di Elaborazione delle Informazioni. Informatica II

Macchine per l elaborazione dell informazion e. Sistemi di Elaborazione delle Informazioni. Informatica II Macchine per l elaborazione dell informazion e Sistemi di Elaborazione delle Informazioni Informatica II Ing. Mauro Iacono Seconda Università degli Studi di Napoli Facoltà di Studi Politici e per l Alta

Dettagli

AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI

AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI AUTOAGGIORNAMENTO DOCUMENTI ACCESSIBILI e USABILI Cosa è l accessibilità? Legge Stanca del 9 gennaio 2004 che regola la forma e i contenuti dei siti web delle P.A L «accessibilità» è la capacità dei sistemi

Dettagli

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) E un linguaggio di scrittura di pagine per Internet (pagine web) nato nel 1992. E un linguaggio di marcatura ipertestuale Non è un linguaggio di programmazione, in quanto

Dettagli

EIPASS Web. Programma analitico d esame. ver. 3.0

EIPASS Web. Programma analitico d esame. ver. 3.0 EIPASS Web Programma analitico d esame ver. 3.0 Pagina 2 di 21 Premessa Questa pubblicazione, riservata ai Candidati agli esami per il conseguimento del titolo EIPASS nel profilo di riferimento, intende

Dettagli

Web Content Management and E- Learning

Web Content Management and E- Learning Web Content Management and E- Learning Dott. Fabio Fioravanti fioravanti@sci.unich.it http://www.sci.unich.it/~fioravan Corso di Laurea in Economia e Management Facoltà di Scienze Manageriali UNICH - AA

Dettagli

Schede certificazioni BOZZA

Schede certificazioni BOZZA Schede certificazioni BOZZA PierfrancoRavotto ECDLCore Modulo1:Concettidibasedell ICT Saper utilizzare la terminologia essenziale relativa alle ICT, riconoscere le parti di un computer e le problematiche

Dettagli

Come viene definito un layout studiato per una dimensione standard, di cui non è possibile variare la larghezza ridimensionando la finestra del

Come viene definito un layout studiato per una dimensione standard, di cui non è possibile variare la larghezza ridimensionando la finestra del Come viene definito un layout studiato per una dimensione standard, di cui non è possibile variare la larghezza ridimensionando la finestra del browser o cambiando la dimensione del testo? Layout elastic

Dettagli

Introduzione a Internet e al World Wide Web

Introduzione a Internet e al World Wide Web Introduzione a Internet e al World Wide Web Una rete è costituita da due o più computer, o altri dispositivi, collegati tra loro per comunicare l uno con l altro. La più grande rete esistente al mondo,

Dettagli

Sommario. Introduzione Architettura Client-Server. Server Web Browser Web. Architettura a Due Livelli Architettura a Tre Livelli

Sommario. Introduzione Architettura Client-Server. Server Web Browser Web. Architettura a Due Livelli Architettura a Tre Livelli Sommario Introduzione Architettura Client-Server Architettura a Due Livelli Architettura a Tre Livelli Server Web Browser Web Introduzione La storia inizia nel 1989 Tim Berners-Lee al CERN, progetto WWW

Dettagli

Relazione sulla verifica accessibilità

Relazione sulla verifica accessibilità Relazione sulla verifica accessibilità Sito web: www.comune.stresa.vb.it Premessa Il presente rapporto e l effettiva attività di controllo requisiti per l accessibilità, sono stati effettuati seguendo

Dettagli

Dichiarazione di Accessibilità

Dichiarazione di Accessibilità Dichiarazione di Accessibilità Il sito web del comune è stato progettato e realizzato con particolare attenzione a quanto prescritto dalla Legge 4/2004 (cosiddetta Legge Stanca ), contenente "Disposizioni

Dettagli

CONVERGENZE TRA ACCESSIBILITÀ, STANDARD E VISIBILITÀ NELLA RETE CONSIGLI E STRUMENTI UTILI PER LA PROMOZIONE

CONVERGENZE TRA ACCESSIBILITÀ, STANDARD E VISIBILITÀ NELLA RETE CONSIGLI E STRUMENTI UTILI PER LA PROMOZIONE CONVERGENZE TRA ACCESSIBILITÀ, STANDARD E VISIBILITÀ NELLA RETE CONSIGLI E STRUMENTI UTILI PER LA PROMOZIONE A cura di Massimiliano Navacchia http://www.navacchia.it/ info@navacchia.it - cell. (+39) 3394676518

Dettagli

Moduli del corso. On Line Essential. Napoli. Liceo Ginnasio Statale «G. B. Vico» SEZIONI. Corso di formazione «ECDL FULL STANDARD» Navigazione in rete

Moduli del corso. On Line Essential. Napoli. Liceo Ginnasio Statale «G. B. Vico» SEZIONI. Corso di formazione «ECDL FULL STANDARD» Navigazione in rete DESCRIZIONE DEL SYLLABUS Navigazione in rete Concetti di comunicazione Moduli del corso On Line Essential SEZIONI Navigazione nel WEB Uso della posta elettronica Informazioni raccolte sul WEB 135 On line

Dettagli

USABILITÀ DEL SITO (*)

USABILITÀ DEL SITO (*) USABILITÀ DEL SITO (*) In generale un progetto software tecnicamente perfetto ma difficile da usare è destinato a non essere usato! Pertanto l'usabilità di un'applicazione software rappresenta una delle

Dettagli

DISPENSA CORSO WEB DESIGNER

DISPENSA CORSO WEB DESIGNER DISPENSA CORSO WEB DESIGNER Già da qualche anno internet è entrato a far parte della nostra vita quotidiana. Tutti i giorni apriamo il browser (il programma che utilizziamo per navigare in internet) e

Dettagli

Siti web degli istituti comprensivi: come e perchè Capitolo 1 Internet, usabilità, ergonomia, accessibilità

Siti web degli istituti comprensivi: come e perchè Capitolo 1 Internet, usabilità, ergonomia, accessibilità 1.1 Regole auree di un sito internet La progettazione WEB è una disciplina multiforme e che necessita di conoscenze e competenze di ampio respiro. Chi lavora in internet deve essere al contempo programmatore

Dettagli

ACCADEMIA DI BELLE ARTI DI PALERMO

ACCADEMIA DI BELLE ARTI DI PALERMO ACCADEMIA DI BELLE ARTI DI PALERMO Corso di Web Design INTRODUZIONE Da oltre dieci anni Internet rappresenta uno dei mezzi di comunicazione più importante ed in continua evoluzione, uno strumento divenuto

Dettagli

Bando selezione Professionista Esperto/Impresa Progettista Web - Web Design

Bando selezione Professionista Esperto/Impresa Progettista Web - Web Design PPROT. N. 1730 Lauria li, 25/05/2015 AVVISO PUBBLICO CIG: ZCD14B4BE0 Bando selezione Professionista Esperto/Impresa Progettista Web - Web Design IL DIRIGENTE SCOLASTICO Visto che in data 29/04/2015 è stata

Dettagli

MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB ( ULTIMO AGGIORNAMENTO 26MARZO 2009)

MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB ( ULTIMO AGGIORNAMENTO 26MARZO 2009) MANUALE PER CONSULTARE LA RASSEGNA STAMPA VIA WEB ( ULTIMO AGGIORNAMENTO 26MARZO 2009) I N D I C E VISUALIZZAZIONE PDF COLORE E RIDUZIONE.4 INVIO MAIL MULTIPLA IN PDF O SOMMARIO.5 GESTIONE 9 GESTIONE TESTATE..9

Dettagli

Accessibilità e Guida all'uso del Sito

Accessibilità e Guida all'uso del Sito Accessibilità e Guida all'uso del Sito Questo documento fornisce una panoramica sulle caratteristiche di questo sito con particolare riferimento alla accessibilità. IMPORTANTE: Se si riscontrano problemi

Dettagli

Richiami sugli elementi del linguaggio HTML

Richiami sugli elementi del linguaggio HTML Richiami sugli elementi del linguaggio HTML Un documento in formato Web può essere aperto con un browser, attraverso un collegamento a Internet oppure caricandolo dal disco del proprio computer senza connettersi

Dettagli

Tecnologie informatiche e multimediali A.A. 2012/2013 - Elenco Obiettivi Prova scritta (STEP 1)

Tecnologie informatiche e multimediali A.A. 2012/2013 - Elenco Obiettivi Prova scritta (STEP 1) Tecnologie informatiche e multimediali A.A. 0/03 - Elenco Obiettivi Prova scritta (STEP ) Obiettivo didattico Descrivere gli elementi caratteristici delle tecnologie informatiche Numero item definire i

Dettagli

CORSO DI WEB DESIGN 40 ORE

CORSO DI WEB DESIGN 40 ORE CORSO DI WEB DESIGN 40 ORE Adobe Photoshop CS5 Unità didattica 1: Grafica bitmap ed introduzione all utilizzo di photoshop Concetti fondamentali di Photoshop Immagini bitmap e grafica vettoriale Dimensioni

Dettagli

Lezione 20: La grafica 3D ed il WEB. La grafica 3D ed il WEB. La grafica 3D ed il WEB. Contenuti non interattivi. Contenuti interattivi

Lezione 20: La grafica 3D ed il WEB. La grafica 3D ed il WEB. La grafica 3D ed il WEB. Contenuti non interattivi. Contenuti interattivi La grafica 3D ed il WEB Lezione 20: La grafica 3D ed il WEB Lo sviluppo che ha avuto Internet negli ultimi anni e' principalmente dovuto al WWW. Uno dei punto di forza del WWW e' la possibilita' di distribuire

Dettagli

SIAGAS Manuale Utente Utente non autenticato

SIAGAS Manuale Utente Utente non autenticato SIAGAS Manuale Utente Utente non autenticato 27 marzo 2007 v.1.7 SIAGAS: Manuale Utente: utente non autenticato 1/10 1 Introduzione 1.1 Destinatario del prodotto SIAGAS è uno Sportello Informativo per

Dettagli

Note di metodo. Luisa Neri 1

Note di metodo. Luisa Neri 1 Realizzazione di pagine web per siti scolastici Note di metodo Luisa Neri 1 Premessa Queste Note di metodo sono state preparate per un corso sullo sviluppo di pagine web rivolto ai docenti. Si è inteso

Dettagli

Internet e World Wide Web

Internet e World Wide Web Alfonso Miola Internet e World Wide Web Dispensa C-02 Settembre 2005 1 Nota bene Il presente materiale didattico è derivato dalla dispensa prodotta da Luca Cabibbo Dip. Informatica e Automazione Università

Dettagli

Uso di un browser (con riferimento a Microsoft Internet Explorer 7.0)

Uso di un browser (con riferimento a Microsoft Internet Explorer 7.0) Uso di un browser (con riferimento a Microsoft Internet Explorer 7.0) Nota Bene: Si raccomanda di leggere queste dispense di fronte al computer, provando passo dopo passo le funzionalità descritte. Per

Dettagli

Le due linee della semplicità al Comune di Brescia: i contenuti e i servizi

Le due linee della semplicità al Comune di Brescia: i contenuti e i servizi Le due linee della semplicità al Comune di Brescia: i contenuti e i servizi Marilena Nugnes Responsabile settore informatica Comune di Brescia Comune di Brescia I due interventi Tecnologico: nuove modalità

Dettagli

Quale futuro per l accessibilità. Roberto Scano International Webmasters Association http://www.iwa.it

Quale futuro per l accessibilità. Roberto Scano International Webmasters Association http://www.iwa.it Quale futuro per l accessibilità dei sistemi informatici? Roberto Scano International Webmasters Association http://www.iwa.it Raccomandazioni La raccomandazione rappresenta una fonte che non dà vita a

Dettagli

Il progetto ADVmania. SOFTWARE MADE IN SARDINIA www.softfobia.com. ADVmania 1

Il progetto ADVmania. SOFTWARE MADE IN SARDINIA www.softfobia.com. ADVmania 1 Funzionalità principali gestione delle testate gestione delle campagne per testata gestione di sondaggi/concorsi per testata statistiche di accesso per campagna creazione minisite creazione richsite generazione

Dettagli

Maria Grazia Ottaviani. informatica, comunicazione e multimedialità

Maria Grazia Ottaviani. informatica, comunicazione e multimedialità Maria Grazia Ottaviani informatica, comunicazione e multimedialità Unità digitale 1 Ambiente HTML Introduzione Oltre ai linguaggi di programmazione esistono anche linguaggi detti markup. Sono linguaggi

Dettagli

Corso di Web Programming

Corso di Web Programming Corso di Web Programming 1. Introduzione a Internet e al WWW Paolo Milazzo Dipartimento di Informatica, Università di Pisa http://www.di.unipi.it/ milazzo milazzo di.unipi.it Corso di Laurea in Informatica

Dettagli

PROGRAMMAZIONE DISCIPLINARE D ISTITUTO a.s. 2015/2016 PRIMO BIENNIO LICEO SCIENTIFICO OPZIONE SCIENZE APPLICATE

PROGRAMMAZIONE DISCIPLINARE D ISTITUTO a.s. 2015/2016 PRIMO BIENNIO LICEO SCIENTIFICO OPZIONE SCIENZE APPLICATE ISIS"Giulio Natta" Bergamo pag. 1 di 6 PRIMO BIENNIO LICEO SCIENTIFICO OPZIONE SCIENZE APPLICATE Disciplina INFORMATICA monte ore annuale previsto (n. ore settimanali per 33 settimane) 2X33 = 66 competenze

Dettagli

PRESIDENZA DEL CONSIGLIO DEI MINISTRI DIPARTIMENTO DELLA FUNZIONE PUBBLICA

PRESIDENZA DEL CONSIGLIO DEI MINISTRI DIPARTIMENTO DELLA FUNZIONE PUBBLICA PRESIDENZA DEL CONSIGLIO DEI MINISTRI DIPARTIMENTO DELLA FUNZIONE PUBBLICA CIRCOLARE 13 marzo 2001, n.3/2001 Linee guida per l'organizzazione, l'usabilita' e l'accessibilita' dei siti Web delle pubbliche

Dettagli

Corso di Sistemi di Elaborazione delle informazioni

Corso di Sistemi di Elaborazione delle informazioni Corso di Sistemi di Elaborazione delle informazioni Reti di Calcolatori Francesco Fontanella Il DNS Gli indirizzi IP sono in formato numerico: sono difficili da ricordare; Ricordare delle stringhe di testo

Dettagli

Accessibilità dei siti Web e P.A. italiana

Accessibilità dei siti Web e P.A. italiana 1 Accessibilità dei siti Web e P.A. italiana Internet, 25 giugno 2013 Immagine: http://miriadna.com/preview/653 Cos è l accessibilità Fonte: http://www.sustainablesushi.net/wp-content/uploads/2009/07/hair-out-714605.jpg

Dettagli

Uno strumento a supporto della valutazione di conformità di Live Regions alle direttive WAI-ARIA

Uno strumento a supporto della valutazione di conformità di Live Regions alle direttive WAI-ARIA Tesi di Laurea: Uno strumento a supporto della valutazione di conformità di Live Regions alle direttive WAI-ARIA Anno Accademico 2007/2008 relatore Ch.mo prof. Porfirio Tramontana candidato Nicola Traficante

Dettagli

Guida per l utente. Marzo 2013. www.iphonesmsexport.info. New Digital Power 113 Via Antonio Silvani 00139 Rome, Italy. info@digitalpower.

Guida per l utente. Marzo 2013. www.iphonesmsexport.info. New Digital Power 113 Via Antonio Silvani 00139 Rome, Italy. info@digitalpower. Guida per l utente Marzo 2013 www.iphonesmsexport.info New Digital Power 113 Via Antonio Silvani 00139 Rome, Italy info@digitalpower.it Introduzione SMS Export è stato concepito per dare la possibilità

Dettagli

Uso di un browser (con riferimento a Microsoft Internet Explorer 6.0)

Uso di un browser (con riferimento a Microsoft Internet Explorer 6.0) Uso di un browser (con riferimento a Microsoft Internet Explorer 6.0) Nota Bene: Si raccomanda di leggere queste dispense di fronte al computer, provando passo dopo passo le funzionalità descritte. Per

Dettagli

Lista dei punti di controllo per l accessibilità

Lista dei punti di controllo per l accessibilità Lista dei punti di controllo per l accessibilità Parte Prima Punti di controllo obbligatori Aa. In generale 3 Per ogni elemento non di testo è fornito un equivalente testuale (per esempio, mediante "alt",

Dettagli

EUROPEAN COMPUTER DRIVING LICENCE. WebEditing. Syllabus

EUROPEAN COMPUTER DRIVING LICENCE. WebEditing. Syllabus EUROPEAN COMPUTER DRIVING LICENCE WebEditing Syllabus Scopo Questo documento presenta il syllabus di ECDL Standard WebEditing. Il syllabus descrive, attraverso i risultati del processo di apprendimento,

Dettagli