1. Create un nuovo documento in Indesign e posizionate un’immagine nella pagina. Esportate in PDF.
2. Aprite il file in Acrobat ed osservate la struttura: il tag <Image> sarà presente.
3. Selezionate il tag, selezionate Proprietà nel menu del pannello Tag e digitate (o copia/incollate) il testo alternativo nella casella di testo Testo alternativo della finestra di dialogo Proprietà ritocco.

In alternativa:

1. Selezionate Strumenti >Modifiche avanzate > Ritocco oggetto e fate clic sull’immagine per selezionarla.
2. Fate clic destro sull’immagine per accedere al menu contestuale e selezionate Proprietà.
3. Digitate (o copia/incollate) il testo alternativo nella casella di testo Testo alternativo della finestra di dialogo Proprietà ritocco.

Lo screen reader legge le tabelle riga per riga, dall’alto verso il basso a partire dalla prima cella in alto a sinistra per terminare in basso a destra.

È necessario quindi riuscire a fornire una contestualizzazione di ciascuna cella, poiché non potendo vedere la tabella è quasi impossibile ricordare a memoria a quale colonna appartenga il contenuto che si sta leggendo, quale sia l’intestazione che definisce il significato del dato che viene letto.

Ancora più complessa è la comprensione di tabelle in cui siano presenti sia celle di intestazione delle colonne sia celle di intestazione delle righe. Proviamo a creare una tabella in Indesign.

1. Create un nuovo documento, fate clic con lo strumento Testo in un box di testo e selezionate Tabella > Inserisci tabella. Definite Righe corpo e Colonne della tabella a vostro piacimento (ai fini dell’esercizio, è inutile creare tabelle molto complesse).
2. Inserite del testo nella struttura di tabella che apparirà, dedicando la prima riga della tabella alle intestazioni di colonna.
3. Esportate il file PDF, verificando che sia attiva la casella di controllo Crea PDF con tag.

Verifichiamo cosa accade in Acrobat.

1. Aprite il pannello Tag (Vista > Pannelli di navigazione > Tag) ed espandete la struttura. È facile notare nella stuttura dei tag alcuni elementi: <table>, che delinea la tabella, <TR>, table row ovvero le righe, e <TD>, table data ovvero le singole celle della tabella. È assente invece il tag TH, ovvero l’elemento che serve a contrassegnare le celle che contengono le intestazioni di colonna (Figura 1).
   

   Figura 1. Nella struttura è presente il tag TD invece del tag TH, che deve delineare le intestazioni di colonna o riga.

2. Fate clic destro su un tag TD di intestazione e selezionate Proprietà nel menu contestuale che si aprirà.
3. Nella finestra Proprietà ritocco, selezionate Cella intestazione intestazione di tabella nell’elenco a discesa Tipo e fate clic sul pulsante Chiudi. Ripetete l’operazione per ciascuna intestazione. La struttura verrà aggiornata e sarà visibile il nuovo tag TH. Questo permetterà allo screen reader di contestualizzare l’informazione quando verranno lette le celle sottostanti (Figura 2). Se fossero presenti anche intestazioni di riga ovviamente l’operazione andrà effettuata anche su queste celle.


Figura 2. I tag TH nella struttura

Una situazione più complessa si presenta quando più celle della riga di intestazione delle colonne (o delle righe) vengono unite. In questo caso dovremo gestire due attributi, <RowSpan> e <ColSpan>, rispettivamente per righe e colonne. Riporto la procedura da effettuare se il file PDF non fosse corretto, ma per fortuna Indesign applica correttamente gli attributi necessari al momento dell’esportazione del PDF.

1. Nella scheda Tag, selezionare un elemento di tipo Elemento TD o TH.
2. Selezionare Proprietà nell menu Opzioni del pannello.
3. Nella finestra di dialogo Proprietà Ritocco, fare clic sulla scheda Tag, quindi su Modifica oggetti attributo.
4. Selezionare Oggetti attributo, quindi fare clic su Nuovo elemento per creare un nuovo dizionario degli oggetti attributo.
5. Espandere il nuovo dizionario, selezionare l’attributo Layout, quindi fare clic su Modifica elemento.
6. Modificare il valore di Layout in Tabella.
7. Selezionare il Dizionario oggetti attributo, quindi fare clic su Nuovo elemento.
8. Nella finestra di dialogo Aggiungi chiave e valore, digitare ColSpan o RowSpan nella casella Chiave, immettere il numero di colonne o di righe espanse nella chiave Valore, dal menu a comparsa Tipo valore scegliere Numero intero, quindi fare clic su OK (Figura 3).
   

   Figura 3. La cella di intestazione si espande su due colonne, è necessario quindi utilizzare l'attributo ColSpan.

Requisito n. 1

Enunciato: organizzare e delineare la struttura logica del libro di testo utilizzando gli stili di paragrafo.

Perché questa richiesta di utilizzare gli stili di paragrafo? Che avranno mai di così importante? E cosa sono i tag di Acrobat?

Il formato PDF dispone di un proprio set di tag standard, un po’ come fosse una DTD (è soltanto una semplificazione, non prendetela alla lettera), e dispone di vari elementi, adatti a descrivere il significato semantico dei contenuti a cui si applicano.

I tag PDF presentano molte similitudini con i tag XML. I tag PDF indicano la struttura del documento, per esempio la porzione di testo che costituisce un’intestazione, una sezione, un segnalibro e così via.

La struttura organizzativa del documento viene rappresentata da una struttura logica ad albero. Questa struttura indica l’ordine di lettura preciso e agevola la navigazione, specialmente nel caso di documenti lunghi e articolati senza modificare l’aspetto grafico del PDF.

La struttura ad albero consente alla tecnologia assistiva  di interpretare il contenuto del documento e di presentarlo in modo appropriato.

La maggior parte delle tecnologie assistive, come gli screen reader, utilizza i tag presenti nella struttura del documento per stabilire l’ordine di lettura del testo opportuno e per trasmettere il significato di immagini e altri elementi del contenuto in un formato alternativo, per esempio un formato audio.

Un documento senza tag è sprovvisto delle informazioni sulla struttura, pertanto è necessario che Acrobat le ricavi rispettando le impostazioni definite nelle Preferenze del programma per l’ordine di lettura. In questi casi spesso si verifica che gli elementi di una pagina vengano letti nell’ordine errato, o che  vengano completamente ignorati.

La struttura ad albero logica è visibile nel pannello Tag, che rappresenta il contenuto del documento come se fosse costituito da blocchi informativi nidificati (in Acrobat, aprire un file PDF e selezionare Vista > Pannelli di navigazione > Tag – Figura 1).

Figura 1. Il pannello Tag.

Se avete creato il PDF a partire da un documento in cui sono presenti stili di paragrafo, noterete come questi stili siano stati trasformati in “tag di Acrobat”.

La mappa ruolo

Per rendere accessibile il documento, è necessario mappare i tag creati a partire dal programma utilizzato per creare il pdf ai tag standard di Acrobat.
I tag standard rendono disponibili a software e periferiche di supporto elementi strutturali e semantici per l’interpretazione della struttura del documento e la presentazione del contenuto in un formato significativo per l’utente.

Per esempio, è possibile che un file PDF presenti tag XML acquisiti da uno schema XML o, come abbiamo visto, tag generati a partire dagli stili di paragrafo. Per rendere il PDF realmente accessibile, è necessario che i tag personalizzati dispongano di una mappa ruolo. In questo modo la tecnologia assistiva potrà estrarre informazioni semantiche dal documento, come l’elenco dei titoli presenti e il loro livello, elenchi puntati e numerati, tabelle, figure analogamente a quanto normalmente facciamo scansionando una pagina visualmente.

La mappa ruolo consente di correlare ciascun tag personalizzato a un tag standard.

I tipi di tag standard per elementi Adobe sono disponibili nelle finestre di dialogo Nuovo tag e Proprietà Ritocco di Acrobat.

Gli elementi standard PDF sono (dall’help di Acrobat):

Elementi contenitore

Gli elementi contenitore rappresentano il livello più alto e offrono un raggruppamento gerarchico agli altri elementi di livello blocco.

<Document>

L’elemento principale nella struttura ad albero tag di un documento.

<Part>

Rappresenta una suddivisione ampia del documento e può raggruppare unità di contenuto di dimensioni inferiori, ad esempio elementi reparto, articolo o sezione.

<Div>

È un elemento di livello blocco generico o un gruppo di elementi di livello blocco.

<Art>

È un corpo del testo indipendente e viene considerato un resoconto singolo.

<Sect>

Si tratta di un tipo di elemento contenitore generico, paragonabile a Reparto (DIV Class=“Sect”) in codice HTML; in genere è un componente di un elemento parte o articolo.

Elementi titolo e paragrafo

Sono elementi di blocco che includono specifici livelli di titoli e paragrafi di testo generici <P>. Un elemento <H> può presentarsi come primo child di un livello div superiore. Per le situazioni in cui non esistono sezioni annidate sono disponibili sei livelli di titolo <H1>–<H6> generici.

Elementi etichetta ed elenco

Gli elementi etichetta ed elenco sono elementi di livello blocco utilizzati per conferire una struttura agli elenchi.

<L>

Una qualsiasi sequenza di voci dal significato o da un altro tipo di pertinenza simile. È possibile che gli elementi secondari diretti siano elementi voce di elenco.

<LI>

Qualsiasi voce inclusa in un elenco. È possibile che presenti un elemento etichetta (facoltativo) e corpo elenco (obbligatorio) come elemento secondario.

<LBL>

Etichetta. Un punto elenco, un nome o un numero di identificazione per distinguere un elemento dagli altri all’interno dello stesso elenco.

<LBody>

Elemento corpo elenco. Il contenuto descrittivo di una voce di elenco.

Elementi testo speciale

Gli elementi di testo speciale identificano parti del testo non utilizzate come paragrafo generico (P).

<BlockQuote>

Elemento virgolette blocco. Uno o più paragrafi attribuiti ad un autore diverso da quello del testo immediatamente circostante.

<Caption>

Elemento didascalia. Una breve parte di testo che descrive una tabella o una figura.

<Index>

Elemento indice. Una sequenza di voci contenenti testo identificativo ed elementi di riferimento che indicano la ricorrenza di tale testo nel corpo principale del documento.

<TOC>

Elemento sommario. Un elemento contenente un elenco strutturato di voci ed etichette che identificano le voci e dotato di una struttura gerarchica separata.

<TOCI>

Elemento voce di sommario. Un elemento contenuto in un elenco associato ad un elemento sommario.

Elementi tabella

Gli elementi tabella conferiscono struttura alle tabelle.

<Table>

Elemento tabella. Una disposizione bidimensionale di celle di testo o di dati contente elementi riga di tabella come elementi secondari, nonché un elemento didascalia come primo o ultimo elemento secondario (facoltativo).

<TR>

Elemento riga di tabella. Una riga di intestazioni o dati in una tabella. È possibile che contenga elementi di cella di tipo intestazione di tabella e dati di tabella.

<TD>

Elemento di cella dati di tabella. Una cella di tabella contenente dati diversi dal tipo intestazione.

<TH>

Elemento di cella intestazione di tabella. Una cella di tabella contenente un’intestazione o dei dati che descrivono una o più righe oppure colonne di una tabella.

Elementi di livello in linea

Gli elementi di livello in linea identificano una porzione di testo caratterizzata da una formattazione o un comportamento specifico. Sono distinti dagli elementi di livello blocco. È possibile che gli elementi di livello in linea contengano o siano inclusi in elementi di livello blocco.

<BibEntry>

Citazione bibliografica. Una descrizione che riporta la fonte originale delle informazioni menzionate nel testo.

<BlockQuote>

Una parte di testo in linea attribuita ad un autore diverso da quello del testo circostante. È un elemento distinto da virgolette blocco, che a differenza del testo in linea includono uno o più paragrafi per intero.

<Span>

Un segmento di testo in linea qualsiasi. In genere, viene utilizzato per delimitare del testo associato ad un gruppo di proprietà di stile.

Elementi di livello in linea speciali

Sono simili agli elementi in linea; descrivono una parte di testo in linea caratterizzata da una formattazione o un comportamento speciale.

<Code>

Elemento voce codice. Codice di programmazione informatica incorporato in un documento.

<Figure>

Elemento voce figura. Una rappresentazione visiva o un elemento di grafica associato al testo cui si riferisce.

<Form>

Elemento voce modulo. Un’annotazione modulo PDF compilabile o già compilata.

<Formula>

Elemento voce formula. Una formula matematica.

<Link>

Elemento voce collegamento. Un collegamento ipertestuale incorporato in un documento. L’oggetto di destinazione può essere all’interno dello stesso documento, in un altro file PDF oppure su un sito Web.

<Note>

Elemento voce nota. Documentazione o testo esplicativo, ad esempio una nota a piè di pagina o di chiusura, a cui viene fatto riferimento all’interno del corpo del testo principale.

<Reference>

Elemento voce riferimenti. Una citazione di testo o dati non inclusi nel documento.

Tutti questi elementi sono disponibili nella scheda Tag di Acrobat Pro, che permette di applicarli ai vari elementi del documento o di modificare i tag assegnati.

In questo modo il file PDF godrà di diversi vantaggi, poiché i tag standard rendono disponibili a software e periferiche di supporto un gruppo basilare di elementi strutturali e semantici per l’interpretazione della struttura del documento e la presentazione del relativo contenuto in un formato significativo per l’utente.

Inoltre, la conversione a altri formati sarà senza dubbio più precisa ed efficace (per esempio, quando viene creata una versione del documento in HTML).

1. Per visualizzare e modificare le mappe ruolo degli elementi, selezionare Modifica mappa ruolo nel menu del pannello Tag.
2. Nella finestra di dialogo che si aprirà (Figura 2), espandere la struttura per visualizzare i tag personalizzati presenti nel documento (a sinistra) e il tag standard Acrobat assegnato (a destra).
   

   Figura 2. La finestra di dialogo Mappa ruolo permette di mappare i tag personalizzati a quelli standard PDF.

3. Per modificare il ruolo di un elemento, selezionare l’elemento e fare clic sul pulsante Modifica elemento (il pulsante non è disponibile fino a quando non viene selezionato un elemento.
4. Digitare nella casella di testo Valore il nome dell’elemento standard PDF da mappare al tag personalizzato (rispettando maiuscole/minuscole, per esempio H1 e non h1).

Il ruolo assegnato varrà per tutti i tag personalizzati presenti nel documento. Nell’albero dei tag non sarà visibile alcuna modifica, ma la tecnologia assistiva utilizzerà per renderizzare il documento i ruoli da noi assegnati.

Per quello che riguarda i caratteri speciali presenti, può essere di grande aiuto la funzione Sostituisci (Modifica > Sostituisci). Oltre che per individuare e sostituire normali parole e stringhe di caratteri, questa funzione è in grado di rilevare anche un gran numero di caratteri speciali come segni di paragrafo, tabulazioni, trattini, interruzioni di riga e paragrafo, e così via.

1. In Word, selezionate Modifica > Sostituisci. Nella finestra di dialogo Sostituisci che apparirà, fate clic sul pulsante Altro: diventeranno disponibili due nuovi pulsanti, Formato e Speciale (Figura 1). Per esempio, per eliminare doppi Invio, selezionate due volte Segno di paragrafo nell’elenco a discesa Speciale. In Trova comparirà il codice ^p^p, e inserite ciò che desiderate sostituire ai doppi Invio nella casella Sostituisci con (per esempio, un singolo Invio). Effettuate la procedura per tutti i caratteri speciali da eliminare.
   

   Figura 1. I pulsanti Formato e Speciale della finestra di dialogo Trova e sostituisci.

Per pulire stili e formattazioni sono disponibili diverse opzioni, attuabili tramite il pannello Stili e formattazione e la finestra di dialogo Libreria.

Stili e formattazioni

Probabilmente vi sarà capitato di notare strani stili del tipo “Normale+12 Bold Rosso” che non avete mai creato. Questo succede perché Word sta tracciando le formattazioni che applicate al testo, e le converte in stile. Personalmente trovo questa caratteristica piuttosto fastidiosa, quindi se lo desiderate disattivatela.

1. In Word, selezionate Strumenti > Opzioni. Fate clic sulla scheda Modifica, e deselezionate la casella di controllo Tieni traccia della formattazione.

Abbiamo visto come utilizzare il pannello per creare degli stili di paragrafo, ma è possibile eseguire altre utili attività.

• Per esempio, è disponibile una voce Cancella formattazione che può essere utilizzata dopo aver selezionato tutto il testo, o il brano da ripulire. L’effetto è esattamente quello indicato, vengono cancellate tutte le formattazioni.
• Oppure, è possibile utilizzare il pannello per sostituire uno stile ad un altro (Figura 2) su tutti i paragrafi che possiedono lo stile da sostituire.  Nell’esempio, desideriamo sostituire in un colpo solo tutti le 4 istanze dello stile Prova con lo stile Prova. Fate clic in un paragrafo “Prova” e nell’elenco a discesa dello stile selezionate Seleziona tutte le n istanze.
  

  Figura 2. Il pannello Stili e formattazione permette di sostituire uno stile ad un altro anche su paragrafi multipli.

• Fate clic sul nome dello stile sostitutivo nel pannello Stili e formattazione. Il nuovo stile (nell’esempio Titolo 3) verrà applicato a tutti i paragrafi selezionati (Figura 3)
  

  Figura 3. Sostituzione dello stile di paragrafo

Un’altra opzione misconosciuta è la Libreria di Word.

1. Selezionate Strumenti > Modelli e aggiunte e fate clic sul pulsante Libreria.
2. Nell’area sinistra della finestra sono visibili tutti gli stili presenti nel documento (utili ed inutili che siano). Fate clic sul nome di uno stile evidentemente inutile e clic sul pulsante Elimina.

Figura 4. La finestra Libreria di Word

Attenzione: nomi dei pannelli e comandi potrebbero avere denominazioni diverse a seconda della versione di Word e della piattaforma utilizzate.

Procedura in base alla selezione

1. Se il simbolo di fine paragrafo non fosse visibile, fate clic sul pulsante Mostra/nascondi ¶ nella barra degli strumenti Standard di Word. Farà da comodo riferimento per indentificare i paragrafi.
2. Create un nuovo documento di Word contenente qualche paragrafo di testo, utilizzate la barra degli strumenti Formattazione per definire le nuove caratteristiche da assegnare al paragrafo (ricordate che servono soltanto a identificarlo facilmente nel corpo del testo, non per impaginazione)
3. Digitale il nome dello stile nella casella Stile della barra (nell’esempio, Box – Figura 1).


Figura 1. creazione di un nuovo stile di paragrafo in base alla selezione

4. Premete Invio e il nuovo stile di paragrafo verrà creato.

Il nuovo stile verrà applicato al paragrafo selezionato e sarà disponibile nel pannello Stili e formattazione (su Windows, Formato > Stili e formattazione).

Procedura utilizzando il pannello Stili e formattazione

Entrambe le procedure hanno lo stesso risultato, ovvero viene creato un nuovo stile di paragrafo. Nel primo caso lo stile verrà immediatamante applicato alla selezione che fa da campione per la definizione dello stile, mentre se viene utilizzata la seguente procedura lo stile sarà disponibile ma non verrà applicato automaticamente ad alcun paragrafo.

1. Aprite il pannello Stili e formattazione (Formato > Stili e formattazione) e fate clic sul pulsante Nuovo stile.
2. Assegnate un nome e definite le caratteristiche dello stile di paragrafo nella finestra di dialogo Nuovo stile selezionando nell’elenco a discesa Formato l’area di applicazione (Carattere, Paragrafo, Tabulazioni, ecc – Figura 2). Al termine, fate clic su Ok per creare il nuovo stile, che ora sarà disponibile sia nella barra degli strumenti Formattazione sia nel pannello Stili e formattazione (nell’esempio, Stile1 – Figura 3).

Figura 2. La finestra di dialogo Nuovo stile con l'elenco a discesa Formato aperto.

Figura 3. Il nuovo stile creato è disponibile sia nell'elenco a discesa Stile della barra degli strumenti Formattazione sia nel pannello Stili e formattazione.

Effettivamente il risultato nella maggior parti dei casi è efficace, ne risultano effetti estetici gradevoli e di aiuto alla comprensione dei materiali. Però, per alcuni utenti questi retini ed immagini potrebbero invece costituire un grosso ostacolo per la fruizione delle pagine.

Inoltre, i retini potrebbero produrre una stampa confusa su stampanti a bassa risoluzione come quelle a getto d’inchiostro, o quando il libro viene stampato in bianco e nero. Quindi, un potenziale problema per tutti gli utenti.

Indesign e PDF offrono una semplice possibilità per ovviare a questa possibile incongruenza, vediamo come.

1. Aprite Indesign e create due box che simulino una situazione testo principale/box di approfondimento (per riempire i box di testo potete utilizzare il comando Testo > Riempi con testo segnaposto).
   A questo punto, basterebbe assegnare uno sfondo al box “di approfondimento” per simulare la situazione immaginata. Il problema è che quello sfondo apparterrebbe allo stesso livello del testo principale, e quindi impossibile rimuoverlo. Proviamo una nuova soluzione.
2. Selezionate Finestra > Livelli. Nel menu del pannello Livelli, selezionate Nuovo livello ed assegnategli il nome Sfondo (o un nome significativo).
3. Fate clic sul livello Sfondo nel pannello Livelli, in modo che sia quello attivo (accanto al nome del livello apparirà un’icona a forma di pennino).
4. Con lo strumento Rettangolo, tracciate un box che copra l’area del riquadro. Selezionate Finestra > Colori ed assegnate un colore al nuovo box, che comparirà sopra al testo.
5. Osservate il pannello Livelli: dovrebbero essere presenti due livelli, dall’alto verso il basso Sfondo e poi il livello principale (nell’esempio, “livello principale”. Fate clic sul livello Sfondo e trascinatelo verso il basso, sotto Livello principale: il testo ora dovrebbe essere sopra al box colorato (Figura 1).
   

   Figura 1. Il livello Sfondo sotto al testo.

6. Ora per conoscere anche un’altra possibilità di Indesign proviamo ad arrotondare i bordi del box utilizzando gli script. Se necessario, selezionate il box colorato e verificate che nel pannello Livelli sia attivo il livello Sfondo (apparirà evidenziato) e selezionate Finestra > Automazione > Script.
7. Nel pannello Script che si aprirà, espandete la categoria Applicazione, Samples, Javascript e clic destro su Corner Effects. Selezionate Esegui Script nel menu contestuale. (SU MAC il clic destro dovrebbe essere una combinazione del tipo mela+clic, verificare)
8. Digitate 18pt per Offset e clic sul pulsante Ok. D’accordo, forse non è così necessario, ma è una buona occasione per dare un’occhiata agli script disponibili e poco usati. Alcuni sono veramente utili, per esempio spezzare le catene di testo in caso di errore può essere complicato con gli strumenti “normali”. BreakFrame e SplitStory  sono efficacissimi…
9. Esportate il PDF. Selezionate File > Esporta, e nella finestra di dialogo Esporta Adobe PDF, selezionate nell’elenco a discesa Compatibilità una versione di Acrobat dalla 7 o successive e fate clic sulla casella di controllo Crea livelli Acrobat.
10. In Acrobat, selezionate Vista > Pannelli di navigazione > Livelli, e espandete i livelli: saranno visibili tutti i livelli creati, ed accanto ad essi comparirà un’icona a forma d’occhio. Fate clic su quella adiacente il livello Sfondo e questo scomparirà. In questo modo l’utente potrà visualizzare e/o stampare a proprio piacimento gli elementi posti su questo livello.

Figura 3. L'icona a forma d'occhio permette di visualizzare o meno gli oggetti contenuti nei livelli.

Materiali

livelli.indd

PDF risultante

Requisito n. 4

Enunciato: evitare di utilizzare immagini o altri elementi grafici per rappresentare contenuti testuali. Dotare le immagini, i grafici e le tabelle utilizzate a scopo didattico di didascalie esaurienti che forniscano informazioni equivalenti commisurate alla funzione esercitata dall’oggetto originale nello specifico contesto. Collegare esplicitamente le didascalie all’immagine a cui si riferiscono tramite numerazione sequenziale contestualizzata all’organizzazione del libro.

Il requisito chiede delle cose semplici da comprendere, ma piuttosto impegnative come realizzazione. In effetti, scrivere delle didascalie esaurienti, che forniscano informazioni equivalenti alla funzione dell’immagine originale nello specifico contesto può essere una scommessa.

Cerchiamo di affrontare il problema con una piccola analisi. Innanzitutto, scartiamo le immagini che hanno uno scopo puramente visuale, poste nell’impaginato per motivi grafici o altro ma non correlate direttamente al testo. Nel PDF queste immagini verranno marcate come “artefatto”, in modo che lo screen reader non se ne prenda carico.

Alcune immagini saranno invece descrivibili con la semplice didascalia, sarà l’abilità del redattore a definirle.

Però, in alcuni casi la situazione potrebbe complicarsi: se la didascalia non è sufficiente, e l’immagine possiede anche significati altri nel contesto bisognerà scrivere quello che viene definito “testo alternativo”, che verrà aggiunto all’immagine nel PDF.

Esempio pratico:

Una mela

Possibili opzioni per il testo alternativo:

1. Una mela in primo piano e sullo sfondo una città vista dalla sommità di un edificio
2. New York
3. La grande mela (The Big Apple), soprannome della città di New York
4. Nessun testo alternativo
5. Una mela

Quale delle opzioni è quella corretta? Ovviamente, dipende dal contesto.

Per eliminare qualche dubbio su cosa scrivere come testo alternativo, può essere utile  porsi una semplice domanda:

“Se dovessi illustrare al telefono l’immagine che stai guardando,  descriveresti l’immagine e il suo contenuto?”

Se la risposta è sì, allora è bene che quell’immagine abbia un testo alternativo, altrimenti non è necessario. Il metodo viene direttamente da Roger Johansson, e lo trovo adatto a casi come questi.

L’importante è ricordarsi sempre di non esagerare, perchè è facile cadere nell’errore opposto: inserire troppe informazioni (inutili). Rendere accessibili le immagini non significa usare testi alternativi esageratamente lunghi e descrittivi: creerebbero solamente problemi e ridondanze.

In ogni caso, una soluzione predefinita e pronta all’uso non esiste.

Propongo per questo una lista di link da visitare per approfondimenti e chiarimenti, in modo che ognuno possa formarsi un proprio metodo.

Riguardano tutti le immagini del web, poiché credo che il problema da un punto di vista editoriale non sia stato ancora affrontato. In ogni caso, il contesto è lo stesso poiché il testo alternativo è riservato agli screen reader, non è visibile nella pagina che sia Web o che si tratti di un libro.

• Appropriate Use of Alternative Text
• Writing good alt text
• Writing Alternate Text for Images
• Writing good ALT text

Requisito n. 3

Enunciato: fornire i libri di testo di un sommario navigabile che permetta il collegamento diretto ai corrispondenti contenuti e prevedere idonei collegamenti ipertestuali per il ritorno all’indice o ai contenuti alla fine di ciascuna sezione. Dotare gli elementi informativi a corredo del testo, tra i quali note e relativi rimandi e riquadri di approfondimento, di collegamenti ipertestuali espliciti al punto o all’elemento corrispondente nel testo principale.

Un documento elettronico può essere fruito in modo completamente diverso dal corrispondente cartaceo, è evidente. Il documento elettronico può essere reso ipertestuale, ovvero dotato di rimandi e link a parti dello stesso documento o a documenti completamente diversi, per approfondimenti o ulteriore documentazione.

Inoltre, i link facilitano la navigazione del documento, permettendo con un clic di raggiungere parti dello stesso. È evidente quanto questo possa essere risolutivo ed efficace in presenza di difficoltà motorie, e quanto sia necessario esplicitare i collegamenti per chi consulta il testo con uno screen reader. Come può sapere un non vedente quando e se leggere un riquadro di completamento del testo, un glossario o un approfondimento se questa informazione non viene resa esplicita?

Indesign permette di realizzare due tipi di collegamento, rimandi e collegamenti ipertestuali (entrambi disponibili selezionando Finestra >  Interattività > Collegamenti ipertestuali.

Per i collegamenti dobbiamo distinguere fra sorgente e destinazione. Per sorgente si intende il testo, la cornice di testo o la cornice grafica con il collegamento ipertestuale. Per destinazione si intende l’URL, il file, l’indirizzo e-mail, la pagina, l’ancoraggio di testo o una destinazione condivisa a cui si passa mediante il collegamento ipertestuale. Ogni sorgente può rimandare a un’unica destinazione ma una destinazione può essere raggiunta da più sorgenti.

Un rimando invece di solito ha una forma del tipo “Per ulteriori informazioni, consultate “blablabla” a pagina 12″, oppure “vedi Capitolo 7″. Le procedure sono diverse così come è diverso lo scopo.
In questo ambito parleremo di collegamenti ipertestuali.
Immaginiamo di avere un testo principale che contiene delle parole da approfondire in un glossario disposto in un riquadro adiacente.

1. In Indesign, create due box di testo e riempiteli con testo fittizio.
2. Nel box che simula il testo principale, create due voci di parole da approfondire nel glossario, distinguendole graficamente dal testo principale creando uno stile di carattere opportuno (ricordo che l’uso del colore non è sufficiente, potrebbe essere invisibile ad alcuni utenti). Nell’esempio, il nostro obiettivo è creare un collegamento che al clic su “voce di glossario 1″ ci conduca a “Definizione 1″, e la stessa cosa per la seconda voce (Figura 1).
   

   Figura 1. Il testo di esempio in cui creare collegamenti

3. La prima operazione da compiere è creare le destinazioni. Selezionate il testo “Definizione 1″ nel box che contiene le definizioni e selezionate Nuova destinazione collegamento ipertestuale nel menu del pannello Collegamenti ipertestuali. Nella finestra che comparirà, verificate che sia selezionata la voce Ancoraggio testo come Tipo, mentre nella casella di testo Nome sarà presente il testo selezionato. Fate clic sul pulsante Ok ed 2seguite la stessa operazione per “Definizione 2″.
4. Ora dobbiamo definire le sorgenti. Selezionate il testo “Voce di glossario 1″ nel blocco di testo principale, e Nuovo collegamento ipertestuale nel menu del pannello Collegamenti ipertestuali. Nell’elenco a discesa Ancoraggio testo saranno presenti entrambe le destinazioni, Definizione 1 e Definizione 2: verificate di selezionare quella corretta (Figura 2). Eseguite la stessa operazione per entrambe le sorgenti.
   

   Figura 2. Impostazione delle sorgenti dei collegamenti

5. Nel pannello Collegamenti ipertestuali ora saranno visibili le due ancore. Se nel testo fossero visibili due evidenti riquadri che vi preoccupano pensando alla stampa, potete nasconderli selezionando Visualizza > Nascondi collegamenti ipertestuali.
   Nell’area inferiore del pannello Collegamenti ipertestuali sono presenti due grosse frecce, Vai alla sorgente e Vai alla destinazione. Utilizzatele per verificare i collegamenti facendo clic sul collegamento nel pannello e utilizzando le due frecce per verificare sorgente e destinazione.

Questi collegamenti saranno disponibili ed attivi anche nel PDF.

In Indesign, un sommario navigabile è molto facilmente realizzabile se vengono utilizzati gli stili di paragrafo: basterà selezionare Layout > Sommario per accedere alla finestra di dialogo Sommario, dove indicare gli stili di paragrafo che identificano le voci dello stesso (nell’esempio, Titolo 1 e Titolo 2). È possibile assegnare alle voci degli stili di paragrafo diversi, e per ottenere un sommario navigabile basterà selezionare la casella di controllo Crea segnalibri PDF.

Se il sommario viene generato manualmente, occorrerà utilizzare la tecnica descritta per i collegamenti per ciascuna voce.

Materiali

file collegamenti.indd

Pdf risultante

Requisito n. 2

Enunciato: Garantire che il corretto ordine di lettura sia preservato anche quando il testo eventualmente suddiviso in blocchi o in colonne venga presentato in modo linearizzato.

Requisito n. 5

Enunciato: garantire che i contenuti sottoposti a ingrandimento siano visualizzati nel rispetto dell’ordine di presentazione originale ed evitare che per la loro lettura si debba ricorrere alla barra di scorrimento orizzontale del programma di lettura utilizzato.

Con vista linearizzata si intende una particolare visualizzazione del documento nella quale il contenuto si dispone in un’unica colonna che contiene tutti gli elementi uno di seguito all’altro. Si tratta di un’opzione molto importante per l’accessibilità, poiché consente di fruire del documento anche alle persone con difetti visivi tali da non riuscire a seguire correttamente il flusso di lettura del testo disposto in colonne o per chi ha bisogno di ingrandire il testo e/o cambiarne i colori di primo piano e sfondo. È necessario inoltre che i contenuti possano disporsi nello spazio disponibile nella finestra del programma utilizzato dall’utente senza obbligarlo a ricorrere alla barra di scorrimento orizzontale (immaginate le difficoltà per un utente disabile motorio).

I layout dei libri didattici normalmente sono piuttosto complessi, ricchi di riquadri e il testo viene disposto su più colonne. Come ottenere questo risultato?

È necessario utilizzare gli strumenti di Indesign per concatenare i box che gestiscono il posizionamento dei contenuti in modo che il flusso degli stessi risulti nel corretto ordine, che non rispecchia obbligatoriamente la disposizione dei box sul monitor (o sulla carta).

Vediamo un semplice esempio.

1. Create quattro piccoli box di testo contenenti un testo identificativo (blocco 1, blocco 2, blocco 3 e blocco 4).
2. Disponeteli in modo disordinato nella pagina (Figura 1)
   

   Figura 1. Quattro box di testo non collegati

3. In teoria, selezionando File > Esporta e un formato testuale come opzione dovremmo ottenere un file di testo che contiene i nostri blocchi. In realtà questo non avviene, poiché i box sono separati fra loro. Per ottenere questo risultato dobbiamo collegarli, e nella sequenza giusta. Per verificare se i box sono collegati o meno e nella sequenza giusta, selezionate Visualizza > Mostra sequenze di testo. Allo stato attuale non sarà visibile alcun collegamento.
4. Fate clic con lo strumento Selezione sul blocco 1. Appariranno le consuete maniglie di ridimensionamento, più altre due per noi molto importanti (Figura 2), poiché rappresentano le maniglie di inizio e fine del box.
   

   Figura 2. La maniglia a sinistra del box è quella di inizio, la maniglia a destra è quella finale

5. Fate clic sulla maniglia finale del box 1 e poi su quella iniziale del box 2. Comparirà una linea di connessione fra i due box, e probabilmente il testo scorrerà. Sistemate gli ingombri dei box in modo che il testo scorra correttamente inserendo un Invio dove necessario, e ripetete l’operazione collegando anche i box 3 e 4. Sul monitor saranno visibili i vettori di collegamento (Figura 3).
   

   Figura 3. I quattro box concatenati

6. Per verificare se davvero il testo scorre correttamente, anche se l’ordine di lettura a monitor è diverso, selezionate Modifica > Modifica in editor brani. Se tutto ha funzionato correttamente, il contenuto dei quattro box dovrebbe apparire nella corretta sequenza (Figura 4).
   

   Figura 4. Il testo dei 4 box concatenati in Editor brani

7. Esportate il file PDF corrispondente per verificare che cosa succede.
8. Aprite il file in Acrobat e selezionate Vista > Pannelli di navigazione > Tag. La struttura del documento mostrerà la sequenza dei tag nell’ordine da noi stabilito, nonostante a video il blocco 2 preceda il blocco 1 e così via (Figura 5).
   

   Figura 5. L'albero dei tag in Acrobat ci mostra gli elementi nella sequenza corretta

9. A ulteriore conferma, in Acrobat selezionate File > Salva col nome e un’opzione testuale in Salva come. Il testo esportato corrisponderà alla sequenza visibile in Editor brani.
10. In Acrobat, selezionate Vista > Zoom ridisponi, e sottoponete il documento a zoom. Il testo dovrebbe ridisporsi correttamente nella finestra, e non comparirà la barra di scorrimento orizzontale.
    

    Figura 6. Il testo ridisposto e ingrandito

Materiali:

• File concatenazione.indd
• File PDF risultante
• Il file esportato in .rtf

Requisito n. 1

Enunciato: organizzare e delineare la struttura logica del libro di testo utilizzando gli stili di paragrafo.

Requisito n. 2

Enunciato: preservare le caratteristiche logiche e strutturali del libro di testo originale nella corrispondente versione elettronica.

In un flusso di lavoro ideale, i contenuti che arrivano all’impaginazione dovrebbero essere già dotati di una struttura creata attribuendo ai paragrafi degli stili di paragrafo (da non confondere con gli stili di carattere, utilizzati per formattazioni locali evidenziando il testo). Si tratta però di una aspettativa di difficile realizzazione per diversi motivi, e vedremo quindi come affrontare il problema in Indesign.

Questi stili di paragrafo servono alla tecnologia assistiva per individuare il “valore semantico” degli elementi. Ovvero, un titolo di primo livello dovrebbe possedere uno stile “Titolo 1″, o un nome personalizzato che permetta comunque di individuare il suo peso nella struttura del documento. Forse può essere di aiuto rifarsi al sommario e ai suoi livelli: titolo principale, titoli di sezione, sottotitoli possono essere immaginati come titoli di primo, secondo e terzo livello.

Inoltre, devono essere delineati con gli appositi strumenti resi disponibili dal programma utilizzato gli elenchi puntati e numerati, le tabelle, i collegamenti e tutti quegli elementi logici che costituiscono l’ossatura semantica del documento.

Il termine “semantica” può apparire bizzarro in questo contesto. Immaginiamo i nomi assegnati agli stili di paragrafo come se fossero etichette, assegnate a brani di testo in modo che questa attività si rifletta in un significato comprensibile a una persona anche senza visualizzare gli attributi grafici che normalmente ci permettono di distinguere a colpo d’occhio determinate strutture (per esempio, in una pagina è facile distinguere con la vista i titoli: di solito sono quelli più grandi e in grassetto, e la loro gerarchia viene indicata con dimensioni sempre decrescenti), e quando selezionate queste etichette con una certa cura.

Nel caso di elementi speciali come elenchi puntati e numerati, o tabelle, è necessario utilizzare gli strumenti resi disponibili dal software perché così facendo risulterà più semplice il loro riconoscimento quando verrà creato il PDF con tag accessibile, obbiettivo finale del nostro lavoro. Ne riparleremo in seguito, ora vediamo un piccolo esempio con gli stili di paragrafo per comprendere perché sia importante utilizzarli.

1. Aprite Indesign e create un nuovo documento, con le dimensioni e le caratteristiche che desiderate.
2. Create un box di testo e selezionate Testo > Riempi con testo segnaposto.
3. Utilizzate lo strumento Testo per creare alcuni piccoli porzioni di testo da utilizzare come titoli.
4. Fate clic sulla palette Stili di paragrafo nell’area destra della finestra dell’applicazione.
5. Nel menu della palette Stili di paragrafo, selezionate Nuovo stile di paragrafo (Figura 1).
   

   Figura 1. Creare un nuovo stile di paragrafo

6. Nella finestra Nuovo stile di paragrafo che apparirà, assegnate allo stile una denominazione che ne indichi il livello logico nella gerarchia dei titoli (nell’esempio Titolo1, ma va bene qualsiasi denominazione che vi appaia adeguata). Assegnate allo stile le caratteristiche grafiche desiderate, e fate clic sul pulsante OK.
7. Fate la stessa operazione per creare altri due stili di paragrafo da assegnare a livelli successivi (nell’esempio Titolo2 e Titolo3, ma sulla denominazione valgono le considerazioni precedentemente esposte – Figura 2).
   

   Figura 2. Creazione degli stili di paragrafo

8. Assegnate gli stili ai brani di testo precedentemente creati facendo clic nel paragrafo individuato e clic nel pannello Stili di paragrafo sul nome dello stile da assegnare.
9. Provate a creare stili a vostro piacimento, cercando di individuare “semanticamente” gli elementi

È molto importante utilizzare una nomenclatura semantica concordata e predefinita durante tutta la lavorazione del documento, poiché sarà necessario comunicare a chi si occupa di rendere accessibile il PDF finale il criterio da utilizzare per “mappare” i nostri stili personalizzati ai tag predefiniti di Acrobat, pena l’inaccessibilità del PDF.

Per quanto riguarda invece elenchi puntati e numerati e tabelle, ai fini della necessaria trasparenza al momento dell’esportazione in PDF è importante utilizzare gli strumenti di Indesign. Gli elenchi creati in questo modo verranno convertiti automaticamente nei corrispettivi tag di Acrobat.

1. Create quattro brevi brani di testo, da utilizzare come voci di un elenco puntato.
2. Selezionateli e selezionate Testo > Elenchi puntati e numerati > Applica punti elenco. Ai paragrafi selezionati verrà applicata la formattazione di default per questo elemento.
3. Notate come nel pannello Stili di paragrafo accanto al nome stile [Paragrafo base] appaia un segno +, ad indicare che la selezione possiede delle caratteristiche diverse da quelle proprie dello stile.
4. Selezionate un paragrafo dell’elenco puntato e selezionate Nuovo stile di paragrafo nel menu del pannello: verranno automaticamente rilevate le caratteristiche della selezione, che faranno parte della definizione dello stile. Se necessario modificate le impostazioni rilevate e assegnate al nuovo stile il nome Puntato1.
5. Assegnate il nuovo stile ai paragrafi che costituiscono l’elenco.

Vediamo ora una tabella.

1. Create una riga vuota nel documento e posizionatevi il cursore con un clic.
2. Selezionate Tabella > Inserisci tabella e determinate numero di righe e colonne per il corpo a vostra scelta. Assegnate il valore 1 per Righe intestazione e Righe piè di pagina.
3. Se avete già progettato uno stile per le tabelle, aprite l’elenco a discesa Stile di tabella e selezionate Nuovo stile di tabella.
4. Nella finestra di dialogo Nuovo stile di tabella che comparirà, assegnate un nome significativo alla tabella e determinate le sue caratteristiche grafiche (filetti, sfondi) a vostro piacimento. Al termine, fate clic su Ok. Nel documento verrà inserita una tabella in corrispondenza della posizione del cursore di testo.

Attenzione: abbiamo creato uno stile grafico per le tabelle, che non è uno stile di paragrafo. Per formattare i contenuti sarà necessario creare stili di paragrafo dedicati, per esempio per le righe di intestazione e per le celle del corpo della tabella.

Proviamo ora a creare il PDF relativo, per comprendere per quale motivo queste procedure siano importanti.

1. Selezionate File > Esporta, e il formato PDF come opzione. Nella finestra di dialogo che comparirtà selezionate la casella di controllo Crea PDF con tag e fate clic sul pulsante Esporta.
2. Aprite il file in Acrobat e selezionate Vista > Pannelli di navigazione > Tag: la struttura dei tag del PDF conterrà tutti gli stili di paragrafo da noi creati e sarà cura di chi si occupa dell’accessibilità del PDF mapparli ai tag predefiniti di Acrobat in modo da assicurare l’accessibilità del file (Figura 3).

Figura 3 . Gli stili convertiti in tag in Acrobat

Materiali:

• stili di paragrafo.indd
• file PDF risultante