Corso di Formazione: Redattore di Sito Web Dipartimentale

[email protected]

Redattore di Sito Web DipartimentaleDipartimento di Pediatria Salus Pueri

Facoltà di Medicina e Chirurgia

Comunità di Pratica U-WAKES

Corso di formazione sull'aggiornamento di siti web dell’area medica accessibilmente usabili

[email protected]

9.45-10.30 *Perché? Parte Teorica*. Perché, per essere abilitati ad aggiornare il sito della propria struttura, è necessario conoscere:

1) il regolamento d’Ateneo;

2) la legge italiana sui siti web di PA (L. 4/2004);

3) gli standard internazionali del W3C (WCAG 2.0)?

10.45-11.30 *Come? Parte Pratica*. Come applicare alle istanze dipartimentali e a quella della presidenza della Facoltà, i principi generali suggeriti da regolamenti, leggi e standard?

Corso di Formazione: Redattore di Sito Web Dipartimentale

Sommario

[email protected]

Prima parte

Perché?

[email protected]

- Lo scopo di un sito di Ateneo è quello di fornire contenuti didattici, informazioni e servizi orientati all'utenza (Studenti, Docenti, Ricercatori…).

- Un sito con informazioni aggiornate può dare un servizio altrimenti è una inutile e ridicola vetrina.

- E' opportuno fornire a tutti coloro che pubblicano sul web, semplici linee guida condivise sull’usabilità accessibile che recepiscono le indicazioni a livello:- Locale: Regolamento d’Ateneo- Nazionale: Legge Stanca (Campa-Palmieri) - Internazionale: WCAG/W3C

- Per questo è necessario curare *l'uniformità funzionale* dell’offerta didattica e dei servizi.


Premesse

[email protected]

Personaggi edEvoluzione del

[email protected]

[email protected] MasterRedattore

Utente Sito


I Personaggi

[email protected]

Web 1.0


Evoluzione: ieri

[email protected]

Web 2.0


Evoluzione: oggi

[email protected]

Web 3.0


Evoluzione: domani

[email protected]

InterazioneUomo – Macchina

Cittadino – Servizio Pubblico

[email protected]

elaborazione

outputpercezione

cognizione

azione input


Interazione Uomo Macchina 1.0

[email protected]


Interazione Uomo Macchina 2.0

elaborazione

outputpercezione

cognizione

azione input

[email protected]

RegolamentiLeggi

StandardLinee Guida

[email protected]

- Regolamentazione (…) Ateneo (…) web strutture- www.unipd.it/regolamenti/ricerca_prestazionicontoterzi-Ricerca.htm

- *Legge “Stanca (Campa-Palmieri)”* “Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici”- www.governo.it/Presidenza/web/legge09012004.html

- WCAG 2.0: linee guida del progetto WAI del W3C.- www.w3.org/TR/WCAG/


Ateneo, Legge “Stanca” e WCAG/W3C

[email protected]

“…I siti dovrebbero essere *conformi alla normativa italiana in materia di accessibilità* (…) e tenere conto delle linee guida del progetto WAI - Web Accessibility Initiative del W3C (WCAG 2.0 ndr).”

Il regolamento nel 2004 non imponeva ma solo proponeva ma dal novembre del 2009 c’é

http://www.accessibile.gov.it/consulta/


Regolamentazione (…) Ateneo (…) web strutture

[email protected]

Corso di Formazione: Redattore di Sito Web DipartimentaleDai 22 requisiti della legge “Stanca (Campa-Palmieri)”

1. Requisiti 3 e 18: Curare la presentazione multicanale di oggetti multimediali e non testuali. Fornire nel caso di immagini, e in special modo di quelle con del testo, la descrizione. Inoltre, ove possibile, includere un riassunto o dei sottotitoli nel caso di filmati.

2. Requisiti 4 e 6: Curare la leggibilità visiva e sonora delle informazioni testuali. Fare attenzione ai colori scelti che devono avere un buon contrasto e che non devono essere usati da soli per veicolare le informazioni.

3. Requisito 19: Curare che la navigazione sia chiara e semplice. Il testo dei link dev'essere indicativo dell'oggetto a cui fa riferimento anche se decontestualizzato. Il contenuto deve permettere di raggiungere le varie sezioni del documento in maniera agevole.

4. Requisito 2: Curare l’identificazione della lingua principale con cui è scritto il contenuto della pagina. Nelle pagine multilingua inserire le informazioni necessarie ad identificare I cambiamenti di lingua nelle frasi.

[email protected]

Un servizio informatico è accessibile quando è PURO

Percettibile: i contenuti multimediali possono essere percepiti anche anche se non si vede (audiodescrizione) o non si sente (sottotitoli);

Usabile/Comprensibile: le informazioni devono essere chiare e semplici in ogni lingua;

Robusto: vengono utilizzati standard ISO/W3C affinché, sia oggi che domani i contenuti, siano percepibili e usabili;

Operabile: l’interfaccia per l’input è multimodale (contemporaneamente più modalità: voce/mouse/tastiera/touch screen) e la velocità dell’output visivo e vocale è personalizzabile

Autore foto: Marco Filippi Licenza:


WCAG 2.0 standard web del W3C

[email protected]

PURO - Percettibile Usabile (Comprensibile)

Robusto e Operabile

[email protected]

I seguenti semplici consigli,mostrando l’opposto,

Insegnano come realizzare un

contenuto digitale PURO

http://boobam.org/tetra.htm


Tetraedro PURO

[email protected]

Sulla Percettibilità dei colori

Non usare mai il colore per veicolare contenuti

Le frasi corrette sono scritte in verde quelle errate in rosso

Un BYTE è composto da 9 bitUn BYTE è composto da 8 bit

Diventa in stampa e in video per alcuni


Un BYTE è composto da 9 bitUn BYTE è composto da 8 bit


Mai solo colore per veicolare contenuti

[email protected]

Sulla Percettibilità dei colori

Usare il colore per veicolare contenuti solo se ridondante


Un BYTE è composto da 9 bit: FalsoUn BYTE è composto da 8 bit: Vero

Diventa in stampa e in video per alcuni


Un BYTE è composto da 9 bit: FalsoUn BYTE è composto da 8 bit: Vero


Non solo colore per veicolare contenuti

[email protected]

• Verificare con una stampa come appare il documento in B/W

• Verificare con una stampa come appare il documento in B/W


Stampare a colori costa

[email protected]

Utilizzare uno sfondo semplice chiaro o scuro e

assicurare la leggibilità dei testi


Usare sfondi semplici

[email protected]

Quale delle seguenti descrizioni è la più corretta?

1: Isola di san Giorgiosul Canal Grande

a Venezia

2: Un bicchiere, unpiatto e una

forchetta

3: 10 gondole blu


Descrivere immagini e filmati

[email protected]

Streaming Multicanale (contenuti sia audio che visivi tramite sottotitoli) dell'intervento con cui Piero Angela il 19 settembre ha aperto nell'Aula Magna dell'Università di Padova il Convegno Berlin 5 su Open Access


Multicanalità vs Multimedialità

Estratto: http://www.youtube.com/watch?v=dtCeVpOgqFY Completo: http://www.webmultimediale.it/play.php?vid=210

E’ importante curare la multi-canalità di un oggetto didattico multi-mediale attraverso commenti, audiodescrizioni o sottotitoli per renderlo PURO

[email protected]

Evitare slide con troppi concetti e caratteri piccoli


Caratteri grandi e frasi corte!

Una singola slide dovrebbe veicolare un concetto alla volta.

Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta.

Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche

dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti. Una singola slide dovrebbe veicolare un concetto alla volta. Ognuno, anche dall'ultima fila o senza occhiali, deve poter leggere bene i vostri contenuti.

[email protected]

Preferire formati per la codifica di contenuti *standard e aperti*


Formati e protocolli standard e aperti

Esempi di formati digitali standard e aperti : PDF, TXT, HTML, XML, JPEG, MP3, MPEGproprietari: DOC(X), XLS(X), PPT(X), NRG, MDB

[email protected]

Per essere sicuri di aver creato un contenuto digitale comprensibile e

percettibile da tutti, basta selezionarlo, copiarlo,

incollarlo in un editor di testo, stamparlo in bianco e nero e…

farlo leggere ad un bimbo di 6 anni!


Regola d’oro per un redattore PURO

[email protected]

Tu sei libero di riprodurre, distribuire, esporre in pubblico quest'opera; alle seguenti condizioni:

BY - Attribuzione. Devi attribuire la paternità dell'opera.

NC - Non commerciale. Non puoi usare quest'opera per fini commerciali.

SA - Condividi nello stesso modo. Se alteri o trasformi quest’opera usa una licenza identica o equivalente.


Licenza di utilizzo CC-BY-NC-SA

[email protected]

Tu sei libero di non seguire questi consigli nel creare contenuti digitali; alle seguenti condizioni:

Spreco. Creare oggetti intrinsecamente accessibili evita costosi adeguamenti.

Miopia. Ogni ‘normodotato’ è abile solo temporaneamente e relativamente.

Inciviltà. Violazione legge 4/2004 e standard internazionali ISO/W3C


Licenza di *non* utilizzo

[email protected]

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

La forza del Web risiede nella sua universalità. Che tutti possano avervi accesso, indipendentemente da eventuali disabilità, ne è un aspetto essenziale"

Tim Berners-Lee


La forza del Web

Fine prima parte

Corso di Formazione: Redattore di Sito Web Dipartimentale

Education

Transcript of Corso di Formazione: Redattore di Sito Web Dipartimentale