Slide 1

Slide 1 text

ACESSIBILIDADE E SEMÂNTICA
 NAS PUBLICAÇÕES DIGITAIS 
 EM FORMATO EPUB3 JOSÉ FERNANDO TAVARES JFTavares [email protected] booknando.com.br

Slide 2

Slide 2 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] QUEM SOU EU? José Fernando Tavares trabalha com livros digitais desde 2008. Com formação humanística, viveu 20 anos na Itália, onde atuou como gráfico e designer. Ali conheceu e se apaixonou pelos livros digitais. Fundou como sócio a Simplíssimo Livros e, no início de 2014, a Booknando Livros, uma empresa voltada à produção e à formação de profissionais da área com cursos e palestras sobre o tema. Dá treinamento e consultoria para editoras e empresas. Com o curso “Técnicas de produção de livros digitais”, já contribuiu nos últimos 5 anos para a formação de mais de 1.000 profissionais da área. É especialista em Design Instrucional, em UX Design e no formato ePub3 para publicações digitais acessíveis. Em 2016 foi escolhido como embaixador do Business Club da Feira do Livro de Frankfurt. É também tutor certificado do software Pubcoder para a produção de livros digitais interativos, WEB APP e aplicativos. Atua também como professor universitário de Filosofia, ética e sociologia. Ama uma boa macarronada com um bom vinho!

Slide 3

Slide 3 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] Não acredite em nada do você ouvir aqui, faça as suas EXPERIÊNCIAS

Slide 4

Slide 4 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] Do autor a quem faz o cotejo do livro digital é importante que todos estejam conscientes que acessibilidade não é um recurso mas sim um requisito básico das publicações digitais.

Slide 5

Slide 5 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] https://github.com/JFTavares/ePub3-base Material palestra

Slide 6

Slide 6 text

O FORMATO EPUB Objetivos e especificações

Slide 7

Slide 7 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] ESPECIFICAÇÃO W3C PARA PUBLICAÇÕES DIGITAIS ❖ O International Publishing Digital Fórum era uma organização composta pelos principais editores e players do mercado do livro digital com a intenção de criar um padrão para as publicações digitais. Criou assim o ePub (eletronic Publication) nas versões 2.1 e 3.0 e 3.1 que é a versão atual. W3C IDPF 2017 2007 IDPF OEB 
 OPEN E-BOOK PUBLICATION STRUCTURE 1999 W3C 2018 EPUB 3.2

Slide 8

Slide 8 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] TRAZER OS LIVROS PARA O DIGITAL

Slide 9

Slide 9 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] ESPECIFICAÇÃO ABERTA Formato aberto Baseado em tecnologias consolidadas (HTML e CSS) Desenvolvido para satisfazer a necessidade de estabilidade e portabilidade para o mundo das publicações digitais

Slide 10

Slide 10 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] BASEADO NAS TECNOLOGIAS WEB EPUB 3 HTML 5

Slide 11

Slide 11 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] HTML & CSS & JAVASCRIPT EMPACOTADOS CONTENT.OPF

Slide 12

Slide 12 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] TODOS OS ELEMENTOS PARA FUNCIONAMENTO OFF LINE CONTENT.OPF Metadados Recursos Ordem de leitura CONTEÚDO HTML imagens Navegação (NAV) DESIGN MULTIMÍDIA CSS fontes Vídeo áudio smil

Slide 13

Slide 13 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] ESPECIFICAÇÕES ATUAIS Call for Consensus: 27 de setembro 2018 Publishing EPUB 3.2 as a Final Community Group enviado para o Publishing Business Group para aprovação
 https://github.com/w3c/publ-epub-revision/ O formato ePub 3.1 foi descontinuado Formato atual 3.0.1 (2014)
 http://www.idpf.org/epub/301/spec/epub-publications.html

Slide 14

Slide 14 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] ESPECIFICAÇÕES DO EPUB 3.2 EPUB 3.2 Overview: Introdução não normativa ao ePub3
 https://w3c.github.io/publ-epub-revision/epub32/spec/epub-overview.html EPUB 3.2 Specification: Especificação principal
 https://w3c.github.io/publ-epub-revision/epub32/spec/epub-spec.html EPUB Packages 3.2: descreve o documento de empacotamento (content.opf) que fornece metadados e a estrutura da publicação
 h https://w3c.github.io/publ-epub-revision/epub32/spec/epub-packages.html EPUB Content Documents 3.2: Os documentos de conteúdo, HTML e CSS!
 https://w3c.github.io/publ-epub-revision/epub32/spec/epub-contentdocs.html EPUB Open Container Format: Como fazer o empacotamento
 https://w3c.github.io/publ-epub-revision/epub32/spec/epub-ocf.html EPUB Media Overlays 3.2: como sincronizar áudio e texto
 https://w3c.github.io/publ-epub-revision/epub32/spec/epub-mediaoverlays.html EPUB 3.2 Changes: o que mudou no formato desde o EPUB 3.0.1.
 https://w3c.github.io/publ-epub-revision/epub32/spec/epub-changes.html

Slide 15

Slide 15 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] LIMITAÇÕES DO "FORMATO" Software de leitura Modelos de negócios (DRM)

Slide 16

Slide 16 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] O MELHOR DO HTML5 / CSS / JAVASCRIPT / ACESSIBILIDADE características ePub2 epub 3.2 Texto XHTML HTML5 Multimídia áudio, vídeo CSS CSS 1 e 2 CSS3 Javascript / interatividade Possível TOC NCX NAV MATH ML Sim enhanced Geolocalização, SVG Acessibilidade epub:type / ARIA /DPUB-ARIA

Slide 17

Slide 17 text

ACESSIBILIDADE Todo o conteúdo para todos documentação indicações gerais usando o ACE Requisitos específicos do PNLD

Slide 18

Slide 18 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] REFERÊNCIAS E RELAÇÃO COM A WEB Web Content Accessibility Guidelines (WCAG) 2.0
 https://www.w3.org/TR/WCAG20/ EPUB Accessibility 1.0 
 http://www.idpf.org/epub/a11y/accessibility.html Alavanca e reforça os requisitos do WCAG e acrescenta requisitos próprios para o ePub. Conformação deve ter o nível [WCAG 2.0] A mas é recomendado o nível AA

Slide 19

Slide 19 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] DOCUMENTOS AUXILIARES PARA A ACESSIBILIDADE EPUB Accessibility Techniques 1.0
 http://www.idpf.org/epub/a11y/techniques/techniques.html DPUB-ARIA 
 https://www.w3.org/TR/dpub-aria-1.0/ EPUB Accessibility Vocabulary 
 https://idpf.github.io/epub-vocabs/package/a11y/a11y.html EPUB 3 Structural Semantics Vocabulary
 https://idpf.github.io/epub-vocabs/structure/structure.html

Slide 20

Slide 20 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] REFERÊNCIA Accessible Publishing Knowledge Base http://kb.daisy.org/publishing/ Diagram Center
 http://diagramcenter.org/54-9-tips-for-creating-accessible-epub-3- files.html

Slide 21

Slide 21 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 1. TODO TEXTO DEVE SER DISPONIBILIZADO EM UMA ORDEM DE LEITURA LÓGICA No livro impresso é bem comum termos estes elementos que aparecem ao lado do texto. No ePub precisamos colocar eles em uma ordem de leitura coerente e bem estruturada no HTML. Não use reposicionamento com CSS ou mesmo texto em forma de imagem. Use corretamente os tags de estrutura que o HTML5 oferece (, , , etc...) para criar uma ordem de leitura principal e outros tags específicos para os elementos auxiliares, como notas de rodapé, quadros de textos, referências.

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 2. SEPARE SEMPRE O CONTEÚDO DA APRESENTAÇÃO Isto é possível fazer usando corretamente o CSS e o HTML. Lembre-se HTML serve para criar a estrutura do texto e é o CSS quem cuida da apresentação visual. O significado do texto deve permanecer o mesmo seja com o design aplicado ou sem ele. Uso correto das tags HTML

Slide 24

Slide 24 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 3. USO DE SUMÁRIOS E SISTEMAS DE NAVEGAÇÃO

Sumário

  1. Capa
  2. Folha de Rosto

Slide 25

Slide 25 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 4. CRIE UMA ESTRUTURA SIGNIFICATIVA Use sempre os tags corretos de títulos (

,

etc..) na ordem correta e sem pular de níveis. Não use os tags para definir design! Para isto existem as classes! O livro deve apresentar um uso coerente destas etiquetas de títulos.

Slide 26

Slide 26 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 5. DEFINA O CONTEÚDO DE CADA ETIQUETA O uso correto do WAI-ARIA e do epub:type permite definirmos a função de cada elemento. Isto é muito importante para que o software de leitura de tela, o screen reader consiga fornecer esta informação a quem está escutando o texto. Por exemplo a entrada
indica que o tag
esta sendo utilizado para formatar um glossário. Use o EPUB 3 Structural Semantics Vocabulary para identificar o conteúdo.

Slide 27

Slide 27 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 6. USE IMAGENS SOMENTE PARA IMAGENS E NÃO PARA TABELAS OU TEXTO É uma pratica que deveria ser evitada sempre. Inclusive a Amazon indica isto como um erro de produção. Quando colocamos um texto em forma de imagem automaticamente perdemos a possibilidade de utilizarmos em uma busca ou indexação de conteúdo e os softwares leitores não conseguem “ler” o que está escrito. Caso seja impossível não usar uma imagem, acrescente uma descrição clara e objetiva. Para gráficos é possível optar por SVG que permite descrições de acessibilidade de conteúdo.

Slide 28

Slide 28 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 7. USE O TAG ALT PARA A DESCRIÇÃO DAS IMAGENS Todas as imagens devem ser fornecidas com um texto alternativo. Este trabalho de descrição pode ser feito por uma empresa ou pessoa especializada, mas seria interessante que o autor esteja também envolvido neste processo de produção, afinal é ele quem sabe a função principal daquela imagem. Na página do Diagram Center vocês encontram algumas indicações de como fazer uma boa descrição de imagem. O texto alternativo além de oferecer acessibilidade pode ajudar nos motores de pesquisas, como o Google.

Slide 29

Slide 29 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 8. INCLUA UMA NUMERAÇÃO DE PÁGINA Este recurso fornece também outra forma de navegar pelo livro, além de ser de fundamental importância caso você queira criar um índice remissivo. Com o atributo epub:type=“pagebreak” você define as páginas no texto. Recomendo colocar a indicação no início do texto da página, para ser mais fácil encontrar o conteúdo. Você não precisa deixar o número aparecendo no meio do texto, pode definir apenas como âncora no texto:

Slide 30

Slide 30 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 9. DEFINA A LÍNGUA DO DOCUMENTO Algo que em geral não se faz nos eBook mas que é fundamental quando falamos de acessibilidade é definir dentro do tag HTML principal a língua do documento. Ainda que esta já tenha sido definida nos metadados você deve acrescentar também em cada documento a informação xml:lang= “pt” lang= “pt”. Caso exista um parágrafo ou uma citação em lingua diferente basta acrescentá-la no texto: rue Saint-Andre-des-Arts.

Slide 31

Slide 31 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 10. USE O MATHML O uso do MathML é controverso porque nem todos os softwares leitores o suportam de maneira correta, mas este é um problema que tende a diminuir sempre mais, na medida que os softwares estão sendo atualizados. Para se ter uma ideia inicial do suporte fornecido a este recurso consulte esta tabela http://docs.mathjax.org/en/latest/misc/ epub.html. Recomendo dar sempre uma olhada na tabela do BISG, (http:// epubtest.org/) que fornece muitas indicações sobre o suporte que os softwares leitores oferecem ao ePub3.

Slide 32

Slide 32 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 11. FORNEÇA UM ACESSO ALTERNATIVO AO CONTEÚDO MULTIMÍDIA Caso você faça uso de vídeo ou áudio no seu livro forneça sempre outro modo de acesso a estes elementos. Por exemplo, você pode fornecer legendas para os vídeos ou uma transcrição para o áudio.

Slide 33

Slide 33 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 12. INCLUA INTERAÇÕES ACESSÍVEIS Quando fizer uso de SVG ou de javascript (são poucos os casos), certifique-se que estas interações sejam acessíveis. Os controles das interações devem utilizar a fundo o ARIA, indicando os atributos apropriados (roles, states, e properties).

Slide 34

Slide 34 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] 13. USE OS METADADOS DE ACESSIBILIDADE accessMode — o que necessário para acessar o conteúdo. Que tipo de conteúdo está presente. (e.g., textual, visual, auditory, tactile). accessibilityFeature — Quais recursos estão presentes (alternative text, extended descriptions, captions). accessibilityHazard — conteúdo críticos para a acessibilidade (risco) (flashing, motion simulation, sound). accessibilitySummary — sumário das characteristics de acessibilidade (lack of extended descriptions, specific hazards).

Slide 35

Slide 35 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] textual visual structuralNavigation alternativeText noSound noMotionSimulation This publication conforms to WCAG 2.0 Level AA. textual,visual longDescriptions ARIA fullKeyboardControl fullMouseControl fullTouchControl noFlashing Booknando Livros

Slide 36

Slide 36 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] SOFTWARE PARA A VERIFICAÇÃO DA ACESSIBILIDADE ACE - Accessibility Checker for EPUB (consórcio Daisy) https://daisy.github.io/ace/ Linha de comando: $ ace book.epub - -outdir nomePasta

Slide 37

Slide 37 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] REQUISITOS ESPECÍFICOS DO PNDL (PROGRAMA NACIONAL DO LIVRO DIDÁTICO) PNLD 2019 - Anexo IV
 http://www.fnde.gov.br/programas/programas-do-livro/consultas/editais-programas-livro/item/10521- pnld-2019 Além dos critérios básicos de acessibilidade: créditos DEVEM ser deslocados para o final do livro, com referência de origem DEVEM ser marcadas a granularidade para highlight no nível das frases ou pausas fonéticas DEVEM ser feitas correções fonéticas pertinentes ao conteúdo e que não comprometam o entendimento São OPTATIVOS os ajustes fonéticos nos casos meramente estéticos DEVEM ser embarcado os áudios em todos os livros DEVEM ser encurtados todos os links PODEM ser criados sumários específicos para tabelas, gráficos, etc…

Slide 38

Slide 38 text

PRODUÇÃO Necessário um workflow Softwares para a produção Sigil e plugins Markdonw e Pandoc

Slide 39

Slide 39 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] FLUXO DE PRODUÇÃO

Slide 40

Slide 40 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] PROCESSO ATRAVÉS DO INDESIGN Preparar o documento ePubcheck testes OK erro erro OK

Slide 41

Slide 41 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] SIGIL E PLUGINS Software livre (https://sigil-ebook.com/) Produzido por uma comunidade ativa Sistema de plugins 
 (https://www.mobileread.com/forums/showthread.php?t=247431) Ajuda para a tradução em português pelo TRANSIFEX
 https://www.transifex.com/zdpo/sigil/translate/#pt_BR

Slide 42

Slide 42 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] PLUGINS DE ACESSIBILIDADE Access-Aide Accessibility Helper
 Acrescenta os metadados de acessibilidade e os atributos do ARIA
 https://www.mobileread.com/forums/showthread.php?t=29900
 ACE - DAISY EPUB Accessibility Checker
 É um wrapper para o ACE.
 https://www.mobileread.com/forums/sh...d.php?t=294678 ePub3-itizer - epub3 output plugin
 Converter para ePub3 de um ePub2
 https://www.mobileread.com/forums/sh....php?p=2973066

Slide 43

Slide 43 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] READ ALOUD icarus Sigil Plugin
 Prepara o arquivo para criar o SMIL e sincronizar o áudio
 https://www.mobileread.com/forums/showthread.php?t=268702. Aeneas
 Software para sincronização do texto com o áudio. Gera automaticamente um arquivo smil
 https://github.com/readbeyond/aeneas

Slide 44

Slide 44 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] MARKDOW E PANDOC pandoc --from markdown --to epub3 --standalone texto.md --epub- stylesheet=design.css --epub-embed-font=Anisette-*.ttf --output texto.epub --from - formato do qual é convertido --to formato pra o qual será convertido --standalone - opção para criação de arquivo único --output - nome do arquivo --smart - ajustes no texto --toc - gerar sumário --section-divs --epub-stylesheet= Arquivo CSS

Slide 45

Slide 45 text

©Booknando Livros - http://cursos.booknando.com.br - [email protected] SOFTWARE DE LEITURA - Readium SDK - epub.js Adobe Digital Edition
 [http://www.adobe.com/solutions/ebook/digital- editions/download.html]
 para: PC / Mac / Android / iPhone e iPad Mantano Reader
 [http://www.mantano.com/] para: Android / iPhone e iPad Aldiko
 [http://www.aldiko.com/]
 para: Android / iPhone e iPad Bluefire reader
 [http://www.bluefirereader.com]
 para: PC / Android / iPhone e iPad Gitden
 [http://gitden.com]
 para: Android / iPhone e iPad

Slide 46

Slide 46 text

José Fernando Tavares [email protected] (44) 98811 7557 (whatsapp) http://booknando.com.br facebook.com/BooknandoCursos http://cursos.booknando.com.br