SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
COMO PRODUZIR 

MATERIAIS DIGITAIS ACESSÍVEIS

TODA A INFORMAÇÃO PARA TODOS
JOSÉ FERNANDO TAVARES
JFTavares
fernando@booknando.com.br
booknando.com.br
©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
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
ACESSIBILIDADE
TEM A VER COM
SER ACESSÍVEL, DE FÁCIL ACESSO
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
AUTONOMIA…
O Decreto nº 5.296, de 2 de dezembro de 2004, considera a acessibilidade
(FERRAZ, 2017):
Condição para utilização, com segurança e autonomia, total ou
assistida, dos espaços, mobiliários e equipamentos urbanos, das
edificações, dos serviços de transporte e dos dispositivos, sistemas e
meios de comunicação e informação, por pessoa portadora de
deficiência ou com mobilidade reduzida […]. (BRASIL, 2004)
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
LEI BRASILEIRA DE INCLUSÃO
Uma das leis mais completas sobre acessibilidade no Brasil
é o estatuto da pessoa com deficiência, também conhecido
como LBI (Lei Brasileira de Inclusão), que foi aprovado em
2015, mas só entrou em vigor em 2016. A LBI veio para
completar a Lei Nº 10.098, e foi inspirada no protocolo da
Convenção da ONU sobre os Direitos das Pessoas com
deficiência, que aconteceu em 2006, lá em Nova Iorque.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
ACESSIBILIDADE EM LIVROS OU MATERIAIS DIDÁTICOS
Art. 68. O poder público deve adotar mecanismos de
incentivo à produção, à edição, à difusão, à distribuição e
à comercialização de livros em formatos acessíveis,
inclusive em publicações da administração pública ou
financiadas com recursos públicos, com vistas a
garantir à pessoa com deficiência o direito de acesso à
leitura, à informação e à comunicação.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
OBRIGATÓRIO SER ACESSÍVEL
§ 1º Nos editais de compras de livros, inclusive para o
abastecimento ou a atualização de acervos de bibliotecas em
todos os níveis e modalidades de educação e de bibliotecas
públicas, o poder público deverá adotar cláusulas de
impedimento à participação de editoras que não ofertem sua
produção também em formatos acessíveis.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
O QUE SÃO MATERIAIS CONSIDERADOS ACESSÍVEIS
§ 2º Consideram-se formatos acessíveis os arquivos digitais que
possam ser reconhecidos e acessados por softwares leitores de telas
ou outras tecnologias assistivas que vierem a substituí-los, permitindo
leitura com voz sintetizada, ampliação de caracteres, diferentes contrastes
e impressão em Braille.
§ 3º O poder público deve estimular e apoiar a adaptação e a produção de
artigos científicos em formato acessível, inclusive em Libras.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
ACESSIBILIDADE É PARA TODOS
ACESSIBILIDADE É PARA MIM
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
Do autor a quem faz produção do material 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.
TECNOLOGIA ASSISTIVAS
Como se dá a interação acessível?
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
https://brasil.uxdesign.cc/acessibilidade-como-funcionam-os-leitores-de-
tela-3d9b610216e1
LEITORES DE TELA
Softwares que fazem a leitura do conteúdo da tela, transformado o texto em
Ex.: Cortana, Voice Over (mac), Jaws, etc…
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
BRAILE
FORMATOS ACESSÍVEIS
Quais formatos digitais são mais acessíveis?
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
FORMATOS PARA TEXTO/1
PDF acessível
O texto dever ser "vivo" e não em forma de imagem.
PDF gerado com imagens de scanner não são acessíveis.
Para documentos de texto salvar no formato PDF/A
Documento word
É acessível desde que contenha descrição de imagens e não utilize
caixas de textos desnecessárias
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
FORMATOS PARA TEXTO/2
HTML5
Formato para a web que quando bem preparado é totalmente
acessível.
ePub 3
Formato de livro digital que quando bem preparado é totalmente
acessível. É o formato recomendado pelo MEC para os livros
didáticos.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
O EPUB3 É BASEADO NAS TECNOLOGIAS WEB
EPUB 3 HTML 5
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
POTENCIALIDADES E VANTAGENS DO FORMATO EPUB 3
Texto semântico 

(WCAG/ARIA)
Read Aloud
Funcional para Screen Reader
Text-to-speech
Multimídia
Metadados
DICAS PRÁTICAS
Como deixar mais acessível 

o material que produzidos
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
DESCRIÇÃO DAS IMAGENS
➤ Uma imagem possui sempre a possibilidade de colocar um
texto alternativo (Texto ALT).
➤ Faça uma descrição simples e dentro do contexto onde a
imagem está.
➤ Lembre-se de identificar sempre: Quem? Como? Onde?
Quando?
➤ Use na descrição o tempo presente.
➤ Caso a imagem seja apenas descritiva evite descrevê-la.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
QUALIDADE DAS IMAGENS
➤ Evite imagens baixadas na internet com baixa resolução.
➤ Aprenda a utilizar um bom software de imagem (photosho ou Krita)
e acrescente sempre a descrição nelas.
➤ Entenda sobre a questão de dpi e tamanho das imagens para evitar o
uso de imagens de baixa resolução.
➤ Mantenha sempre uma cópia das imagens no seu formato original
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
DESCRIÇÃO DE GRÁFICOS
➤ Coloque uma descrição clara o gráfico.
➤ Escreva na legenda ou no texto o que o gráfico quer dizer de
modo que quem não consegue visualizá-lo possa ainda
assim entender a informação.
➤ Use imagem com resolução alta. Se publicar para a web
aprenda e conheça o formato de imagem SVG.
➤ Evite texto pequeno.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
USO DE CORES
➤ Verificar o contraste das cores. Imagens ou texto com pouco
contraste podem ser de difícil leitura para pessoas com baixa
visão.
➤ Nunca passar uma informação apenas utilizando cores.
Ex. Selecione as palavras em vermelho.
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
TIPOGRAFIA (FONTES)
➤ Não utilizar texto de tamanho muito pequeno.
➤ Evitar texto com tipografia "estranha".
➤ Para texto prefira fontes serifadas.
➤ Faça bom uso dos espaços em branco.
➤ Dica de onde encontrar boas fontes:

https://www.fontsquirrel.com/
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
SUPER DICA
➤ Aprenda HTML5!
©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm
http://blog.handtalk.me/
https://moodle.ead.unb.br/course/view.php?id=605&section=5
https://nic.br/videos/ver/tecnologias-web-e-publicacoes-digitais-
introducoes-ao-svg-e-a-acessibilidade-na-web/
links úteis
José Fernando Tavares
fernando@booknando.com.br
(44) 98811 7557 (whatsapp)

Mais conteúdo relacionado

Último

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
Natalia Granato
 

Último (6)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 

Destaque

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destaque (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Como produzir materiais digitais acessíveis

  • 1. COMO PRODUZIR 
 MATERIAIS DIGITAIS ACESSÍVEIS
 TODA A INFORMAÇÃO PARA TODOS JOSÉ FERNANDO TAVARES JFTavares fernando@booknando.com.br booknando.com.br
  • 2. ©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
  • 3. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
  • 4. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br ACESSIBILIDADE TEM A VER COM SER ACESSÍVEL, DE FÁCIL ACESSO
  • 5. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br AUTONOMIA… O Decreto nº 5.296, de 2 de dezembro de 2004, considera a acessibilidade (FERRAZ, 2017): Condição para utilização, com segurança e autonomia, total ou assistida, dos espaços, mobiliários e equipamentos urbanos, das edificações, dos serviços de transporte e dos dispositivos, sistemas e meios de comunicação e informação, por pessoa portadora de deficiência ou com mobilidade reduzida […]. (BRASIL, 2004)
  • 6. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br LEI BRASILEIRA DE INCLUSÃO Uma das leis mais completas sobre acessibilidade no Brasil é o estatuto da pessoa com deficiência, também conhecido como LBI (Lei Brasileira de Inclusão), que foi aprovado em 2015, mas só entrou em vigor em 2016. A LBI veio para completar a Lei Nº 10.098, e foi inspirada no protocolo da Convenção da ONU sobre os Direitos das Pessoas com deficiência, que aconteceu em 2006, lá em Nova Iorque.
  • 7. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br ACESSIBILIDADE EM LIVROS OU MATERIAIS DIDÁTICOS Art. 68. O poder público deve adotar mecanismos de incentivo à produção, à edição, à difusão, à distribuição e à comercialização de livros em formatos acessíveis, inclusive em publicações da administração pública ou financiadas com recursos públicos, com vistas a garantir à pessoa com deficiência o direito de acesso à leitura, à informação e à comunicação.
  • 8. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br OBRIGATÓRIO SER ACESSÍVEL § 1º Nos editais de compras de livros, inclusive para o abastecimento ou a atualização de acervos de bibliotecas em todos os níveis e modalidades de educação e de bibliotecas públicas, o poder público deverá adotar cláusulas de impedimento à participação de editoras que não ofertem sua produção também em formatos acessíveis.
  • 9. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br O QUE SÃO MATERIAIS CONSIDERADOS ACESSÍVEIS § 2º Consideram-se formatos acessíveis os arquivos digitais que possam ser reconhecidos e acessados por softwares leitores de telas ou outras tecnologias assistivas que vierem a substituí-los, permitindo leitura com voz sintetizada, ampliação de caracteres, diferentes contrastes e impressão em Braille. § 3º O poder público deve estimular e apoiar a adaptação e a produção de artigos científicos em formato acessível, inclusive em Libras.
  • 10. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br ACESSIBILIDADE É PARA TODOS ACESSIBILIDADE É PARA MIM
  • 11. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br Do autor a quem faz produção do material 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.
  • 12. TECNOLOGIA ASSISTIVAS Como se dá a interação acessível?
  • 13. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br https://brasil.uxdesign.cc/acessibilidade-como-funcionam-os-leitores-de- tela-3d9b610216e1 LEITORES DE TELA Softwares que fazem a leitura do conteúdo da tela, transformado o texto em Ex.: Cortana, Voice Over (mac), Jaws, etc…
  • 14. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br
  • 15. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br BRAILE
  • 16. FORMATOS ACESSÍVEIS Quais formatos digitais são mais acessíveis?
  • 17. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br FORMATOS PARA TEXTO/1 PDF acessível O texto dever ser "vivo" e não em forma de imagem. PDF gerado com imagens de scanner não são acessíveis. Para documentos de texto salvar no formato PDF/A Documento word É acessível desde que contenha descrição de imagens e não utilize caixas de textos desnecessárias
  • 18. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br FORMATOS PARA TEXTO/2 HTML5 Formato para a web que quando bem preparado é totalmente acessível. ePub 3 Formato de livro digital que quando bem preparado é totalmente acessível. É o formato recomendado pelo MEC para os livros didáticos.
  • 19. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br O EPUB3 É BASEADO NAS TECNOLOGIAS WEB EPUB 3 HTML 5
  • 20. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br POTENCIALIDADES E VANTAGENS DO FORMATO EPUB 3 Texto semântico 
 (WCAG/ARIA) Read Aloud Funcional para Screen Reader Text-to-speech Multimídia Metadados
  • 21. DICAS PRÁTICAS Como deixar mais acessível 
 o material que produzidos
  • 22. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br DESCRIÇÃO DAS IMAGENS ➤ Uma imagem possui sempre a possibilidade de colocar um texto alternativo (Texto ALT). ➤ Faça uma descrição simples e dentro do contexto onde a imagem está. ➤ Lembre-se de identificar sempre: Quem? Como? Onde? Quando? ➤ Use na descrição o tempo presente. ➤ Caso a imagem seja apenas descritiva evite descrevê-la.
  • 23. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br QUALIDADE DAS IMAGENS ➤ Evite imagens baixadas na internet com baixa resolução. ➤ Aprenda a utilizar um bom software de imagem (photosho ou Krita) e acrescente sempre a descrição nelas. ➤ Entenda sobre a questão de dpi e tamanho das imagens para evitar o uso de imagens de baixa resolução. ➤ Mantenha sempre uma cópia das imagens no seu formato original
  • 24. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br DESCRIÇÃO DE GRÁFICOS ➤ Coloque uma descrição clara o gráfico. ➤ Escreva na legenda ou no texto o que o gráfico quer dizer de modo que quem não consegue visualizá-lo possa ainda assim entender a informação. ➤ Use imagem com resolução alta. Se publicar para a web aprenda e conheça o formato de imagem SVG. ➤ Evite texto pequeno.
  • 25. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br USO DE CORES ➤ Verificar o contraste das cores. Imagens ou texto com pouco contraste podem ser de difícil leitura para pessoas com baixa visão. ➤ Nunca passar uma informação apenas utilizando cores. Ex. Selecione as palavras em vermelho.
  • 26. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br TIPOGRAFIA (FONTES) ➤ Não utilizar texto de tamanho muito pequeno. ➤ Evitar texto com tipografia "estranha". ➤ Para texto prefira fontes serifadas. ➤ Faça bom uso dos espaços em branco. ➤ Dica de onde encontrar boas fontes:
 https://www.fontsquirrel.com/
  • 27. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br SUPER DICA ➤ Aprenda HTML5!
  • 28. ©Booknando Livros - http://cursos.booknando.com.br - fernando@booknando.com.br http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm http://blog.handtalk.me/ https://moodle.ead.unb.br/course/view.php?id=605&section=5 https://nic.br/videos/ver/tecnologias-web-e-publicacoes-digitais- introducoes-ao-svg-e-a-acessibilidade-na-web/ links úteis