O documento discute testes de acessibilidade para garantir que aplicações sejam acessíveis para todos. Ele aborda as diretrizes WCAG 2.1 da W3C, a importância de testes manuais e automatizados com a participação de pessoas com deficiência, e ferramentas que apoiam a análise de código e experiência dos usuários. Um caso exemplifica testes realizados em sites de um grande banco para garantir conformidade com padrões de acessibilidade.
1. Acessibilidade: Garantindo que as
Aplicações Estejam Acessíveis para Todos
everis
Centro de Certificação de Aplicações
# qualidade
| S Ã O P A U L O | 2 0 1 9
Fim do slaide, para continuar a navegação, pressione paije daón
para avançar.
2. #
2
Centro de Certificação de
Aplicações
Marcelo Vieira dos Santos
Mais de 14 anos de vivência na área de Desenvolvimento, Fábricas de software,
Fábrica de Teste. Especialista em Qualidade de Software, atualmente como Executivo
de Testes na everis. Nos últimos anos participei da formação de inúmeros profissionais
em Qualidade de Software, como Instrutor de cursos de formação e preparatório a
certificação.
Especializações: Bacharel em Ciência da Computação.
PMP - Project Manager Professional
CTFL – Certified Tester, Foundation Level.
CTAL - TA - Certified Tester Advanced Level
CBTS – Certificação Brasileira de Teste de Software.
ITILV3 - Infrastructure Technology Information Library.
TPI - NEXT - Test Process Improvement
Hobbies: Ser PAI , Sou músico (Tecladista), filmes, séries, esportes.
3. Índice
1 - CONTEXTO E OBJETIVO
2 - DIRETRIZES W3C WCAG 2.0
3 - ESCOPO E METODOLOGIA
4 - FERRAMENTAS
5 - CASE
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
4. #
4
Centro de Certificação de
Aplicações
Contexto e Objetivo
A acessibilidade não é construir soluções complexas para poucos. Acessibilidade é garantir que qualquer
pessoa independente de suas limitações tenha autonomia para consumir produtos e serviços.
5. #
5
Centro de Certificação de
Aplicações
Contexto e Objetivo
Acessibilidade se concentra em permitir o acesso digital de pessoas com deficiência ou necessidades especiais
a qualquer informação.
6. #
6
Centro de Certificação de
Aplicações
Contexto e Objetivo
69%
da população brasileira
acessa a web utilizando
smartphones
Mais de 45 milhões de brasileiros e brasileiras têm algum tipo de deficiência.
Fonte: IBGE de 2010, no Brasil
Segundo dados do IBGE de 2010, no Brasil, das mais de 6.5 milhões de pessoas com alguma deficiência visual:
528.624 pessoas são incapazes de enxergar (cegos)
6.056.654 pessoas possuem baixa visão ou visão subnormal (grande e permanente dificuldade de enxergar
7. #
7
Centro de Certificação de
Aplicações
contexto e objetivo
O que são Testes de Acessibilidade?
1
Acessibilidade, refere-se a prática inclusiva de
fazer softwares que possam ser utilizados por
todas as pessoas que tenham deficiência ou não.
2
Ela é realizada para garantir que a aplicação
testada seja utilizável, da forma mais amigável
possível, por pessoas com deficiência, incluindo
limitações de audição, visão, idade avançada,
entre outros.
3
Quando os softwares são corretamente
concebidos, desenvolvidos e editados, todos os
usuários podem ter igual acesso à informação e
funcionalidades.
4
As pessoas com deficiência usam tecnologia
assistiva que as ajudam a operar uma aplicação.
Entre essas tecnologias, estão softwares de
reconhecimento de fala e leitores de telas (Screen
Readers) por exemplo.
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
8. #
8
Centro de Certificação de
Aplicações
contexto e objetivo
Porque garantir os testes de acessibilidade?
1
Atender ao mercado de pessoas com
deficiência.
Um software/aplicação pode atender a este
grande mercado, se ele for criado de forma
amigável as pessoas com deficiência (45,6
Milhões – onde 3,5% a mais comum é visual). Os
problemas de acessibilidade em um
software/aplicação podem ser resolvidos se a
certificação acessível fizer parte do ciclo de vida
normal do teste.
2 Cumprir legislação de acessibilidade
Agências governamentais em todo o mundo estão definindo
e aplicando legislações relativas a pessoas com deficiência,
as quais exigem que os softwares e aplicações de TI devem
ser acessíveis por pessoas com deficiência.
Por isso a importância da certificação acessível garantir a
conformidade legal.
3
Evitar potenciais processos judiciais.
Empresas que fazem parte da Fortune 500 já foram processadas devido aos
seus produtos não serem amigáveis as pessoas com deficiência, o que gerou
também um impacto negativo para as suas imagens.
Fonte IBGE
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
9. Índice
1 - CONTEXTO E OBJETIVO
2 - DIRETRIZES W3C WCAG 2.0
3 - ESCOPO E METODOLOGIA
4 - FERRAMENTAS
5 - CASE
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
10. #
10
Centro de Certificação de
Aplicações
diretrizes W3C WCAG 2.1 e recomendações WebAIM
Base para a Certificação Acessível
Diretrizes
A W3C consórcio internacional responsável por
padronizar linguagens como o HTML, CSS e
protocolos utilizados para a comunicação com a
internet, criou em 1999 diretrizes que se bem
seguidas conseguiriam garantir uma razoável
acessibilidade a um grande número de pessoas.
Hoje estamos na versão WCAG 2.1, lançada em
2018.
Níveis de Conformidade
Agrupada em 3 níveis de duas formas, possuímos 78
regras que podem ser testadas independente de
tecnologia que está sendo usada.
A – básico (mínimo da acessibilidade)
AA – intermediário (atende acessibilidade de uma forma
razoável)
AAA – avançado (significa cumprir acessibilidade de
uma forma avançada, mas ainda poderá excluir
algumas necessidades mais específicas de uma
minoria)
11. #
11
Centro de Certificação de
Aplicações
diretrizes W3C WCAG 2.1 e recomendações WebAIM
OperávelPerceptível
As informações e os
componentes da interface do
usuário devem ser
apresentados em formas que
possam ser percebidas pelo
usuário.
Os componentes de interface
de usuário e a navegação
devem ser operáveis.
A informação e a operação da interface de
usuário devem ser compreensíveis.
Compreensível
Robusto
O conteúdo deve ser robusto o
suficiente para poder ser
interpretado de forma confiável.
9 A
11 AA
9 AAA
14 A
3 AA
12 AAA
2 A
1 AA
0 AAA
5 A
5 AA
7 AAA
78
Critérios de Sucesso
A, AA e AAA
12. #
12
Centro de Certificação de
Aplicações
diretrizes W3C WCAG 2.1 e recomendações WebAIM
Base para a Certificação Acessível
Durante o nosso processo de certificação (seja ele
manual ou automático, os quais descreveremos
posteriormente), avaliamos os 3 níveis de
conformidade e definimos também a estratégia a
ser alcançada com os testes, com base em cada
parte específica do site.
Isto é necessário pois em alguns casos,
dependendo do conteúdo, pode não ser possível
atingir o nível AAA por exemplo.
Segue abaixo de forma não exaustiva, alguns
componentes que são avaliados durante a
certificação acessível com base no W3C WCAG 2.1:
- Uso de unidades absolutas para tamanho de
textos no código.
- Contraste das informações.
- Links para contornar blocos de informação.
- Marcação do idioma principal na página.
- Texto alternativo em imagens.
- Marcação de cabeçalhos.
- Padrões HTML + CSS.
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
13. Índice
1 - CONTEXTO E OBJETIVO
2 - DIRETRIZES W3C WCAG 2.0
3 - ESCOPO E METODOLOGIA
4 - FERRAMENTAS
5 - CASE
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
14. #
14
Centro de Certificação de
Aplicações
escopo e metodologia
Metodologia de Trabalho
Como citado anteriormente, o nosso processo de trabalho é
efetuado em duas fases distintas, sendo elas:
Automatizado
Manual
Os testes manuais são efetuados por uma equipe
híbrida de Analista de Testes e PCDs. O intuito é
permitir que a experiência dos usuários finais seja
garantida por profissionais que entendam em toda
sua amplitude a necessidade de acessibilidade. Os
analistas de testes guiam os PCDs durante os
testes, efetuando a interface com a equipe de
desenvolvimento, responsável pela correção dos
defeitos encontrados.
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
15. Índice
1 - CONTEXTO E OBJETIVO
2 - DIRETRIZES W3C WCAG 2.0
3 - ESCOPO E METODOLOGIA
4 - FERRAMENTAS
5 - CASE
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
16. #
16
Centro de Certificação de
Aplicações
ferramentas
Ferramentas de suporte para a análise estática e apoio aos PCDs
Durante o nosso processo de certificação acessível as ferramentas de análise estática (código) e de apoio dos PCDs
possuem um papel essencial, não só para a garantia da qualidade, mas também para a viabilidade dos testes.
Como posicionado, existem duas categorias de ferramentas:
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
17. #
17
Centro de Certificação de
Aplicações
ferramentas
Inspeção de código acessível
As ferramentas de inspeção de código acessível, tem como objetivo efetuar uma
varredura nos códigos das páginas web, de forma automática e rápida, indicando
toda e qualquer não conformidade frente as questões de acessibilidade.
O resultado destas ferramentas são
avaliados pela nossa equipe de
certificação acessível, e enviada à
equipe de desenvolvimento para
análise e posterior correção.
Suporteaos PCDs
As ferramentas de suporte aos PCDs possuem como
objetivo permitir que as pessoas com deficiência possam
ter acesso ao conteúdo digital de maneira fácil e
intuitiva.
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
18. #
18
Centro de Certificação de
Aplicações
ferramentas
"O dispositivo mais pessoal do mundo foi criado para todos. Com ele, um cego pode tirar selfies em grupo, um surdo pode
ligar para a mãe em outro país e um tetraplégico pode enviar mensagens de texto para os amigos.”
(Apple, 2018)
Acessibilidade IOS
O VoiceOver é um leitor de tela baseado em gestos que permite
usar o iPhone mesmo sem enxergar. Uma vez habilitado, você
acessa o VoiceOver a partir de qualquer lugar do iOS com três
cliques no botão de Início. Ouça a descrição de tudo que acontece
na tela, da carga da bateria a quem está ligando ou até de qual app
seu dedo está em cima. E você pode ajustar a velocidade e tom da
voz.
O TalkBack é um software leitor de tela para celulares. Um
recurso de acessibilidade que ajuda pessoas com deficiência
visual a selecionarem as opções presentes em menus do
smartphone. O suporte de voz, para quem tem baixa ou perda
total de visão, fala em voz alta (como um assistente pessoal)
quais são as alternativas na tela.
Acessibilidade Android
19. Índice
1 - CONTEXTO E OBJETIVO
2 - DIRETRIZES W3C WCAG 2.0
3 - ESCOPO E METODOLOGIA
4 - FERRAMENTAS
5 - CASE
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
20. #
20
Centro de Certificação de
Aplicações
case
40.000
Horas de
Projeto
+ 20
Profissionais
Capacitados
+ 3 Anos
Atuando em
Acessibilidade
Diversos
Projetos
Realizados
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
22. #
22
Centro de Certificação de
Aplicações
case de um grande banco
Testes de Acessibilidade
Garantir que o conteúdo das páginas institucionais
de um grande banco estivessem acessíveis para
pessoas com deficiência visual.
Realizamos o desenvolvimento e validação em
conjunto com PCD’s , para garantir que os sites
estavam em acordo com as Diretrizes W3C, WCAG
2.1 e recomendações WebAIM.
Escopo – foram validados
- Página de login
- Páginas de atendimento
- Páginas de boletos
- Páginas de renegociação
- Páginas de serviços
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
23. #
23
Centro de Certificação de
Aplicações
case de um grande banco
Resumo
Foram realizadas validações seguindo as normas WCAG 2.1 para inspeção
visual e não visual da página de login, página de atendimento, página de
boleto, página de renegociação e página de serviços (todas áreas não
logadas).
Principais Apontamentos:
- Não foi possível realizar os testes no navegador Google Chrome.
- Ao habilitarmos o zoom de 200% os componentes de acesso para pessoa
física e jurídica somem da tela, funcionalidade inoperante.
- Logo do banco na tela inicial está sem descrição alternativa para os usuários e está sendo identificado como link.
- Idioma das páginas estavam formatados como inglês “en”, correto seria Português-Brasil “pt-br”.
- Ao realizar a navegação inversa o foco fica preso nos campos de agência e conta, impossibilitando a navegação.
- O campo sem rótulo impossibilita ao usuário saber com segurança do que se trata aquele componente. Impacto na
segurança para o usuário final.
Os apontamentos citados conflitam com a norma WCAG 2.1, e também as leis que abordam as questões de acessibilidade
decreto lei 5296/2004 e Lei N° 13.146 de 6 de Julho de 2015.
Fim do slaide, para continuar a navegação, pressione paije daón para avançar ou paije ap para retornar.
24. Obrigado!
Fim do slaide, para continuar a navegação, pressione paije ap para retornar.
Contatos: @Marcelo Vieira – mvieirsa@everis.com