Acessibilidade e semântica no formato EPUB3

ACESSIBILIDADE E SEMÂNTICA 
NAS PUBLICAÇÕES DIGITAIS  
EM FORMATO EPUB3
JOSÉ FERNANDO TAVARES
JFTavares
fernando@booknando.com.br
booknando.com.br

©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!

Não acredite em nada do você ouvir
aqui, faça as suas EXPERIÊNCIAS

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.

https://github.com/JFTavares/ePub3-base
Material palestra

O FORMATO EPUB
Objetivos e especiﬁcações

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.
W3CIDPF2017
2007 IDPF
OEB  
OPEN E-BOOK PUBLICATION STRUCTURE
1999
W3C2018 EPUB 3.2

TRAZER OS LIVROS PARA O DIGITAL

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

BASEADO NAS TECNOLOGIAS WEB
EPUB 3 HTML 5

HTML & CSS & JAVASCRIPT EMPACOTADOS
CONTENT.OPF

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

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

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 Speciﬁcation: Especiﬁcaçã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

LIMITAÇÕES DO "FORMATO"
Software de leitura
Modelos de negócios (DRM)

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

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

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

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

REFERÊNCIA
Accessible Publishing Knowledge Base
http://kb.daisy.org/publishing/
Diagram Center 
http://diagramcenter.org/54-9-tips-for-creating-accessible-epub-3-
ﬁles.html

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íﬁcos para os elementos auxiliares, como notas de
rodapé, quadros de textos, referências.

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 signiﬁcado do texto deve permanecer o mesmo seja
com o design aplicado ou sem ele.
Uso correto das tags HTML

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

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 deﬁnir design! Para isto existem as classes!
O livro deve apresentar um uso coerente destas etiquetas de títulos.

5. DEFINA O CONTEÚDO DE CADA ETIQUETA
O uso correto do WAI-ARIA e do epub:type permite deﬁnirmos 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 identiﬁcar o
conteúdo.

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áﬁcos é possível optar por SVG que permite descrições
de acessibilidade de conteúdo.

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, aﬁnal é 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.

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ê deﬁne 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 deﬁnir apenas como âncora no texto:
<span id="pag45" epub:type="pagebreak" />

9. DEFINA A LÍNGUA DO DOCUMENTO
Algo que em geral não se faz nos eBook mas que é fundamental quando falamos
de acessibilidade é deﬁnir dentro do tag HTML principal a língua do documento.
Ainda que esta já tenha sido deﬁnida 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>.

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.

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.

12. INCLUA INTERAÇÕES ACESSÍVEIS
Quando ﬁzer uso de SVG ou de javascript (são poucos os casos),
certiﬁque-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).

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)
(ﬂashing, motion simulation, sound).
accessibilitySummary — sumário das characteristics de acessibilidade
(lack of extended descriptions, speciﬁc hazards).

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

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…

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

FLUXO DE PRODUÇÃO

PROCESSO ATRAVÉS DO INDESIGN
Preparar o documento ePubcheck
testes
OK
erro
erro
OK

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

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

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

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

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/] 
Blueﬁre reader 
[http://www.blueﬁrereader.com] 
para: PC / Android / iPhone e iPad
Gitden 
[http://gitden.com] 

José Fernando Tavares
fernando@booknando.com.br
(44) 98811 7557 (whatsapp)
http://booknando.com.br
facebook.com/BooknandoCursos
http://cursos.booknando.com.br

Acessibilidade e semântica no formato EPUB3

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Acessibilidade e semântica no formato EPUB3

Semelhante a Acessibilidade e semântica no formato EPUB3 (20)

Mais de José Fernando Tavares

Mais de José Fernando Tavares (9)

Acessibilidade e semântica no formato EPUB3