Acessibilidade digital: conteúdo sem barreiras - URCAMP 2025

jmmadruga 1 views 74 slides Oct 05, 2025
Slide 1
Slide 1 of 74
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55
Slide 56
56
Slide 57
57
Slide 58
58
Slide 59
59
Slide 60
60
Slide 61
61
Slide 62
62
Slide 63
63
Slide 64
64
Slide 65
65
Slide 66
66
Slide 67
67
Slide 68
68
Slide 69
69
Slide 70
70
Slide 71
71
Slide 72
72
Slide 73
73
Slide 74
74

About This Presentation

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 inclu...


Slide Content

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

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

Slides:
https://bit.ly/aceurcamp25

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

Contato:
[email protected]

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

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

Como vai funcionar?

Se manifestem a
qualquer
momento!

Sobre o que vamos falar?

Por que a
acessibilidade
digital importa?

Quantos
aplicativos você
já usou hoje?

E se cada
interação fosse
um desafio?

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

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

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

Acessibilidade
digital é só “na
web”?

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

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

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

Quais são os tipos de deficiência?

Tipos de
condições:

Permanentes,
temporárias e
situacionais.

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

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

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

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

Deficiências
Mental/
Psicossocial

Padrões e leis ligadas a
acessibilidade digital

LBI

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

LBI

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

eMAG

Modelo de
Acessibilidade
em Governo
Eletrônico

ABNT NBR
17225

Acessibilidade
em conteúdo e
aplicações web

Requisitos

WCAG 2

Web Content
Accessibility
Guidelines

WCAG 2

Web Content
Accessibility
Guidelines

VPAT

Voluntary
Product
Accessibility
Template

Os 4 pilares da
acessibilidade:

O alicerce para
uma experiência
universal

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

HTML
semântico: a
base de tudo

A importância
de usar as tags
HTML
corretamente

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

Eles interpretam
o código.

Navegação
através do
teclado

Desconecte o
seu mouse. O
seu site
sobrevive?

Imagens para
todos: o poder
do texto
alternativo

A importância
de descrever as
imagens

Cores que
comunicam: o
contraste ideal

A importância
do contraste
para a
legibilidade

Vídeos para
todos: legendas
e Libras

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

PDF precisam
ser acessíveis:

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

Comunicando
com clareza:

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

Avaliando a
acessibilidade:

validadores
automáticos e
testes manuais

Inteligência
Artificial:

uma “aliada” da
acessibilidade

A IA necessita de
contexto.

A revisão
humana é
indispensável.

IA na prática:

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

Legendas
automáticas e
audiodescrição.

É necessário que
acessibilidade
esteja sempre
presente!

Acessibilidade é
um processo,
não um projeto

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

Qual será o seu
primeiro passo
amanhã?

Obrigado a
todos!

Slides:
https://bit.ly/aceurcamp25

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

Contato:
[email protected]

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

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

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

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

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/

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/

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/

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/

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/

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

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

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/

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

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

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

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/

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/

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/

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/

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