Construo de Front-end

Guiado Testes de
Acessibilidade
Prof. Msc. Tiago Nogueira
tiago.nogueira@bag.ifmt.edu.br

Agenda
Definio de Front-End
Introduo
Acessibilidade na Web
Diretrizes de Acessibilidade
Ferramentas Assistivas
Teste de Acessibilidade
Estudo de Caso Corretude de cdigos

Definio de Front-End

Definio de
Front-End?

Introduo

Introduo
No incio desta dcada, o censo dos Estados Unidos indicou que um em
cada oito cidados americanos teria algum tipo de deficincia grave [4].
No Brasil, cerca de 14,5% da populao possui algum tipo de
deficincia visual, aproximadamente 27 milhes de pessoas [5]. Alguns
estudos relatam que, nos Estados Unidos, 10 milhes de pessoas com
algum tipo de deficincia representam um mercado estimado em 46
bilhes de dlares. Esse nmero expressivo de pessoas no pode ser
desconsiderado quando tratamos das tecnologias computacionais.
Relevncia: Processos que permitem ou garantem acessibilidade
das pessoas com algum tipo de deficincia nas interaes com
websites.

Acessibilidade na Web

Acessibilidade na Web
O termo acessibilidade tem ganhado muito destaque no cenrio
nacional atual, tendo em vista que a garantia de acesso a pessoas
com necessidades especiais, em todas as instituies sociais, tem
ganhado fora com a temtica da incluso sendo constantemente
debatida e colocada em foco.
E, no universo da Internet, no poderia ser diferente, j que tal
mecanismo de comunicao e informao prima pelo objetivo de
promover o acesso a todos os cidados. Da a necessidade de propor
elementos que impulsionem tal prtica e permita que, de fato,
todos possam usufruir dos benefcios da tecnologia da informao e
comunicao.

Acessibilidade na Web
A acessibilidade na web, portanto, no se restringe apenas a instrumentos
utilizados em meios virtuais e com a presena da tecnologia, mas tambm requer
conhecimentos em demais reas que servem como apoio para o desenvolvimento
de projetos e prticas tecnolgicas que, por sua vez, permitem o bom andamento
das atividades virtuais e, com isso, o uso mais dinmico e com uma funo social
da Web.
Para tal, so propostas legislaes que garantem estes objetivos:
Lei no 4.169 de dezembro de 1962 (uso do Braille);
Lei no 7.405 de novembro de 1985 (smbolo internacional);
Lei no 7.853/89 (Coordenadoria Nacional para Integrao da Pessoa Portadora
de Deficincia);
Lei no 7.853/89 (Responsabilidades ao Governo);
Decreto no 5.296 de 2004.

Diretrizes de
Acessibilidade

Diretrizes de Acessibilidade (WCAG)

A acessibilidade na Web, para que possa atender a todas as
necessidades de seus usurios portadores de deficincia deve seguir
alguns parmetros que norteiam tal iniciativa no intuito de que todos
os indivduos desse universo sejam plenamente atendidos, de forma
igualitria.
WCAG (Web Content Accessibility Guidelines):
Verso 1.0 e 2.0;
Prioridades 1, 2 e 3.

Diretrizes de Acessibilidade (WCAG)

Princpios:
Promover alternativas equivalentes a contedos auditivos e visuais;
No recorrer apenas cor;
Utilizar corretamente a marcao e folhas de estilo;
Indicar claramente o idioma utilizado;
Criar tabelas passveis de transformao harmoniosa;
Assegurar que pginas que utilizem novas tecnologias tenham
transformao harmoniosa;
Assegurar o controle ao usurio sobre alteraes temporais do
contedo;
Assegurar a acessibilidade direta em interfaces integradas pelo usurio;

Diretrizes de Acessibilidade (WCAG)

Princpios:

Projetar a pgina considerando a independncia de dispositivos;

Utilizar solues provisrias;
Utilizar tecnologias e recomendaes;
Fornecer informaes de contexto e orientao;
Fornecer mecanismos claros de navegao;
Assegurar a clareza e simplicidade dos documentos.

Diretrizes de Acessibilidade (WCAG)

Web Content Accessibility Guidelines (WCAG)

Diretrizes de Acessibilidade (e-Mag)

No Brasil, existe a e-MAG (Manual de Acessibilidade do Governo
Eletrnico) que, por sua vez, possui 8 princpios, tambm inspirados
na WCAG 1.0, na inteno de tornar o contedo Web de fato acessvel,
no entanto formatado para atender ao pblico nacional.
Selos: A, AA e AAA.

Diretrizes de Acessibilidade
Web Content Accessibility Guidelines (WCAG) e e-Mag

Diretrizes de Acessibilidade
Web Content Accessibility Guidelines (WCAG) e e-Mag

Ferramentas Assistivas

Ferramentas Assistivas
Tecnologia Assistiva um termo ainda novo, utilizado para identificar
todo o arsenal de Recursos e Servios que contribuem para
proporcionar ou ampliar habilidades funcionais de pessoas com
deficincia e consequentemente promover Vida Independente e
Incluso [3].

Teste de Acessibilidade

Teste de Acessibilidade
Teste de Acessibilidade um
processo continue e iterativo e
dever ser pensado desde a
concepo do Website:
Coleta de informao;
Planejamento;
Design;
Desenvolvimento;
Testes e publicao;
Manuteno.

Teste de Acessibilidade
Testes automticos e
semiautomticos:
Access Monitor;
DaSilva;
Acessibilidade.net;
WebXact;
Hera 2.1 Beta;
CynthiaSays;
Valet 4.2;
Ocawa;
Evaluera.

Teste de Acessibilidade
Testes de Acessibilidade no AccessMonitor:

Estudo de Caso
Corretude de cdigos

Estudo de Caso
RECOMENDAO 1 RESPEITAR OS PADRES DE
DESENVOLVIMENTO WEB

Estudo de Caso
RECOMENDAO 2 ORGANIZAR O CDIGO HTML DE FORMA
LGICA E SEMNTICA

Estudo de Caso
RECOMENDAO 3 UTILIZAR CORRETAMENTE OS NVEIS DE
CABEALHO

Estudo de Caso
RECOMENDAO 4 ORDENAR DE FORMA LGICA E INTUITIVA A
LEITURA E TABULAO

Estudo de Caso
RECOMENDAO 5 - DISPONIBILIZAR TODAS AS FUNES DA
PGINA VIA TECLADO

Estudo de Caso
RECOMENDAO 5 - DISPONIBILIZAR TODAS AS FUNES DA
PGINA VIA TECLADO

Estudo de Caso
RECOMENDAO 6
FORNECER NCORAS PARA IR
DIRETO A UM BLOCO DE
CONTEDO

Estudo de Caso
Pgina para teste e correes:
http://zip.net/bts3g4

Links pra realizao dos testes:

http://www.acessibilidade.gov.
pt/accessmonitor/

Referncias
[1] WORLD WIDE WEB CONSORTIUM et al. Web content accessibility guidelines
(WCAG) 2.0. 2008.
[2] BACH, Catharine F. et al. Diretrizes de acessibilidade: uma abordagem
comparativa entre WCAG e e-MAG. SIMPSIO BRASILEIRO DE SISTEMAS DE
INFORMAO, V, p. 73-74, 2009.
[3] Assistiva, Tecnologia e Educao. Disponvel em:
http://www.assistiva.com.br/tassistiva.html. Acessado em: 18 de maro de 2016.
[4] SUTCLIFFE, Alistair; HART, Jennefer. Some Reflections on Evaluating Users
Experience. which is commonly known as TwinTide (Towards the Integration of
Trans-sectorial IT Design, p. 67.
[5] IBGE. Instituto brasileiro de geografia e estatstica. censo demogrfico.
Brasil, 2010.