ACESSIBILIDADE E SEMÂNTICA NAS PUBLICAÇÕES DIGITAIS EM ... · ACESSIBILIDADE E SEMÂNTICA NAS PUBLICAÇÕES DIGITAIS EM FORMATO EPUB 3 TODA A INFORMAÇÃO PARA TODOS JOSÉ FERNANDO

ACESSIBILIDADE E SEMÂNTICA NAS PUBLICAÇÕES DIGITAIS EM FORMATO EPUB 3 TODA A INFORMAÇÃO PARA TODOSJOSÉ FERNANDO TAVARES

JFTavares

[email protected]

booknando.com.br

mailto:[email protected]

http://booknando.com.br

©Booknando Livros - http://cursos.booknando.com.br - [email protected]

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

http://cursos.booknando.com.br


ACESSIBILIDADE É PARA TODOS ACESSIBILIDADE É PARA MIM



Do autor a quem faz revisão do livro digital, do software ou da página web é importante que todos estejam conscientes que acessibilidade não é um recurso mas sim um requisito básico das publicações digitais.


O FORMATO EPUB 3 ACESSÍVEL

Objetivos e especificaçõ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



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çãohttps://github.com/w3c/publ-epub-revision/

Formato atual 3.0.1 (2014)http://www.idpf.org/epub/301/spec/epub-publications.html



POTENCIALIDADES E VANTAGENS DO FORMATO

Empacotamento (Zip /mimetype )

Tecnologias web

Design visual (CSS)

Interações (Javascript)

MathML

SVGOpen source



POTENCIALIDADES E VANTAGENS DO FORMATO

Texto semântico (WCAG/ARIA)

Read Aloud

Funcional para Screen Reader

Text-to-speech

Multimídia

Metadados



REFERÊNCIAS E RELAÇÃO COM A WEB

EPUB Accessibility 1.0 http://www.idpf.org/epub/a11y/accessibility.html

Web Content Accessibility Guidelines (WCAG) 2.0 https://www.w3.org/TR/WCAG20/


https://www.w3.org/TR/WCAG20/

https://www.w3.org/TR/WCAG20/


DOCUMENTOS AUXILIARES PARA A ACESSIBILIDADE

1. EPUB Accessibility Techniques 1.0

2. DPUB-ARIA

3. EPUB Accessibility Vocabulary

4. EPUB 3 Structural Semantics Vocabulary


http://www.idpf.org/epub/a11y/techniques/techniques.html

https://www.w3.org/TR/dpub-aria-1.0/

https://idpf.github.io/epub-vocabs/package/a11y/a11y.html

https://idpf.github.io/epub-vocabs/structure/structure.html


REFERÊNCIA

1. Accessible Publishing Knowledge Base (Daisy)

2. Diagram Center


http://kb.daisy.org/publishing/

http://diagramcenter.org/54-9-tips-for-creating-accessible-epub-3-files.html


1. TODO TEXTO DEVE SER ESTRUTURADO EM UMA ORDEM DE LEITURA LÓGICA



2. SEPARE SEMPRE O CONTEÚDO DA APRESENTAÇÃO

PROGRESSIVE ENHANCEMENT

Conteúdo html5

Design css 3

InteraçãoJavascript



3. USO DE SUMÁRIOS E SISTEMAS DE NAVEGAÇÃO <nav epub:type="toc" role="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 internodentro do HTML

Sumário externousado pelos softwares



4. MELHORAR AS DEFINIÇÕES SEMÂNTICAS (WAI-ARIA E EPUB:TYPE )

<section role="doc-preface" epub:type="preface"> <p>Quando decidi iniciar a escrever…</p> … </section>

<section role="doc-chapter" epub:type="chapter"> <h1>1. A volta dos que não foram</h1> … </section>



5. UMA BOA DESCRIÇÃO DAS IMAGENS (TAG ALT)ACESSO ALTERNATIVO AO CONTEÚDO MULTIMÍDIA NÃO USE IMAGENS PARA TABELAS OU TEXTO

tag alt

figcaption

describedBy



6. INCLUA UMA NUMERAÇÃO DE PÁGINA<span id="pag45" epub:type="pagebreak" role="pagebreak />

<nav epub:type="page-list" id="page-list" hidden="hidden">

<ol>

<li><a href="../Text/Filename001.xhtml#pagei">i</a></li>

<li><a href="../Text/Filename001.xhtml#page001">1</a></li>

<li><a href="../Text/Filename001.xhtml#page002">2</a></li>

</ol>

</nav>



7. USE O MATHMLCompatibilidade dos softwares leitores:

BISG, (http://epubtest.org/)



8. METADADOS DE ACESSIBILIDADEaccessMode — 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 characteristicas de acessibilidade (lack of extended descriptions, specific 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



ACE



RELATÓRIO DO ACE

/data

report.html

report.json






PRODUÇÃONecessário um workflow

Sigil e plugins Markdonw e Pandoc


FLUXO DE PRODUÇÃO



SIGIL E PLUGINSSoftware 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 TRANSIFEXhttps://www.transifex.com/zdpo/sigil/translate/#pt_BR


https://sigil-ebook.com/

https://www.mobileread.com/forums/showthread.php?t=247431

https://www.transifex.com/zdpo/sigil/translate/#pt_BR


PLUGINS DE ACESSIBILIDADEAccess-Aide Accessibility HelperAcrescenta os metadados de acessibilidade e os atributos do ARIAhttps://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 pluginConverter para ePub3 de um ePub2https://www.mobileread.com/forums/sh....php?p=2973066


https://www.mobileread.com/forums/sh...d.php?t=294678

https://www.mobileread.com/forums/sh....php?p=2973066


READ ALOUD

icarus Sigil Plugin Prepara o arquivo para criar o SMIL e sincronizar o áudiohttps://www.mobileread.com/forums/showthread.php?t=268702.

AeneasSoftware para sincronização do texto com o áudio. Gera automaticamente um arquivo smilhttps://github.com/readbeyond/aeneas


https://www.mobileread.com/forums/showthread.php?t=268702




MARKDOW E PANDOCpandoc --from markdown --to epub3 --standalone texto.md --epub-stylesheet=design.css --epub-embed-font=Comfortaa_*.ttf --template="default.epub3" --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/] 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



http://bit.ly/epub_acessivel

Material palestra


José Fernando [email protected](44) 98811 7557 (whatsapp)

mailto:[email protected]

http://booknando.com.br

http://facebook.com/BooknandoCursos

Documents

ACESSIBILIDADE E SEMÂNTICA NAS PUBLICAÇÕES DIGITAIS EM ... · ACESSIBILIDADE E SEMÂNTICA NAS PUBLICAÇÕES DIGITAIS EM FORMATO EPUB 3 TODA A INFORMAÇÃO PARA TODOS JOSÉ FERNANDO