Acessibilidade e semântica nas publicações digitais em formato ePub3

Falar de acessibilidade é pensar o conteúdo para todos fornecendo toda a informação disponível. 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.

Transcript

1. ACESSIBILIDADE E SEMÂNTICA
 NAS PUBLICAÇÕES DIGITAIS 
 EM FORMATO EPUB3 JOSÉ FERNANDO TAVARES JFTavares fernando@booknando.com.br booknando.com.br
2. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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!
3. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br Não acredite em nada do você ouvir aqui, faça as suas EXPERIÊNCIAS
4. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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.
5. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br https://github.com/JFTavares/ePub3-base Material palestra
6. O FORMATO EPUB Objetivos e especificações
7. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
8. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br TRAZER OS LIVROS PARA O DIGITAL
9. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
10. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br BASEADO NAS TECNOLOGIAS WEB EPUB 3 HTML 5
11. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br HTML & CSS & JAVASCRIPT EMPACOTADOS CONTENT.OPF
12. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
13. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
14. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
15. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br LIMITAÇÕES DO "FORMATO" Software de leitura Modelos de negócios (DRM)
16. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
17. ACESSIBILIDADE Todo o conteúdo para todos documentação indicações gerais usando o ACE Requisitos específicos do PNLD
18. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
19. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
20. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
21. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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 (<section>, <article>, <header>, 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.
23. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
24. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 3. USO DE SUMÁRIOS E SISTEMAS DE NAVEGAÇÃO <nav epub:type="toc" id="toc"> <h1>Sumário</h1> <ol> <li> <a href="../Text/capa.xhtml">Capa</a> </li> <li> <a href="../Text/rosto.xhtml">Folha de Rosto</a> </li> </nav Sumário interno
 dentro do HTML Sumário externo
 Usado pelos softwares
25. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 4. CRIE UMA ESTRUTURA SIGNIFICATIVA Use sempre os tags corretos de títulos (<h1>, <h2> 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.
26. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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 <dl epub:type=“glossary”> indica que o tag <dl> esta sendo utilizado para formatar um glossário. Use o EPUB 3 Structural Semantics Vocabulary para identificar o conteúdo.
27. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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.
28. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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.
29. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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: <span id="pag45" epub:type="pagebreak" />
30. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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: <span xml:lang=“fr” lang=“fr”>rue Saint-Andre-des-Arts</span>.
31. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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.
32. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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.
33. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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).
34. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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).
35. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br <meta property="schema:accessMode">textual</meta> <meta property="schema:accessMode">visual</meta> <meta property="schema:accessibilityFeature">structuralNavigation</meta> <meta property="schema:accessibilityFeature">alternativeText</meta> <meta property="schema:accessibilityHazard">noSound</meta> <meta property="schema:accessibilityHazard">noMotionSimulation</meta> <meta property="schema:accessibilitySummary">This publication conforms to WCAG 2.0 Level AA.</meta> <meta property="schema:accessModeSufficient">textual,visual</meta> <meta property="schema:accessibilityFeature">longDescriptions</meta> <meta property="schema:accessibilityAPI">ARIA</meta> <meta property="schema:accessibilityControl">fullKeyboardControl</meta> <meta property="schema:accessibilityControl">fullMouseControl</meta> <meta property="schema:accessibilityControl">fullTouchControl</meta> <meta property="schema:accessibilityHazard">noFlashing</meta> <meta property="a11y:certifiedBy">Booknando Livros</meta> <link href="http://www.idpf.org/epub/a11y/accessibility-20170105.html#wcag-aa" rel="dcterms:conformsTo" />
36. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
37. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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…
38. PRODUÇÃO Necessário um workflow Softwares para a produção Sigil e plugins Markdonw e Pandoc
39. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br FLUXO DE PRODUÇÃO
40. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br PROCESSO ATRAVÉS DO INDESIGN Preparar o documento ePubcheck testes OK erro erro OK
41. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
42. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
43. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
44. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
45. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br 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
46. José Fernando Tavares fernando@booknando.com.br (44) 98811 7557 (whatsapp) http://booknando.com.br facebook.com/BooknandoCursos http://cursos.booknando.com.br