Gennaio 17, 2022

AccessiblePublishing.ca

Questo documento fornisce una panoramica dei passaggi che è possibile adottare per migliorare l’accessibilità dei documenti quando si lavora con Adobe InDesign. Per crearlo, il nostro team di tester di accessibilità ha sperimentato ampiamente con InDesign e ha utilizzato due fonti principali: la Guida per l’utente di Adobe InDesign e il corso online di Laura Brady, “Accessibilità EPUB con InDesign”, disponibile su Lynda.com. Si consiglia vivamente di check it out; presenta visivamente la creazione di un EPUB accessibile ed è un corso incredibilmente ben fatto.

Vai al contenuto

Adobe InDesign è un desktop publishing applicationthat facilita la creazione di stampa e documenti multimediali digitali come libri, opuscoli e brochure. È in grado di produrre PDF, EPUB, HTML e altri formati. Supporta XML, fogli di stile, e altri markup, che lo rende adatto per l’esportazione di contenuti di testo con tag per l’uso in formati digitali.

Con InDesign è possibile creare contenuti di testo del corpo accessibili e semplici descrizioni di immagini e aggiungere tag semantici, intestazioni e stili di paragrafo per produrre file EPUB semantici puliti. Tuttavia, per ottenere un EPUB completamente accessibile, sono necessari ulteriori lavori manuali sul file esportato, come l’aggiunta di ruoli ARIA, la pulizia del codice per una tabella e l’aggiunta di metadati di accessibilità (questi elementi sono discussi in questo documento).

Si prega di notare che questa guida copre il workthat può essere fatto in InDesign, e non completamente discutere tutti i post-exportsteps necessari per ottimizzare il file e renderlo completamente accessibile. Theinstructions in questo documento sono intesi come una panoramica o guida, e areintended per aiutare gli editori e gli sviluppatori di ebook a creare pubblicazioni EPUB thatconform ai requisiti per l’accessibilità EPUB. Questo non è un exhaustivelist di passaggi per garantire che i file EPUB siano conformi a tutti gli standard di accessibilità.

Questa guida include argomenti come come aggiungere tag semantici, descrizioni di immagini e altre funzionalità. È inteso come punto di partenza per l’utilizzo di InDesign per creare file EPUB accessibili a tutti.

Tutte le istruzioni contenute in questo documento sono basate su InDesign versione 15.0.1. Fare riferimento al manuale di InDesign per ulteriori dettagli.

Una nota sugli stili

Gli stili sono essenziali per definire l’aspetto del contenuto in un documento e aiutano a fare ampie modifiche attraverso un file in modo efficiente. InDesign utilizza stili simili al modo in cui le pagine HTML utilizzano i fogli di stile a cascata (CSS). Con gli stili InDesign, è possibilemantenere la semantica e la struttura del documento, per la maggior parte, separaredal suo aspetto visivo.

È possibile applicare un unico stile a molte parti del documento, semplificando e semplificando il compito di garantire la coerenza visiva in tutto. Se è necessario modificare l’aspetto del documento, ad esempio, passando a una dimensione o un tipo di carattere diverso, è sufficiente modificare lo stile. Ciò aggiornerebbe automaticamente tutte le posizioni in cui viene applicato tale stile. Non è necessario aggiornare tutte le singole istanze di quel tipo di carattere all’interno del documento.

Indice

  1. Esporta pubblicazioni come EPUB Reflowable 3.0
  2. Aggiungi HTML 5 Tag Semantici (Oggetti e Stili di Carattere)
  3. Tagged Titoli (Stili di Paragrafo e di più)
  4. le Descrizioni delle Immagini
  5. Table of Contents (TOC)
  6. Note a piè di pagina e note di Chiusura
  7. Tabelle
  8. collegamenti Ipertestuali
  9. Lingua Principale
  10. Lingua Turni
  11. Elenchi Puntati/Numerati
  12. Metadati
  13. ARIA Ruoli
  14. Suggerimento su come Evitare l’Esportazione in EPUB “Stili” di Errore
  15. al di Là di InDesign
  16. Ulteriori risorse

1. Esporta pubblicazioni come EPUB Reflowable 3.0

Exportingyour pubblicazione come un reflowable EPUB 3 è un semplice passo che è cruciale forreating un accessibile EPUB. Il formato EPUB 3 è retrocompatibile, il che significa che quasi tutti i sistemi di lettura accetteranno un file EPUB 3. EPUB 3 è desiderabileperché il file include proprietà simili a un sito Web reattivo. Esso allowsthe contenuto per adattarsi schermi di diverse dimensioni e forme, come ad esempio portabletablets e telefoni cellulari. Consente inoltre di leggere le applicazioni per includere regolazioni nei tipi di font, dimensioni e colori. temi di colore, marginee interlinea. Inoltre, consente all’editore di includere la semantica EPUB 3.0,che consente di aggiungere preziose informazioni di navigazione per le persone che lo sonoutilizzando text to speech e screen reader.

Da esportare come EPUB reflowable 3:

  1. Vai a “File” nella parte superioremenu.
  2. Selezionare “Esporta Export”.
  3. Ti verrà richiesto di salvare il file sul tuo computer. In “Salva come tipo”, selezionare ” EPUB (Reflowable).
  4. Fare clic su “Salva”.
  5. Si aprirà la finestra “Opzioni di esportazione EPUB – ReflowableLayout”.

Vai alla scheda “Generale” (scheda predefinita):

  • Sotto Versione: selezionare”EPUB 3.0″
  • Lasciare il TOC di navigazione impostato sul valore predefinito, ” Multi Livello (stile TOC)”. Non si desidera creare la navigazione in base ai nomi dei file in quanto non sarà facile da usare!
  • Lascia “Dividi documento” selezionato (predefinito). Questo è importante in modo che il tuo ebook non venga esportato come un unico file HTML di grandi dimensioni. Se hai indicato dove dividere il documento quando hai creato i tuoi “Stili di paragrafo”, in una fase precedente, lascia selezionata l’impostazione predefinita” In base ai tag di esportazione dello stile di paragrafo “e puoi fare clic su” OK ” per completare questo processo.
  • Si consiglia di avere un nuovo file HTML per ogni intestazione di primo livello o sezione principale del libro, quindi se non hai indicato dove dividere il documento come descritto sopra, seleziona “Stile paragrafo singolo” e scegli quello che hai creato come intestazione di primo livello, ad esempio “Intestazione 1 o <h1>>.
    Nota: Questo funzionerà correttamente solo se hai taggato correttamente tutte le intestazioni!
  • Fare clic su “OK”.

Per ulteriori informazioni su queste opzioni, fare riferimento alla guida InDesign di Adobe sulle opzioni di esportazione layout ridisponibili.

2. Aggiungi tag semantici HTML 5

I tag semantici forniscono ulteriori informazioni alla struttura dell’EPUB per facilitare la navigazione. In poche parole, la semantica dà di piùsignificato a un tag. Attraverso InDesign, è possibile aggiungere una serie di semantica dal menu”Tag di esportazione oggetto”; tuttavia alcune importanti semantiche EPUB come<sezione> possono essere più facili da aggiungere modificando direttamente l’HTML.

Il menu “Modifica tutti i tag di esportazione” può essere trovato nei menu”Stili carattere”, “Stili paragrafo” e “Stili oggetto” facendo clic sull’icona del menu in alto a destra del riquadro stili. Quindi fai clic su “Modifica allExport Tag” che troverai nel menu a discesa.

2.1 Oggetti

Vi è un certo numero di “Oggetti” che è possibile aggiungere tag HTML5 per, rendere loro clearerto persone che utilizzano lettori di schermo, vale a dire, Sezione, Figura, Figcaption, e da parte.Quindi, piuttosto che lasciare l’oggetto etichettato come “Automatico” o la scelta di anexisting tag dall’elenco a discesa , è possibile aggiungere i tag HTML5, “Sezione” ale “Sezione” oggetto “da parte” per la “Sidebar” oggetto “Figura” alla “Figura”oggetto e “Figcaption” a “Figcaption oggetto”. Può sembrare strano thatyou sta inserendo la stessa parola del “Oggetto” per un tag, ma questo makemuch più senso quando lo vedi, come si stanno facendo queste modifiche.

Per fare questo:

  1. Apri la finestra” Modifica tutti i tag di esportazione ” a cui puoi accedere dal menu nel riquadro Stili paragrafo, carattere e oggetto. (describedabove)
  2. Vai in fondo all’elenco agli “Oggetti” che hai aggiunto al tuo documento. Gli ” Oggetti “sono rappresentati da un piccolo quadratoicon, fatto di quadrati, (appena sotto l’icona” Carattere”che è una”A” maiuscola).
  3. Nella colonna successiva a destra dell ‘ “Oggetto”che si desidera modificare, la colonna “Tag”, fare clic sul tag. Sarà behighlighted, e apparirà una freccia per indicare un menu a discesa. Qui youcan scegliere un tag da quel menu, o evidenziare la scelta esistente e digitare inyour proprio tag HTML5.

2.2 Stili di carattere (Enfasi, corsivo, Citazione, Grassetto e forte)

Puoi anche aggiungere tag HTML5 ad alcuni stili di “Carattere” per renderli più significativi per gli screen reader.

Esempi di alcuni stili di carattere in un printdocument sono grassetto e corsivo, che possono essere usati per indicare parole,frasi o frasi enfatizzate. È importante distinguere tra le parole che richiedono enfasi verbale e quelle che non lo fanno, in quanto richiedono stili diversi. Rivedi le sezioni Grassetto/corsivo e Enfasi/Strong nel documento EPUBSemantics di NNELS per saperne di più su quando utilizzare i tag corretti.

Per rendere i tuoi contenuti accessibili a tutti, avrai bisognocreare “Stili di carattere” con i tag HTML5 appropriati.

Ecco alcuni esempi di come fare proprio questo. Vale a dire, la creazione di un accento (“em”)stile e tag, una citazione (“cite”) stile e tag”cite”, e un forte (“forte”) stile e tag.

Nota: per il testo che non richiede verbalemphasis, puoi semplicemente usare il corsivo regolare e gli stili in grassetto.

  1. Crea nuovi stili di carattere per Enfasi, citazione e/o forte. Inizia aprendo il riquadro “Stili di carattere”.
  2. Fai clic sull’icona del menu in alto a destra e scegli”Nuovo stile personaggio”.
  3. Sotto il “Nome stile”, digitare il nome dello stile (Enfasi,Citazione o Strong).
  4. Imposta il tuo tipo di carattere e altri stili di stampa facendo clic su “Formati di caratteri di base”. Queste impostazioni di formato non avranno anyeffect su come un lettore di schermo voci il testo.
  5. Aggiungi i tag “em”, “cite” e “strong” facendo clic su “Esporta tagging” nella parte inferiore dell’elenco sul lato sinistro.
  6. Nel campo” Tag”, fare doppio clic su” Automatico ” per evidenziarlo.
  7. Digitare il nome del tag corrispondente
  8. Fare clic su “OK”

Puoi anche aggiungereil tag dalla finestra “Modifica tutti i tag di esportazione”.

Nota: “Gli stili di carattere sono indicati dalcapitale “A” nell’elenco “Modifica tutti i tag di esportazione”.

3.1 Iniziare con un documento non formattato o creare nuovi stili di paragrafo in un documento esistente

Quando si inizia con un documento non formattato e si desidera aggiungere e taggare nuovi stili di paragrafo, ecco i passaggi da seguire:

  1. Aprire il riquadro Stili di paragrafo premendo F11, odal menu principale, selezionare “Tipo” >”Stili di paragrafo”.
  2. Fare clic sull’icona del menu, in alto a destra del riquadro Stili di paragrafo, e selezionare “Nuovo stile paragrafo”.
  3. Dalla finestra” Nuovo stile paragrafo”nella scheda” Generale “che vedrai nella parte superiore della colonna a sinistra, dai un nome al tuo stile, ad esempio “Titolo capitolo”

3.2 Taggare il tuo stile di paragrafo:

  1. Fai clic sul link “Esporta tagging” in fondo all’elenco nella finestra sul lato sinistro.
  2. Dove attualmente dice” Automatico ” scegli un tag HTML appropriato. Ad esempio, un” Titolo del capitolo “che è normalmente un livello superiore, scegliere”H1”.

Puoi anche formattare gli stili di paragrafo per avere l’aspetto che desideri. Questi cambiamenti visivi non influenzeranno l’intestazionetag (h1, h2, h3, ecc.) e, quando si effettua una modifica del formato, tutti gli elementi che hai taggato con quello specifico stile di paragrafo, verranno aggiornati allo stesso tempo.

Per fare questo:

  1. Fare clic sul collegamento “Formati di carattere di base”, thesecond link in basso sulla lista a sinistra.
  2. Selezionare “Famiglia di font”, “Stile”, “Dimensione”, “Leading”, “Crenatura” e altre impostazioni di tipo.

Quando applichi gli stili di paragrafo al testo del tuo libro,è molto importante assicurarsi che ogni intestazione del libro sia collegata al tag aheading nel codice HTML dell’ebook. Per ulteriori informazioni sulle intestazioni e su come utilizzarle correttamente, consultare le seguenti Best practice di pubblicazione accessibilelink, di seguito:

Accessibilepublepublishing Best Practice.

3.3 Dividere il documento

È possibile decidere se si desidera dividere il documento (EPUB) in un determinato stile/livello di intestazione. Ad esempio, è buona norma avere un file HTML separato per ogni intestazione del livello 1 di un libro. Nel nostro esempio, se vuoi che ogni capitolo si trovi nel suo file HTML, puoi farlo dalla finestra “Modifica tutti i tag di esportazione”, odal riquadro “Stili di paragrafo”.

  1. Apri il riquadro “Stili di paragrafo” (descritto nel passaggio 1 di questo documento)
  2. Fai clic sul menu in alto a destra.
  3. Fare clic su “Modifica tutti i tag di esportazione”
  4. Nella finestra “Modifica tutti i tag di esportazione”, selezionarela casella di controllo “Dividi EPUB” che si trova a due colonne a destra dello”Stile paragrafo” che si desidera utilizzare per dividere il documento. Spesso questo stile di paragrafo: sarà un titolo di capitolo o avrà un tag< h1 >.

In alternativa, è possibile:

  1. Apri il riquadro “Stili paragrafo”,
  2. Fai doppio clic sullo” Stile paragrafo ” che userai per dividere il documento. Questo aprirà la finestra” Stile di paragrafo “Opzioni”.
  3. Clicca sul link “Esporta Tagging”, nella parte inferiore del menu sul lato sinistro.
  4. Seleziona la casella di controllo”Dividi documento (solo EPUB)” che si trova nella parte inferiore della pagina.
  5. Fare clic su “OK”

3.4 Class tag

Puoi anche aggiungere un tag “Class”, come “ChapterTitle” o “CT”, che aiuterà il tuo documento ad avere un codice più pulito e manterrà la sua struttura più uniforme in tutto. Per fare questo:

  1. Apri la finestra ” Modifica tutti i tag di esportazione “(descrivi soprain”Dividere il documento”).
  2. Fare clic sullo spazio vuoto nella colonna “Classe” nella stessa riga a destra del nome assegnato allo “Stile paragrafo per richiamare una casella di testo vuota.
  3. Digitare il tag classe nella casella di testo.

3.5 Documento con stili di paragrafo e formattazione esistenti

Lavorare su un documento con stili di paragrafo e formattazione esistenti, ad esempio un documento che è stato “inserito” da Word intoInDesign, è essenzialmente lo stesso. Per apportare modifiche a qualsiasi stile esistente:

  1. Nel riquadro “Stili di paragrafo”, fare clic con il pulsante destro del mouse sullo stile già presente nell’elenco.
  2. Scegli Modifica (che è seguito dal nome dell’intestazione che hai appena scelto. Si aprirà la finestra “Opzioni stile paragrafo”.
  3. È quindi possibile applicare uno qualsiasi dei passaggi descritti in” Inizio con un documento non formattato above ” sopra.

3.6 Usando “Modifica tutti i tag di esportazione”

Puoi visualizzare e modificare tutti i tuoi tag di esportazione in un’unica finestra facendo thefollowing:

  1. Selezionare “Modifica tutti i tag di esportazione” nel menu del pannello Paragrafo, Carattere o Stile oggetto.
  2. Fare clic su EPUB e HTMLtab (questo è il valore predefinito).
  3. È possibile selezionare o inserire il tag HTML a cui si desidera mappare, per ogni stile. È inoltre possibile selezionare andunselect gli stili che si desidera dividere l’EPUB a.

3.7 Tagga gli altri stili

È molto importante taggare correttamente gli elementi strutturali del documento, come citazioni di blocchi, testo sottolineato e testo forte. Quando fai questo, software come screen reader e text-to-speech sono in grado di interpretare correttamente e leggere il contenuto.

  1. Apri “Modifica tutte le esportazionitag”
  2. Sulla riga dell’elementoche vuoi taggare, fai clic su “Automatico” nella seconda colonna, la colonna “Tag”. Si aprirà una casella di testo, con la parola “Automatico” ora evidenziato.
  3. Digitare il tag. Per esempio, ” Em ” per il testo sottolineato.

Puoi anche mappare uno stile di carattere in questa finestra, seguendo gli stessi passaggi. Gli ” stili di carattere “sono indicati nell’elenco con la lettera maiuscola”A”.

3.8 Tag le interruzioni di contesto

Le interruzioni di contesto, come intestazioni e altri stili menzionati sopra, sono importanti per identificare e mappare il loro tag HTML corretto<hr>. Visivamente apparirà come una linea orizzontale nel documento, ma per i sistemi di lettura (da HTML 5), il tag<hr> definisce semanticamente un’interruzione tematica nel testo. Screenreaders lo indicherà verbalmente o causando una pausa.

3.8.1 Tagging your Context Breaks

  1. Crea un nuovo stile di paragrafo seguendo i passaggi da 1 a 3 nella Sezione 3.1: “A partire da un documento non formattato at” nella parte superiore di questa sezione.
  2. Assegna al nuovo stile di paragrafo qualcosa di appropriato, come “Pausa”.
  3. Fare doppio clic sullo stile del paragrafo. Si apre la finestra “Opzioni stile paragrafo”.
  4. Vai alla scheda “Esporta tagging”.
  5. Nella sezione” Esporta tagging “sotto” EPUB e HTML”, digitare hr nel campo” Tag”. (hr è il codice HTML per ” regola orizzontale “ed è ciò che dice agli screen reader di fermarsi per una pausa)
  6. Fai clic su”OK”.

3.8.2 Posizionare < hr > (Regola orizzontale)

Il passo successivo è posizionare un “horizontalrule” effettivo o una linea nel punto nel testo in cui si desidera interrompere il contesto tooccur. Per fare questo:

  1. Posizionare il cursore su una linea vuota tra le porzioni di testo in cui si desidera creare l’interruzione di contesto. Questo è importante! Se non si posiziona la regola orizzontale (hr) in questo modo, è possibile che ogni volta che si immette una nuova riga verrà creata una hr. Se ciò si verifica, è sufficiente ripetere i passaggi da 2 a 4 di seguito e, nel passaggio 4, fare clic per disabilitare la casella” Regola su”.
  2. Apri il riquadro “Paragrafo” (non il riquadro” Stili di paragrafo”), premendo contemporaneamente Ctrl + Alt + T / Opzione + Comando + T, o facendo clic su “Finestra”, nel menu in alto, quindi fare clic su” Tipo e tabelle”, quindi su”Paragrafo”.
  3. Fare clic sul menu in alto a destra del riquadro “Paragrafo” e selezionare “Regole paragrafo”.
  4. Fai clic su “Regola su” in alto a destra nel riquadro “Regole di paragrafo”.
  5. Fare clic su “OK”

3.8.3 Applicando lo Stile Paragrafo

Ora dovresti vedere la linea orizzontale nel corpodel tuo documento. L’ultimo passo è quello diapplicare lo “Stile paragrafo” HR alla linea. Ciò garantirà che il tag< hr > sia inserito nell’EPUB quando lo esporti, quindi ci sarà un’interruzione di contesto accessibile per tutti. Per fare questo:

  1. Posiziona il cursore di testo all’inizio della linea orizzontale appena creata.
  2. Dal riquadro “Stili di paragrafo” fare clic sullo stile “HR” creato in precedenza.

Hai finito!

3.8.4 Nota

All’interno di InDesign non è possibile rimuovere la presenza visiva della regola orizzontale (linea). Questo può essere realizzato e modificato nel tuo CSS. Scopri di più sulle interruzioni del contesto dalla Knowledge Base di pubblicazione accessibile DAISY.

Il corso di Laura Brady ha un’eccellente dimostrazione di ciò nella sezione “Quando non si descrive un’immagine”.

4 Descrizioni delle immagini

L’aggiunta di testo alternativo alle immagini in yourpublication le rende significative per le persone che utilizzano gli screen reader. Thiscan facilmente essere fatto seguendo i passi qui sotto:

  1. Selezionare l’immagine facendo clic in qualsiasi punto della cornice dell’immagine.
  2. Dal menu principale selezionare”Oggetto” > “Opzioni di esportazione oggetto”. Puoi anche fare clic destro sull’immagine selezionata e scegliere “Opzioni di esportazione oggetto” dal menu a discesa.
  3. Nella parte superiore della finestra di dialogo ExportOptions Oggetto, selezionare “Alt Text”. Seleziona ” Personalizzato “come” Alt TextSource ” e digita il testo nella casella sottostante.
  4. Se l’immagine è puramente decorativa e non aggiunge alcun nuovo significato o informazioneper il lettore, dovresti applicareun tag alt vuoto (alt=””).

4.1 Note importanti

Youshould also add the ARIA role, (role=”presentation” to the <img> element.Questo passaggio deve essere fatto dopo l’esportazione. Per ulteriori informazioni sull’utilizzo dei ruoli ARIA,consulta Semantica di NNELS’EPUB, Ruoli ARIA, metadati &.

Nota: InDesign aggiunge automaticamente un tag vuoto (alt=””)al codice di tutte le immagini inserite nel documento.

4.2 Descrizioni di immagini più lunghe

Per descrizioni di immagini più lunghe, il testo alt non è un’ottima opzione poiché c’è poca capacità di controllare il flusso di quel testo in un lettore di schermi. Ad esempio, se metti in pausa la narrazione, quando la riavvii, essoritorna all’inizio della descrizione.

Per ulteriori informazioni sull’applicazione di descrizioni di immagini lunghe, vedere la guida tecnica di NNELS per una descrizione lunga.

5 Sommario (TOC)

È molto importante avere un sommario completo e preciso che un sistema di lettura possa presentare al lettore in un formato comprensibile e navigabile.

I passaggi seguenti ti aiuteranno a farlo. Ci sono alcuni passaggi, ma non è comecomplicato come sembra!

In InDesign, il Sommario dell’ebook (Sommario) viene creato dalla struttura dell’intestazione creata quando si impostano gli Stili di paragrafo. Prima di eseguire i passaggi seguenti, è importante stabilire gli stili di paragrafo per gli elementi del documento che verranno utilizzati per creare il sommario, ad esempio i titoli dei capitoli, i Sottotitoli e il titolo per il Sommario stesso (ad esempio “Sommario” o “Contenuto”), prima di continuare con questi passaggi. Fare riferimento alla Sezione 3, “Tagging Your Headings”, sopra, per ulteriori informazioni sulla corretta implementazione degli stili di paragrafo. Le intestazioni correttamente strutturate e contrassegnate produrranno un sommario nel codice del file che è navigabile nel codice del libro.

Dovrai anche creare stili separati per i titoli dei capitoli TOC, i sottotitoli ecc. questo verrà applicato al sommario dopo che è stato creato. Questi willbe usati per il sommario che è presentato visivamente all’interno del corpo del libro. Si potrebbe nominare questi, “TOC ChapterHeading-post” e, “TOC Sottotitolo Heading-post”. Questo passaggio è incluso di seguito. Si noti che questi particolari paragrafo stylesshould non hanno un tag specifico applicato.

Nota: c’è un passaggio sotto che spiega come e dove inserire un titolo sommario.Questo non deve essere fatto nel corpo del documento.

5.1 Impostazione del sommario

  1. Vai a “Layout” nel menu in alto.
  2. Fare clic su “Sommario”.
  3. Nel” Sommario ” dai al tuo sommario un titolo, ad esempio può essere semplicemente “Sommario” o “Elenco di figure” ecc.
  4. A destra, sotto “Stile” scegli lo stile di paragrafo che hai creato in precedenza per il tuo titolo TOC (non il “Titolo del capitolo TOC-post”) facendo clic sulla freccia sulla casella “Stile”.
  5. Sotto vedrai il riquadro “Stile nel sommario”. Sul lato destro di quel riquadro sotto “Altri stili” vedrai l’elenco dei tuoi stili di intestazione.
  6. Uno per uno, seleziona ogni stile di paragrafo creato per gli elementi sommario, quindi fai clic sul pulsante “Aggiungi”. Assicurarsi che le intestazioni per i diversi livelli del sommario cascada correttamente e siano nell’ordine gerarchico appropriato. Ad esempio,” Titolo capitolo “(h1) appare per primo per il contenuto di primo livello, seguito da” Sottotitolo ” (h2) seguito da sezioni figlio di livello inferiore, che avrebbero dovuto essere fornite h3, h4, ecc., tag.
    Nota: Vedrai che gli stili creati per l’utilizzo dopo aver creato il sommario (i tag “post”) sono elencati qui. Non è necessaria alcuna azione su questi stili fino all’ultimo passaggio (Passaggio 12, sotto).
  7. Quindi, uno alla volta, evidenzia ogni stile di paragrafo, elencato sotto “Includi stili di paragrafo”.
  8. Quindi, con quello stile evidenziato, appena sotto nel campo “Stile voce”, seleziona lo stesso nome di stile di paragrafo (corrispondente). Fai questo per ogni stile nell’elenco sopra.
  9. Sotto, vedrai un campo ” Numero di pagina “(nota: potrebbe essere necessario fare clic su” Altre opzioni ” per abilitarlo), dove puoi scegliere se posizionare i numeri prima o dopo gli elementi nel tuo sommario, o di non avere affatto numeri. Fai questa scelta per ogni stile, subito dopo aver eseguito il passaggio 8 sopra.
  10. Sotto “Opzioni”, appena sotto il campo” Numero di pagina”, seleziona l’opzione” Crea ancoraggio del testo nel paragrafo sorgente”. Questo farà in modo che il vostro tavolo di elementi di contenuto sono collegamenti ipertestuali, così i lettori possono fare clic su di essi da prendere direttamente a quella sezione del libro.
  11. Fare clic su ” OK “per uscire dalla finestra “Stili sommario”.
  12. Posiziona il sommario nel documento:
    1. Ora vedrai un cursore di testo caricato con il sommario. Fare clic su una pagina appena creata (che è possibile aggiungere anche quando il cursore è caricato), o su un punto del documento in cui si desidera posizionare il sommario. Ora vedrai il tuo nuovo TOC.
    2. L’ultimo passaggio consiste nell’applicare i tag appropriati a ciascun elemento nel nuovo sommario, ad esempio il tag Titolo capitolo-post del sommario ai titoli dei capitoli nel sommario. È possibile farlo selezionando ogni riga separata di testo(ad es. “Capitolo 1”) e tramite il riquadro Stili di paragrafo, fare clic sullo stile per applicarlo.

Il tuo documento e il tuo sommario dovrebbero ora essere in buona forma per esportare in EPUB!

5.2 Nota

Per ulteriori dettagli, vedere “Creare un sommario” in InDesign di Adobe. Followingthe tabella di base dei contenuti passi forniti nella guida di Adobe creerà awell-formattato, tabella accessibile dei contenuti.

6 Note a piè di pagina e note di chiusura

È facile inserire note a piè di pagina e note di chiusura utilizzando InDesign. Le note a piè di pagina andendnotes automaticamente link e back-link, consentendo una facile navigazione.

  1. Selezionare il punto nel documentodove si desidera allegare una nota a piè di pagina o una nota di chiusura.
  2. Fare clic destro per rivelare adrop menu in basso. Ora puoi fare clic su nota a piè di pagina o nota di chiusura, a seconda di quale si desidera aggiungere.
  3. Se stai aggiungendo afootnote, inserisci le informazioni nel campo Nota a piè di pagina che viene visualizzato in fondo alla pagina.
  4. Se si aggiunge una nota, inserire le informazioni nel campo Nota di chiusura, che apparirà alla fine del documento.

Dovrai aggiungere un ruolo ARIA alle tue note dopo l’esportazione in EPUB 3.0. InDesignesporta la nota a piè di pagina in un tag< span >, quindi sono necessarie alcune modifiche nell’HTML.

Afootnote o endnote devono essere racchiusi in un tag < a parte >. Questo dice alla tecnologia assistiva che questo testo è un contenuto supplementare. Successivamente, anepub: il tipo di nota a piè di pagina o nota di chiusura li identifica nel sistema di lettura e il ruolo di anARIA di doc-nota a piè di pagina o doc-nota di chiusura, lo identifica in assistivetechnology. Queste tre specifiche permettono che le Sue note a piè di pagina e note di chiusura siano trovate dal lettore e visualizzate dal sistema di lettura, senza everdisrupting la narrazione principale.

Per maggiori informazioni consultare la Knowledge Base di pubblicazione accessibile DAISY sull’uso delle note a piè di pagina e delle note di chiusura.

7 Tabelle

Puoi creare una tabella semplice con InDesign, ma non sarà automaticamente completamente accessibile. Le intestazioni di colonna, che sono molto importanti per l’accessibilità, non appaiono sotto forma di codice necessario per essere doppiato dagli screen reader quando vengono esportati su EPUB. Questi devono essere aggiunti manualmente.

Per creare una tabella:

  1. Fare clic su “Tabella” nel menu top
  2. Selezionare “Inserisci tabella”
  3. Dal menu “Inserisci tabella”, selezionare il numero di “Righe corpo”, “Colonne”, “Righe intestazione” e “Righe piè di pagina”.
  4. Fare clic su “OK”.

Una volta creata la tabella, sarà necessario utilizzare un editor di testo,post export, per apportare modifiche al codice HTML.

Le intestazioni delle colonne devono essere indicate in HTML con il tag<th >, mentre i dati delle colonne sono indicati con un tag<td >. In orderto lavoro, le intestazioni di colonna dovrebbe occupare la prima riga della tabella, avvolto in<th> tag come questo:

<tr>
<th>City</th>
<th>Population</th>
</tr>

Atable didascalia è come un titolo che può essere posizionato sopra la tabella. Questo può dareil lettore un’indicazione del contenuto della tabella. Tuttavia, non è possibile aggiungere una didascalia a una tabella che verrà esportata in EPUB 3.0 da InDesign.

L’aggiunta di una didascalia migliorerà l’accessibilità di una tabella, quindi è consigliabile aggiungere manualmente al codice.

Un’altra possibilità è quella di aggiungere textdescription al documento, poco prima della tabella.

Per ulteriori informazioni su come aggiungere una tabella e didascalie al documento, pleasesee:

  • DAISY Editoria Accessibile Knowledge Base riportato di seguito nelle Tabelle
  • W3C su Tabelle con una intestazione
  • W3C sulla Didascalia & Sommario

8 collegamenti Ipertestuali

Allhyperlinks nel tuo ebook deve essere attivo e collegato. I collegamenti ipertestuali devono essere nel consueto colore del carattere blu e sottolineati, che è lo stile predefinito inInDesign

Tohyperlink text:

  1. Seleziona il testo che tuvoglio collegare.
  2. Fare clic destro sul testo.
  3. Fare clic su “Collegamenti ipertestuali”
  4. Selezionare “Nuovo collegamento ipertestuale…”
  5. Inserire l’URL nel campo URL. (L’impostazione predefinita è quella di collegare a un URL esterno). Nota: è possibile anche creare collegamenti ipertestuali per collegarsi a punti interni del documento, ad esempio un’ancora di pagina o di testo.
  6. Fare clic su “OK”

9 Lingua principale

È possibile impostare la lingua predefinita dei documenti seguendo i passaggi seguenti:

  1. Senza documenti aperti, apri il “Pannello caratteri” selezionando “Finestra” dal menu in alto.
  2. Fai clic su ” Tipo e tabelle “e vedrai un menu a discesa che rivela”Carattere”. Clicca su “Carattere”.
  3. Con il riquadro “Carattere” aperto, puoi scegliere la lingua dall’elenco in basso.
  4. Apri il riquadro “Stili di paragrafo” facendo clic su “Tipo” nel menu principale, quindi facendo clic su “Stili di paragrafo”.
  5. Dal riquadro” Stili di paragrafo”, fare doppio clic su” Paragrafo base ” nella casella Nome stile. Questo sarà l’unico elencato poiché non esiste un documento aperto. Se c’è un segno” più “accanto alle parole,” Paragrafo base “questo indica un” override “o una discrepanza (due lingue diverse), ma scomparirà automaticamente dopo aver fatto doppio clic su”Paragrafo base”.
  6. Dalla finestra” Opzioni stile paragrafo”, fare clic su” Formati caratteri avanzati ” che si trova nel menu a sinistra.
  7. Scegli la tua lingua principale facendo clic sulla freccia giù nella casella di testo in basso.
  8. Fare clic su OK.

Thelanguage sarà ora predefinito per la lingua che hai scelto.

Se youhave grandi paragrafi o grandi sezioni nel Suo libro scritto in un differentlanguage, Lei può creare “Stili di paragrafo” unici per quella lingua, in modo di theusual, che è descritto nella sezione “Tagging Le Sue Intestazioni” (includedin questo documento, sopra), e poi applichi passi 6 e 7, (sopra), per cambiare al linguaggio appropriato.

Se hai solo frasi brevi o frasi diuna lingua diversa che appare nel tuo libro, è meglio dichiarare un languageshift. Si prega di consultare la sezione Dichiarazione della lingua.

10 Turni di lingua

È importante dichiarare i turni di lingua nel tuo documento. Ad esempio, se hai una frase in francese come “Je voudrais un café” nel tuo testo, sarebbe piuttosto fastidioso pronunciarla in inglese. È possibile porre rimedio a questo problema dafare quanto segue:

  1. Selezionare il testo dell’altra lingua, in questo caso il testo francese.
  2. Apri il riquadro “Stili di carattere” e fai clic sul menu in alto a destra.
  3. Scegliere, “Nuovo stile di carattere”.
  4. Dalla finestra “Nuovo stile di carattere”, assegnare un nome al nuovo stile. In questo caso potresti usare “FR” per indicare il francese.
  5. Stile del testo se lo si desidera: Fare clic su ” Formati di carattere di base “nella lista a sinistra e scegliere uno”Stile carattere”. Molto probabilmente si dovrebbe selezionare “Corsivo”.
  6. Clicca su “Formati caratteri avanzati” nell’elenco a sinistra. In basso vedrai la casella di testo” Lingua”. Qui puoi dichiarare la tua lingua. Scegli “Francese”.
  7. Fare clic su “OK”.
  8. Con il testo ancora selezionato, tornare al riquadro Stili di carattere e fare clic sul nome del nuovo stile (“FR”) appena creato.

Ora quando esporti il tuo documento, la frase francese “Je voudrais un café” verrà pronunciata correttamente!.

11 Elenchi

Non è necessario mappare gli stili di paragrafo al testo di elenchi puntati o numerati quando si crea un elenco puntato o numerato in InDesign. Gli elenchi semantici e correttamente formattati dovrebbero sempre essere usati (invece di impostare manualmente il testo come un elenco usando metodi come il rientro o l’aggiunta di caratteri speciali per le bolle)

Per creare un elenco in InDesign:

  1. Posiziona il tuo cursore di testodove vuoi inserire un elenco.
  2. Vai a “Tipo” in alto menu.
  3. Selezionare “Elenchi puntati e numerati”.
  4. Selezionare “Applica punti” per creare un elenco non ordinato o “Applica numeri” per creare un elenco ordinato.
  5. Inserire il testo nel documento.
  6. Una volta terminato l’elenco, tornare a Digitare > Elenchi puntati e numerati e scegliere “ConvertBullets e Numerazione da digitare”

Nota: Per trasformare il testo esistente in elenchi, è sufficiente evidenziare il testo che si desidera convertire e seguire i passaggi da 2 a 5 sopra. In questo caso non c’è bisogno di fare Step6.

Per maggiori informazioni sull’utilizzo degli elenchi, consultare la pagina della guida di Adobe “Crea elenchi puntati o numerati”.

12.1 Inserisci tutti i metadati

InDesignlets aggiungi i metadati essenziali barebone al tuo eBook, come titolo,autore, editore, data, ecc. Purtroppo, il tutto-importante accessibilitymetadata, discusso in una sezione separata di seguito, deve essere aggiunto manualmente,al di fuori di InDesign alla fine dei metadati nel .File OPF. Non è un processo difficile, ed è spiegato di seguito. In primo luogo, i metadati di base:

Puoi aggiungere i metadati durante il processo di “Esportazione” :

  1. Vai a “File”.
  2. Selezionare”Esporta Export “
  3. Salva come”EPUB(Reflowable)”. Si aprirà la finestra “EPUB-Opzioni di esportazione layout Reflowable”.
  4. Vai alla scheda “Metadati” posizionata nell’elenco sul lato sinistro della finestra.
  5. Immettere le seguenti informazioni essenziali: Titolo, Creatore, Data e Editore.
  6. Fare clic su “OK”.

12.2 Add accessibility metadata

Accessibility metadata fornisce informazioni importanti per editori e biblioteche, sulle funzionalità di accessibilità di una pubblicazione. Definisce inoltre come gli utenti possono accedere ai tuoi dati e possono avvisarli di eventuali pericoli, come luci lampeggianti o suoni forti che potrebbero incontrare durante la lettura. Per ulteriori informazioni su questo vai ai link qui sotto controlla il W3C “Alla scoperta di contenuti accessibili”.

Includere i metadati di accessibilità nella pubblicazione non è così difficile come sembra. Se si dispone di un elenco dello Schema.istruzioni org, si può semplicemente copiare e incollare il codice appropriato n al vostro EPUB .File OPF. Dai un’occhiata alla Guida ai metadati di NNELS per ulteriori informazioni ed esempi.

Ulteriori informazioni e un elenco dei Schema.org le dichiarazioni di accessibilità sono disponibili nella Knowledge Base di pubblicazione accessibile DAISY: Schema.org. Questo link include anche informazioni su come posizionare i metadati di accessibilità nel tuo .File OPF. Potresti voler usare l’editor di metadati di Ace by DAISY per aggiungere metadati di accessibilità al tuo EPUB. Potete trovare maggiori informazioni e un link per scaricarlo, qui: Ace by DAISY.

13 Ruoli ARIA

Un’importante aggiunta alla semantica EPUB 3.0 è ARIAroles o Applicazioni Rich Internet accessibili. Dal rilascio di EPUBversion 3.0, i ruoli ARIA possono essere aggiunti ai file EPUB 3.0 per rendere la navigazione più facile per le tecnologie assistive come gli screen reader. Aggiungono più contenuto e significato e possono aggiungere informazioni di navigazione utili che non sono sempre raccolte o presenti nell’HTML. Le tecnologie assistive comprendono i ruoli di ariama non sempre capiscono la semantica epub:type.

L’aggiunta di ruoli ARIA ai file EPUB non è attualmente possibile in InDesign. Tuttavia, puoi aggiungere un po ‘ di semantica epub: type per far rotolare la palla.

  1. Crea un oggetto come una cornice di testo di base o una cornice basicgraphics.
  2. Selezionare il testo o la cornice grafica e fare clic destro su di esso per rivelare un elenco a discesa in cui è possibile scegliere “Opzioni di esportazione oggetto”
  3. Assicurarsi che il pulsante “EPUB e HTML” nella parte superiore della finestra “Opzioni di esportazione oggetti” è selezionato. Normalmente, questo è il defaultsetting.
  4. Nella casella di testo” epub:type”, digita yoursemantics.
  5. Fai clic su “Fatto” nella parte inferiore della finestra.

Il contenuto all’interno del frame deve quindi essere esportato al contenuto all’interno di un tag div a cui è associato un tipo epub:.

Nota: Sfortunatamente, non solo questa procedura è complicata, ma il codice che produce ha ancora bisogno di lavoro. Potrebbe essere più facile aggiungere la semantica epub: type, insieme ai ruoli ARIA, a sectionspost-export.

Per ulteriori informazioni sulla selezione e l’implementazione dei ruoli ARIA, consulta la guida ai ruoli ARIA di NNELS.

Per un elenco dei ruoli ARIA, consultare il modulo WAI-ARIA Digital Publishing del W3C 1.0: Definizioni dei ruoli.

14 Suggerimento per evitare un’esportazione in EPUB Errore “Stili”

Collisioni di stile (quando gli stili si uniscono e diventano onetag al momento dell’esportazione) possono verificarsi quando si esporta il documento InDesign in un EPUB reflowable EPUB 3.0, se si utilizza un carattere CSS “illegale” in un nome di stile. Questoinclude i seguenti caratteri:~ ! @ $ % ^ & *( ) + = , . / ‘ ; : ” ? > < \ { } | ` #. Anche l’inizio di un nome di stile con un numero (ad esempio “1-Name”) è illegale e può causare una collisione di stile.

Lettere, caratteri di sottolineatura, trattini e numeri (a tal punto che non iniziano il nome dello stile) sono tutti legali.

Per correggere/evitare una collisione di stile, modificare i nomi degli stili per rimuovere i caratteri illegali o, in “Modifica tutti i tag di esportazione”, aggiungere un nome di classe univoco a ogni stile.

15 Oltre InDesign

WithInDesign è possibile creare contenuti di testo del corpo accessibili e semplici descrizioni di immagini e aggiungere tag semantici, intestazioni e stili di paragrafo per produrre file EPUB semantici puliti. Tuttavia, per ottenere un EPUB completamente accessibile, è necessario un lavoro manuale aggiuntivo sul file esportato, ad esempio l’aggiunta di ruoli ARIA, la pulizia del codice per una tabella e l’aggiunta di metadati di accessibilità (nota: questi elementi sono tutti discussi in questo documento). Le attività di pulizia post-esportazione dovranno essere eseguite all’esterno di InDesign, utilizzando un programma come l’applicazione Sigil o un HTMLeditor per manipolare il documento e per affrontare alcune funzionalità di accessibilità, come quelle tecniche delineate dal WAI-ARIA del W3C, le applicazioni Rich Internet accessibili.

Le pagelist, un’altra caratteristica molto importante degli ePub accessibili, devono essere create anche al di fuori di InDesign. È importante per gli sviluppatori di ebook essere consapevoli di theselimitations e prendere misure per ottimizzare ulteriormente l’accessibilità dei loro file ePub.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.