QUAIS IMPACTOS DA

ACESSIBILIDADE E COMO SÃO

OS TESTES

FLÁVIO CORREIA • MAURÍCIO PEREIRO

 APAIXONADOS ❤️
POR ACESSIBILIDADE

Flávio Correia Maurício Pereiro

Usuário de tecnologias assistivas e Atua com metodologias de
atuando com metodologias de acessibilidade há 4 anos
acessibilidade. Analista de testes
Analista de testes
AFINAL, O QUE É
ACESSIBILIDADE?
 ACESSIBILIDADE

É destinada a assegurar e a promover, em

condições de igualdade, o exercício dos
direitos e das liberdades fundamentais por
pessoa com deficiência, visando à sua
inclusão social e cidadania.
 ACESSIBILIDADE

É destinada a assegurar e a promover, em

condições de igualdade, o exercício dos
direitos e das liberdades fundamentais por
pessoa com deficiência, visando à sua
inclusão social e cidadania.
 ACESSIBILIDADE – DESIGN UNIVERSAL

“... gerar ambientes, produtos, serviços,

programas e tecnologias acessíveis de
forma a atender o maior número de
pessoas, na maior extensão possível, sem a
necessidade de adaptação ou design
Ronald Mace

especializado.”
1941 - 1998
WORLD WIDE WEB
CONSORTIUM
W3C ?
O QUE É W3C

COMPOSIÇÃO DO CONSÓRCIO

Organização de
padronização da
World Wide Web
O QUE É W3C

COMPOSIÇÃO DO CONSÓRCIO

WAI
Web Accessibility Initiative

Grupo de trabalho
Organização de
que desenvolve as
padronização da
diretrizes para a
World Wide Web
acessibilidade na Web
O QUE É W3C

COMPOSIÇÃO DO CONSÓRCIO

WAI
Web Accessibility Initiative

Grupo de trabalho Organização que amplia

Organização de
que desenvolve as o potencial da Web para
padronização da
diretrizes para a pessoas portadoras de
World Wide Web
acessibilidade na Web deficiência
 DIRETRIZES DE
ACESSIBILIDADE, VOCÊ
CONHECE?
DIRETRIZES

ATAG
Diretrizes de
acessibilidade para
ferramentas de
criação
DIRETRIZES

ATAG UAAG
Diretrizes de Diretrizes de
acessibilidade para acessibilidade para
ferramentas de agentes de usuário
criação
DIRETRIZES

ATAG UAAG WCAG

Diretrizes de Diretrizes de Diretrizes de
acessibilidade para acessibilidade para acessibilidade
ferramentas de agentes de usuário essenciais para Web
criação
DIRETRIZES

ATAG UAAG WCAG

Diretrizes de Diretrizes de Diretrizes de
acessibilidade para acessibilidade para acessibilidade
ferramentas de agentes de usuário essenciais para Web
criação

Ferramentas de Ferramentas de Ferramentas de

desenvolvedores tec. asssistiva usuários
WCAG
WCAG - Web Content Accessibility Guidelines
WCAG - Web Content Accessibility Guidelines

PRINCÍPIOS DIRETRIZ REQUISITOS

Perceptível 04 29

Operável 05 29

Compreensível 03 17

Robusto 01 03

TOTAL 13 78
WCAG - Web Content Accessibility Guidelines

PRINCÍPIOS DIRETRIZ REQUISITOS CRITÉRIO A

Perceptível 04 29 09

Operável 05 29 14

Compreensível 03 17 05

Robusto 01 03 02

TOTAL 13 78 30
WCAG - Web Content Accessibility Guidelines

PRINCÍPIOS DIRETRIZ REQUISITOS CRITÉRIO A CRITÉRIO AA

Perceptível 04 29 09 11

Operável 05 29 14 03

Compreensível 03 17 05 05

Robusto 01 03 02 01

TOTAL 13 78 30 20
WCAG - Web Content Accessibility Guidelines

PRINCÍPIOS DIRETRIZ REQUISITOS CRITÉRIO A CRITÉRIO AA CRITÉRIO AAA

Perceptível 04 29 09 11 09

Operável 05 29 14 03 12

Compreensível 03 17 05 05 07

Robusto 01 03 02 01 -

TOTAL 13 78 30 20 28
NORMA NO BRASIL
eMAG - Modelo de Acessibilidade em Governo Eletrônico

NORMA
QUANTIDADE DE
SEÇÕES
RECOMENDAÇÕES
Marcação 09
Comportamento 07
Conteúdo / Informação 12
Apresentação / Design 04
Multimídia 05
Formulários 08
TOTAL 45

Não exclui qualquer boa prática de acessibilidade do WCAG

LEI NO BRASIL
 LEI BRASILEIRA DE INCLUSÃO

É obrigatória a acessibilidade nos sítios da internet

Lei 13.146/2015mantidos por empresas com sede ou representação

comercial no país ou por órgãos de governo, para

uso da pessoa com deficiência, garantindo-lhe acesso
às informações disponíveis, conforme as melhores
Artigo 63º práticas e diretrizes de acessibilidade adotadas
internacionalmente.
HIERARQUIA MOTIVACIONAL
HIERARQUIA

Motivando a mudança de acessibilidade.

Efetividade

Jared Smith
diretor associado do WebAIM

Culpa
HIERARQUIA

Motivando a mudança de acessibilidade.

Efetividade

Jared Smith
diretor associado do WebAIM

Punição

Culpa
HIERARQUIA

Motivando a mudança de acessibilidade.

Efetividade

Exigência Jared Smith

diretor associado do WebAIM

Punição

Culpa
HIERARQUIA

Motivando a mudança de acessibilidade.

Efetividade

Recompensa

Exigência Jared Smith

diretor associado do WebAIM

Punição

Culpa
HIERARQUIA

Motivando a mudança de acessibilidade.

Iluminação
Efetividade

Recompensa

Exigência Jared Smith

diretor associado do WebAIM

Punição

Culpa
HIERARQUIA

Motivando a mudança de acessibilidade.

Inspiração

Iluminação
Efetividade

Recompensa

Exigência Jared Smith

diretor associado do WebAIM

Punição

Culpa
QUEM É RESPONSÁVEL PELA
ACESSIBILIDADE?
DIAMANTE DA RESPONSABILIDADE

"A empresa faz muitas coisas por diversas razões, além do lucro."
Timothy Donald Cook, mais conhecido como Tim Cook é o atual CEO da Apple Inc. desde 2011.
DIAMANTE DA RESPONSABILIDADE

Negócios
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Executivo
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo

UX
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo

UX TI
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo

UX TI

Compliance
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo

UX TI

Compliance

Jurídico
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo

UX TI

Compliance Marketing

Jurídico
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo

Qualidade e
UX TI
Testes

Compliance Marketing

Jurídico
DIAMANTE DA RESPONSABILIDADE

Negócios

Gestor
Design
Executivo

Qualidade e
UX TI
Testes

Compliance Marketing

Jurídico
QUEM EXECUTA OS TESTES
DE ACESSIBILIDADE
 QUEM EXECUTA OS TESTES

Especialistas com
compreensão
profunda dos
conceitos de
acessibilidade.
 QUEM EXECUTA OS TESTES

Especialistas com
compreensão Os testes podem ser
profunda dos executados em
conceitos de pares.
acessibilidade.
COMO EXECUTAR OS TESTES
COMO EXECUTAR OS TESTES

A melhor abordagem é a combinação dos testes manuais e dos testes

automatizados.
COMO TECNOLOGIA
ASSISTIVA FUNCIONA
COMO FUNCIONA UM LEITOR

Como um leitor de tela entende o que é o objeto.

AFINAL, QUAIS SÃO OS
TESTES DE
ACESSIBILIDADE?
 TESTE FERRAMENTA ACCESS

Realizando o teste
com uso do Access
Monitor.
Regra: são
apresentados
automaticamente.
Função: encontrar
rapidamente quais
elementos não
estão adequados.
 TESTE FERRAMENTA AXE

Realizando o teste
com uso do Axe
testing.
Regra: são
apresentados
automaticamente.
Função: encontrar
rapidamente quais
elementos não
estão adequados.
 TESTE CABEÇALHOS

Uso do
Bookmarklets for
Accessibility.
Regra WCAG: 2.4.6
Função: Texto que é
título ou subtítulo
de uma página deve
ter estrutura de
cabeçalho <h1>,
<h2>, <h3> , etc.
 TESTE 200%

Realizando o teste
com zoom.
Regra WCAG: 1.4.4
Função: O conteúdo
deve ser legível e
funcional mesmo
quando tamanho do
texto for ampliado
para até 200%.
 TESTE LEITOR TELAS

Leitor NVDA.
Regra: identificados
ao longo da
navegação.
Função: encontrar
quais elementos
não estão
adequados as
regras de
acessibilidade.
AFINAL, PORQUE GARANTIR
ACESSIBILIDADE?
PORQUE GARANTIR ACESSIBILIDADE

Atender ao mercado de pessoas com

deficiência.

São 45,6 Milhões de pessoas com algum tipo

de deficiência segundo dados do IBGE 2010
(24% da população brasileira).

Fonte: IBGE - Instituto Brasileiro de Geografia e Estatística. Censo demográfico de 2010. Disponível em:
h ttp : / /b i b li otec a . i b g e . g o v . b r / v i s u a li z a c a o / p er i o d i c o s / 94/cd_2010_r eligi ao_d eficiencia.pdf
QUAIS OS BENEFÍCIOS
BENEFÍCIOS DA ACESSIBILIDADE

Acessibilidade vai muito além do lado social, é

uma poderosa estratégia de negócio.
BENEFÍCIOS DA ACESSIBILIDADE

Acessibilidade vai muito além do lado social, é

uma poderosa estratégia de negócio.

No Brasil, pouquíssimos sites são acessíveis –

só 0,74% do total.

Fonte: Movimento Web Para Todos – Estudo publicado em 2020. Disponível em:
https://mwpt.com.br/2o -estudo-de-acessibilidade-do-movimento-web-para-todos-nos-
sites-brasileiros/
REFLEXÃO
LINKEDIN – FLÁVIO LINKEDIN – MAURÍCIO
https://www.linkedin.co https://www.linkedin.com/in/
m/in/flaviorscorreia/ mauricio-pereiro/