Acessibilidade digital: conteúdo sem barreiras - URCAMP 2025

Prepare-se para uma imersão profunda na "Acessibilidade digital: conteúdos sem barreiras", com o Me. Jerônimo Medina Madruga. Você já parou para pensar no impacto das barreiras digitais na vida de milhões de brasileiros? Esta palestra irá guiá-lo por uma análise detalhada da inclusão no ambiente digital.

Descubra os diversos tipos de deficiência — permanentes, temporárias e situacionais — e compreenda o fascinante "Efeito Rampa" no contexto digital, revelando como soluções acessíveis beneficiam a todos. Aprofunde-se nos padrões e leis que moldam a acessibilidade, desde a Lei Brasileira de Inclusão (LBI) até as diretrizes da WCAG 2.

Além disso, explore os quatro pilares fundamentais da acessibilidade e as melhores práticas para construir conteúdo verdadeiramente acessível, abordando desde o HTML semântico e a navegação por teclado até o contraste de cores e a acessibilidade em PDFs. E como a Inteligência Artificial se encaixa nesse cenário? A palestra discute seu papel como aliada, sempre com a crucial ressalva da revisão humana para garantir a eficácia e a precisão. Venha se inspirar e transformar sua perspectiva sobre um futuro digital mais inclusivo.

1. Acessibilidade digital:
conteúdos sem barreiras
Me. Jerônimo Medina Madruga

Semana Acadêmica de Sistemas de
Informação
URCAMP 2025

2. Slides:
https://bit.ly/aceurcamp25

Resumão interativo:
https://g.co/gemini/share/e5fb6d4e21ec

Contato:
[email protected]

3. Quem é Jerônimo Medina Madruga?
E por que ele está falando aqui?

5. Mais exótico que meu nome, só minha formação…

7. Como vai funcionar?

8. Se manifestem a
qualquer
momento!

9. Sobre o que vamos falar?

10. Por que a
acessibilidade
digital importa?

11. Quantos
aplicativos você
já usou hoje?

12. E se cada
interação fosse
um desafio?

13. 18,6 milhões de
brasileiros têm
alguma
deficiência.

14. 1 em cada 6
pessoas no
mundo vive com
uma deficiência
significativa.

15. Acessibilidade
Digital é a
eliminação de
barreiras “na Web”.

16. Acessibilidade
digital é só “na
web”?

17. O "Efeito Rampa":
uma solução
acessível que
beneficia a todos.

18. O "Efeito Rampa"
também existe no
mundo digital.

19. 71% das
deficiências são
invisíveis e
apenas 29% são
visíveis

20. Quais são os tipos de deficiência?

21. Tipos de
condições:

Permanentes,
temporárias e
situacionais.

22. Cegueira ou
Deficiência
Visual – afeta
3,5% da
população.

23. Deficiência
Física – afeta
2,3% da
população.

24. Deficiências
Intelectuais –
afeta 1,4% da
população.

25. Surdez ou
Deficiência
Auditiva – afeta
1,1% da
população.

26. Deficiências
Mental/
Psicossocial

28. Padrões e leis ligadas a
acessibilidade digital

29. LBI

Lei Brasileira de
Inclusão da
Pessoa com
Deficiência

30. LBI

Lei Brasileira de
Inclusão da
Pessoa com
Deficiência

31. eMAG

Modelo de
Acessibilidade
em Governo
Eletrônico

32. ABNT NBR
17225

Acessibilidade
em conteúdo e
aplicações web
—
Requisitos

33. WCAG 2

Web Content
Accessibility
Guidelines

34. WCAG 2

Web Content
Accessibility
Guidelines

35. VPAT

Voluntary
Product
Accessibility
Template

36. Os 4 pilares da
acessibilidade:

O alicerce para
uma experiência
universal

37. Construindo
conteúdo
acessível: boas
práticas e
ferramentas

38. HTML
semântico: a
base de tudo

A importância
de usar as tags
HTML
corretamente

39. Leitores de tela
não "leem" a
tela.

Eles interpretam
o código.

40. Navegação
através do
teclado

Desconecte o
seu mouse. O
seu site
sobrevive?

41. Imagens para
todos: o poder
do texto
alternativo

A importância
de descrever as
imagens

42. Cores que
comunicam: o
contraste ideal

A importância
do contraste
para a
legibilidade

43. Vídeos para
todos: legendas
e Libras

A importância
de tornar o
conteúdo
audiovisual
acessível

44. PDF precisam
ser acessíveis:

Imagens com
descrição e
texto navegável
(uso de OCR)

45. Comunicando
com clareza:

A necessidade
da avaliação das
construções
textuais

46. Avaliando a
acessibilidade:

validadores
automáticos e
testes manuais

47. Inteligência
Artificial:

uma “aliada” da
acessibilidade

48. A IA necessita de
contexto.

A revisão
humana é
indispensável.

49. IA na prática:

Verificação de
cores, imagens e
padrões.

Legendas
automáticas e
audiodescrição.

50. É necessário que
acessibilidade
esteja sempre
presente!

51. Acessibilidade é
um processo,
não um projeto

52. Acessibilidade
não é uma
feature. É uma
cultura.

53. Qual será o seu
primeiro passo
amanhã?

54. Obrigado a
todos!

55. Slides:
https://bit.ly/aceurcamp25

Resumão interativo:
https://g.co/gemini/share/e5fb6d4e21ec

Contato:
[email protected]

56. Acessibilidade digital:
conteúdos sem barreiras
Me. Jerônimo Medina Madruga

Semana Acadêmica de Sistemas de
Informação
URCAMP 2025

57. Referências
https://emag.governoeletronico.gov.br/
https://www.w3.org/WAI/standards-guidelines/wcag/
https://www.gov.br/governodigital/pt-br/acessibilidade-e-usuario/acessi
bilidade-digital/modelo-de-acessibilidade
https://guia-wcag.com/
https://moodle.com/pt-br/acessibilidade/
https://www.pcdlegal.com.br/lbi/wp-content/themes/pcdlegal/livro-facil-
leitura/files/assets/common/downloads/publication.pdf

58. Referências
https://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm
https://mwpt.com.br/wp-content/uploads/2025/04/ABNT-NBR-17225-Ace
ssibilidade-Digital.pdf
https://www.gov.br/mdh/pt-br/assuntos/noticias/2023/julho/brasil-tem-1
8-6-milhoes-de-pessoas-com-deficiencia-indica-pesquisa-divulgada-pel
o-ibge-e-mdhc
https://www.who.int/news-room/fact-sheets/detail/disability-and-health
https://pac.pdf-accessibility.org/en

59. Referências
https://www.gov.br/governodigital/pt-br/acessibilidade-e-usuario/acessi
bilidade-digital/ferramentas
https://www.w3.org/WAI/test-evaluate/tools/list/
https://www.w3.org/WAI/test-evaluate/tools/selecting/
https://thectoclub.com/tools/best-web-accessibility-testing-tools/
https://www.nvaccess.org/download/
https://orca.gnome.org/

60. Referências
https://www.deque.com/axe/devtools/
https://www.siegemedia.com/contrast-ratio
https://webaim.org/resources/contrastchecker/
https://www.handtalk.me/br/
https://developer.chrome.com/docs/lighthouse/overview?hl=pt-br
https://wp.ufpel.edu.br/cpted/kit-docente/
https://wave.webaim.org/

61. Referências
https://mwpt.com.br/como-se-descrever-em-reunioes-e-eventos/
https://www.tjdft.jus.br/acessibilidade/publicacoes/sementes-da-inclusa
o/como-se-referir-a-pessoas-que-possuem-deficiencia
https://www.forrester.com/blogs/accessibility-is-still-vital-for-businesses/
https://mwpt.com.br/
https://accessibility.uncg.edu/for-all/why-important/
https://www.reddit.com/r/accessibility/comments/1ga9er4/examples_of_
bad_accessibility_out_there/

62. Referências
https://www.w3.org/WAI/demos/bad/
https://dev.to/bekahble/show-me-some-bad-web-accessibility-on-major-
sites-n8h
https://www.audioeye.com/post/common-accessibility-issues/
https://www.whoisaccessible.com/guidelines/inspection-of-a-few-ada-co
mpliant-websites-and-some-that-are-not/
https://accessibility.blog.gov.uk/2025/02/04/10-digital-accessibility-mista
kes-to-avoid/

63. Referências
https://www.lrswebsolutions.com/Blog/Posts/97/Website-Accessibility/T
he-Top-5-Website-Accessibility-Failures/blog-post/
https://webaim.org/discussion/mail_thread?thread=3019
https://www.easy-lms.com/blog/7-common-accessibility-mistakes-and-h
ow-to-avoid-them
https://wallyax.com/blog/10-most-common-accessibility-issues
https://www.handtalk.me/en/blog/accessibility/

64. Referências
https://www.gov.br/governodigital/pt-br/acessibilidade-e-usuario/acessi
bilidade-digital
https://jornal.usp.br/radio-usp/falta-de-acessibilidade-na-internet-exclui-
as-pessoas-com-deficiencia/
https://uxdesign.cc/the-curb-cut-effect-universal-design-b4e3d7da73f5
https://en.wikipedia.org/wiki/Curb_cut_effect
https://www.craftzing.com/what-we-think/insights/accessibility-is-for-ev
eryone-the-curb-cut-effect

65. Referências
https://access4you.io/news/curb-cut-effect-accessibility-is-for-everyone
https://www.webrepublic.com/en/insights/curb-cut-effect
https://ssir.org/articles/entry/the_curb_cut_effect
https://www.gov.br/governodigital/pt-br/acessibilidade-e-usuario/acessi
bilidade-digital
https://agenciadenoticias.ibge.gov.br/agencia-noticias/2012-agencia-de-
noticias/noticias/37317-pessoas-com-deficiencia-tem-menor-acesso-a-ed
ucacao-ao-trabalho-e-a-renda

66. Referências
https://userway.org/blog/the-impact-of-accessibility-on-seo/
https://www.handtalk.me/en/blog/accessibility-and-seo/
https://carlotas.org/bra/tipos-de-deficiencia/
https://www.facebook.com/psicopedagogia.kamillaStati/posts/os-tr%C3
%AAs-tipos-de-defici%C3%AAncia-visualcego-%C3%A9-considerado-ceg
o-aquele-que-apresenta-/543820712927798/

67. Referências
https://www.facebook.com/photo.php?fbid=350774082932980&id=10865
6130478111&set=a.174508210559569
https://www.instagram.com/p/DDo-KexJ_Dr/
https://www.facebook.com/psicopedagogia.kamillaStati/posts/os-tr%C3
%AAs-tipos-de-defici%C3%AAncia-visualcego-%C3%A9-considerado-ceg
o-aquele-que-apresenta-/543820712927798/
https://www.sindromedeusherbrasil.com.br/lei-estabelece-cores-bengal
a-deficiencia-visual

68. Referências
https://brasil.uxdesign.cc/uma-breve-introdu%C3%A7%C3%A3o-a-acessib
ilidade-a82d61e72e75
https://ge.globo.com/esports/noticia/2022/09/10/conheca-tortex-o-strea
mer-com-artogripose-que-conquistou-a-fgc.ghtml
https://www.dexerto.com/esports/blind-gamer-sven-shatters-barriers-wi
th-street-fighter-6-victory-at-evo-2023-2238033/
https://en.wikipedia.org/wiki/Voluntary_Product_Accessibility_Template

69. Referências
https://kaksimedia.com/lei-da-acessibilidade-digital-o-seu-site-esta-em-
conformidade/
https://userway-org.translate.goog/blog/how-situational-disabilities-imp
act-us-all/?_x_tr_sl=en&_x_tr_tl=pt&_x_tr_hl=pt&_x_tr_pto=tc
https://brasil.uxdesign.cc/uma-breve-introdu%C3%A7%C3%A3o-a-acessib
ilidade-a82d61e72e75
https://www.cgi.br/media/docs/publicacoes/13/20230920121455/guia_boa
s_praticas_acessibilidade_digital.pdf

70. Referências
https://prefeitura.sp.gov.br/web/comunicacao/w/manual_ident_visual/23
9560
https://wp.ufpel.edu.br/cpted/kit-docente/
https://www.brasilcode.com.br/html-semantico-o-que-e-por-que-usar-e-
principais-tags/
https://userway.org/blog/the-basics-of-keyboard-navigation/
https://cta.ifrs.edu.br/recurso-ta/softwares-leitores-de-tela/

71. Referências
https://prefeitura.sp.gov.br/web/comunicacao/w/manual_ident_visual/23
9560
https://wp.ufpel.edu.br/cpted/kit-docente/
https://www.brasilcode.com.br/html-semantico-o-que-e-por-que-usar-e-
principais-tags/
https://userway.org/blog/the-basics-of-keyboard-navigation/
https://cta.ifrs.edu.br/recurso-ta/softwares-leitores-de-tela/

72. Referências
https://pt.semrush.com/blog/alt-text-para-imagens/
https://ahrefs.com/blog/es/texto-alternativo/
https://videoshack.com.br/blog-post/legendas-descritivas-como-o-servic
o-pode-tornar-seu-conteudo-acessivel-e-engajador-para-todos-incluind
o-closed-caption/
https://www.eauriz.com.br/acessibilidade-por-legendas-porque-pessoas-
com-surdez-reabilitadas-com-proteses-auditivas-necessitam-de-legend
as-em-videos/

73. Referências
https://www.pertodigital.com.br/blog/como-tornar-um-texto-acessivel
https://www.inclusionhub.com/articles/how-ai-is-improving-accessibility
-for-professionals-with-disabilities
https://www.immuniweb.com/blog/top-10-failures-of-ai.html
https://spectrum.ieee.org/ai-mistakes-schneier
https://www.digitala11y.com/accessibility-conferences-events/
https://cta.ifrs.edu.br/acessibilidade-digital/conceito/

74. Referências
https://www.microsom.com.br/deficiencias-ocultas-ou-invisiveis/#:~:text=
Defici%C3%AAncias%20ocultas%20ou%20invis%C3%ADveis%20s%C3%A3
o,fibromialgia%2C%20diabetes%2C%20entre%20outras
https://www.youtube.com/watch?v=w-NnS6JNhBI&t=136s