UNIO METROPOLITANA DE ENSINO

FACULDADE DE CINCIA E TECNOLOGIA

BACHARELADO EM SISTEMAS DE INFORMAO

DIEGO DE OLIVEIRA POTAPCZUK

WPA: FERRAMENTA PARA AUXLIO NA ACESSIBILIDADE DO

GERENCIADOR DE CONTEDO WORDPRESS

Lauro de Freitas
2010

DIEGO DE OLIVEIRA POTAPCZUK

WPA: FERRAMENTA PARA AUXLIO NA ACESSIBILIDADE DO

GERENCIADOR DE CONTEDO WORDPRESS
Trabalho de concluso de curso apresentado ao
curso de Bacharelado em Sistemas de Informao
da UNIME como requisito parcial para obteno de
grau de Bacharel em Sistemas de Informao.
Orientador: Prof. Andr Luis Andrade Rezende
Co-orientador: Prof. Jorge Sampaio Farias

Lauro de Freitas
2010

Dedico esse trabalho aos meus pais, minha irm, meus amigos e meus familiares.

AGRADECIMENTOS

Agradeo aos meus pais: Mirlene e Claudinei, por estarem sempre do meu lado
me incentivando, apoiando e me dando foras.
minha irm Luana, por sempre confiar tanto em mim e me aconselhar.
Aos meus amigos, por tantas conquistas juntos.
A todos os meus professores, em especial a Andr Rezende que me ensinou tanto
sobre acessibilidade.
A todos os meus colegas do SENAI, pelo grande apoio que me deram.
A Sueli, Janaina e Kariene, minhas amigas, que me ajudaram muito na correo
deste trabalho.
Aos usurios com deficincia visual, que muito me ensinaram ao longo desse
trabalho, alm de conferirem autenticidade a essa pesquisa.
Aos meus colegas Clio, Jferson e MAQ, pelas longas conversas e explicaes
sobre acessibilidade na web.
Aos meus colegas do Ncleo de Acessibilidade Virtual da RENAPI, do Instituto
Federal Baiano, Instituto Federal do Rio Grande do Sul e Instituto Federal do Cear, pelo
incentivo e pela valorosa ajuda nesse trabalho.

A vida simples, mas se quiser complicar fcil.

Wilson Mendes

RESUMO

A Internet hoje tem uma importncia fundamental em nossa sociedade, provendo diversos
servios e acesso informao. Dessa forma, apresenta-se como veiculo potencializador das
possibilidades para as pessoas com necessidades especiais, em particular, para as pessoas com
deficincia visual. Entretanto, percebe-se que inmeros sites no esto aderentes aos padres
de acessibilidade, criando uma barreira para essas pessoas que no conseguem usufruir
adequadamente desses servios. nesse contexto que essa monografia traz como objetivo
potencializar a acessibilidade para pessoas com deficincia visual ao acesso a sites que
utilizem o gerenciador de contedos WordPress, uma das trs ferramentas mais utilizadas para
se publicar e gerenciar informaes na web. Na definio do processo metodolgico para o
desenvolvimento dessa pesquisa descritiva, foi realizado um levantamento bibliogrfico e
entrevistas orientadas por questionrio. O principal resultado obtido se deu pela construo
de uma tecnologia assistiva para facilitar o acesso aos sites desenvolvidos com o WordPress
por pessoas com deficincia visual.
Palavras-chave: Acessibilidade. Web. WordPress.

ABSTRACT

The Internet today has fundamental importance in our society, providing various services and
access to information. Thus, it appears as a vehicle potentiator of possibilities for people with
special needs, particularly for people with visual impairments. However, we realize that many
sites are not adhering to accessibility standards, creating a barrier for those people who can
not adequately take advantage of these services. It is in this context that this monograph has as
objective to maximize accessibility for visually impaired people access to sites that use the
content manager WordPress, one of the three most commonly used tools to publish and
manage information on the web. In the definition of the methodology for the development of
this descriptive research was conducted a literature review and interviews targeted by
questionnaire. The main result was due to the construction of an assistive technology to
facilitate access to sites developed with WordPress by people with visual impairments.
Keywords: Accessibility. Web. WordPress.

LISTA DE FIGURAS

Figura 1: Imagem de um site desenvolvido com o WordPress. ............................................... 27

Figura 2: Classificao do WordPress segundo o Alexa.......................................................... 28
Figura 3: Barra de acessibilidade do Portal Brasil ................................................................... 31
Figura 4: Demonstrao da pgina que explica a utilizao do site......................................... 33
Figura 5: Demonstrao do uso do controle de tamanho de letra ............................................ 34
Figura 6: Site com estilo de alto contraste................................................................................ 35
Figura 7: Link de salto para o contedo do site ........................................................................ 36
Figura 8: Utilizao de tecla de atalho nos links de maior uso ou relevncia .......................... 37
Figura 9: Identificao das imagens sem descrio textual...................................................... 38
Figura 10: Validao do HTML e do CSS da pgina............................................................... 39
Figura 11: Validao da pgina segundo as recomendaes da WCAG 1.0............................ 40
Figura 12: Casos de uso do visitante e do administrador do site.............................................. 41
Figura 13: Demonstrao da extenso instalada no WordPress ............................................... 42
Figura 14: Apenas um erro de prioridade 2 foi encontrado em ambos os sites pelo ASES ..... 46
Figura 15: Reprovao da verificao automtica por ambos os sites pelo Cynthia Says ....... 46
Figura 16: Resultado da avaliao do site com o WPA realizada pelo eXaminator ................ 47
Figura 17: Resultados da avaliao realizada pelo HERA na verso normal do WordPress... 48
Figura 18: Dois erros encontrados na validao do XHTML do WordPress pela W3C.......... 49
Figura 19: Um erro encontrado em ambos os sites pelo daSilva.............................................. 49

LISTA DE GRFICOS

Grfico 1: Diviso das deficincias encontradas no Brasil ...................................................... 18

LISTA DE TABELAS

Tabela 1: Total de indivduos por tipo de deficincia no Brasil............................................... 17

Tabela 2: Classes de acuidade visual........................................................................................ 19

LISTA DE SIGLAS

CMS

- Content Management System

CSS

- Cascading Style Sheets

eMAG

- Modelo de Acessibilidade do Governo Eletrnico

HTML

- HyperText Markup Language

IBGE

- Instituto Brasileiro de Geografia e Estatstica

OMS

- Organizao Mundial de Sade

PHP

- Hypertext Preprocessor

RENAPI

- Rede de Pesquisa e Inovao em Tecnologias Digitais

SENAI

- Servio Nacional de Aprendizagem Industrial

TIC

- Tecnologia da Informao e Comunicao

W3C

- World Wide Web Consortium

WAI

- Web Accessibility Initiative

WCAG

- Web Content Accessibility Guidelines

WEB

- World Wide Web

WPA

- WordPress Acessvel

XHTML

- Extensible Hypertext Markup Language

XML

- Extensible Markup Language

SUMRIO

1 INTRODUO................................................................................................................. 12
2 DESENHO UNIVERSAL ................................................................................................ 16
2.1 DEFICINCIA................................................................................................................. 17
2.1.1 Deficincia visual.......................................................................................................... 18
2.2 ACESSIBILIDADE ......................................................................................................... 20
2.2.1 Acessibilidade Web para deficientes visuais................................................................. 21
3 GERENCIADORES DE CONTEDO .......................................................................... 26
3.1 WORDPRESS.................................................................................................................. 26
3.1.1 Estendendo o WordPress............................................................................................... 29
3.1.2 WordPress contexto da acessibilidade .......................................................................... 30
4 WORDPRESS ACESSVEL ........................................................................................... 31
4.1 DIFICULDADES DE ACESSIBILIDADE ABORDADAS PELO WPA...................... 32
4.1.1 Pgina de declarao de acessibilidade......................................................................... 32
4.1.2 Controle do tamanho das letras ..................................................................................... 33
4.1.3 Modificao do contraste da pgina.............................................................................. 34
4.1.4 Links de salto................................................................................................................. 35
4.1.5 Teclas de atalho............................................................................................................. 36
4.1.6 Identificao de imagens sem descrio ....................................................................... 37
4.1.7 Validao do HTML e do CSS ..................................................................................... 38
4.1.8 Validao da Acessibilidade ......................................................................................... 39
4.2 PROCESSO DE DESENVOLVIMENTO....................................................................... 40
4.3 VALIDAO.................................................................................................................. 45
4.3.1 Validao automtica .................................................................................................... 45
4.3.2 Validao manual.......................................................................................................... 50
5 CONSIDERAES FINAIS ........................................................................................... 54
REFERNCIAS ..................................................................................................................... 56
APNDICE A - DECLARAO DE ACESSIBILIDADE................................................ 58
APNDICE B ARQUIVO DE INSTRUES DA FERRAMENTA ............................ 60
APNDICE C MODELO DO QUESTIONRIO APLICADO ..................................... 62
APNDICE D QUESTIONRIOS APLICADOS AOS VALIDADORES ................... 64

12

INTRODUO

A Internet um meio de comunicao que vem ajudando na incluso das pessoas,

em especial, aquelas com alguma limitao visual. Ela permite uma maior liberdade para a
pessoa com deficincia como, por exemplo, a comunicao com outras pessoas, acesso a
servios pblicos, estudos, notcias e informaes. Porm, os deficientes visuais ainda
encontram algumas barreiras relacionadas ausncia de acessibilidade em muitos desses
recursos, o que limita o potencial do uso da Internet para a construo do conhecimento e
incluso digital.
No Brasil, segundo o Censo de 2000, divulgado pelo Instituto Brasileiro de
Geografia e Estatstica (IBGE), existem cerca de 24 milhes de pessoas com algum tipo de
deficincia. Destas, 16 milhes possuem alguma limitao visual, o que constitui 9,7% da
populao brasileira, um ndice bem representativo. Esses deficientes visuais, muitas vezes,
encontram dificuldades no acesso informao disponibilizada na Internet, em decorrncia da
no aderncia aos padres de acessibilidade.
A legislao brasileira1 conceitua acessibilidade como sendo a possibilidade e
condio de alcance para utilizao, com segurana e autonomia, dos espaos, mobilirios e
equipamentos urbanos, das edificaes, dos transportes e dos sistemas e meios de
comunicao por pessoa com deficincia ou com mobilidade reduzida.
Na Internet, um dos recursos mais utilizados a World Wide Web, ou
simplesmente denominada web, que so pginas multimdias interligadas, tambm chamadas
de site. Atualmente, a maioria dos grandes sites utilizam sistemas de gerenciamento de
contedo para facilitar o processo de publicao e gerenciamento de suas informaes,
permitindo que usurios sem o perfil tcnico de informtica e programao possam divulgar
suas informaes e conhecimento de forma fcil na Internet. Dentre os tipos de sites, h os
blogs, que hoje possuem um papel de grande importncia na Internet. Eles so um tipo de site
cuja estrutura permite uma rpida atualizao a partir do acrscimo de novos artigos e tm
como padro a organizao das informaes de forma cronolgica inversa, fazendo com que
os artigos que possuam mais destaque sejam aqueles mais atuais. Os blogs tambm tm, em
geral, uma temtica especfica, fazendo com que seu contedo seja de grande relevncia para

Lei 10.098, de 19 de dezembro de 2000.

13

os leitores interessados, por ser, normalmente, composto de informaes atuais e escrito por
pessoas pesquisadoras da mesma rea.
A falta de acessibilidade em sites um problema srio, pois dificulta ou impede o
acesso a informaes e aos servios, por pessoas com deficincia, principalmente os
indivduos com limitaes visuais, indo tambm contra a lei n 10.098, de 19 de dezembro de
2000 e o decreto n 5296, de 3 de dezembro de 2004 que estabelecem normas gerais e
critrios bsicos para a promoo de acessibilidade das pessoas com deficincias.
A acessibilidade web trata das barreiras de acessibilidade encontradas nos sites da
Internet. Um site acessvel deve possibilitar a visualizao de suas informaes e sua
navegao por qualquer pessoa, com limitao ou no, esteja ela usando um navegador ou um
leitor de tela.
Nesta pesquisa, a acessibilidade web teve como foco pessoas com deficincia
visual, por serem elas a parcela mais significativa com alguma deficincia no Brasil e tambm
por ser o tipo de deficincia mais afetada pela falta de acessibilidade dos sites.
O WordPress que, segundo a pesquisa de Water&Stone (2009), uma das
ferramentas mais utilizadas no mundo para a publicao e gerenciamento de contedo na web,
tambm uma forma de se obterem informaes. Assim, dificuldades em sua acessibilidade
geram grandes impactos para as pessoas que buscam informaes na web. Diante desta
perspectiva, fez-se necessria a compreenso de como potencializar a acessibilidade das
pessoas com deficincias visuais no acesso aos sites que utilizam o gerenciador de contedos
WordPress. Para entender esse processo, esta pesquisa procurou responder as seguintes
questes: O WordPress possui dificuldades de acessibilidade para os deficientes visuais?
Quais dificuldades so essas? Como essas dificuldades podem ser resolvidas ou minimizadas?
Com base nas questes levantadas, surgiu a seguinte hiptese: o desenvolvimento
de uma extenso para minimizar ou corrigir os problemas de acessibilidade no WordPress
pode melhorar o acesso informao das pessoas com deficincia visual.
A pesquisa em questo tem como objetivo geral potencializar a acessibilidade
para pessoas com deficincia visual ao acesso a sites que utilizam o gerenciador de contedos
WordPress, proporcionando uma maior facilidade de acesso ao contedo disponibilizado
atravs da ferramenta.
Como objetivos especficos desta pesquisa, destacam-se: analisar as dificuldades
encontradas pelos deficientes visuais no acesso aos sites disponibilizados com WordPress;
desenvolver uma extenso de acessibilidade que corrija ou diminua o impacto de tais

14

dificuldades e validar a melhora na acessibilidade de um site feito com WordPress e que

utilize o mdulo desenvolvido.
A acessibilidade um tema que une esforos em todas as esferas de governo com
o intuito de incluir as pessoas com necessidades especiais na sociedade brasileira. A
acessibilidade web tambm bastante abordada, tendo o governo, inclusive, desenvolvido
uma norma de acessibilidade com o intuito de acessibilizar os seus sites governamentais.
Porm, essas aes ainda caminham lentamente no que se refere acessibilidade das
informaes presentes na rede mundial de computadores. O WordPress uma das ferramentas
para gerncia de contedo mais utilizada no mundo2, de forma que uma melhoria em sua
acessibilidade poder ser facilmente aplicada a milhes de sites que a utilizam, auxiliando na
incluso social e digital de milhes de pessoas com deficincia visual.
Para a realizao deste trabalho, inicialmente, foi realizada uma pesquisa
bibliogrfica sobre o assunto e pesquisa de campo com entrevistas com dois deficientes
visuais especialistas em acessibilidade web, um do SENAI-BA e outro do Instituto Federal do
Rio Grande do Sul. Esses elementos serviram para subsidiar o entendimento de como o
deficiente visual acessa a Internet, quais as dificuldades encontradas nas interaes e de que
maneira possvel minimizar os fatores limitantes. Em seguida, efetuou-se um levantamento
de informaes sobre o WordPress identificando sua arquitetura; seu processo de
desenvolvimento; a forma de estender suas funcionalidades; e seus pontos que podem ter a
acessibilidade melhorada. O desenvolvimento do embasamento terico desta pesquisa foi
feito iterativamente com as etapas de pesquisa, passando por constantes revises de formato e
contedo.
Durante o processo da pesquisa, foram analisados mtodos e tcnicas para a
melhoria da acessibilidade para as pessoas com deficincia visual de modo que pudessem ser
agregados ao WordPress sem modificaes em sua base. Por fim, a ferramenta proposta foi
desenvolvida com base nas informaes levantadas durante as etapas descritas anteriormente
e analisados os resultados obtidos e as respectivas concluses que puderam ser inferidas a
partir deles. A anlise dos resultados foi realizada atravs de pesquisa qualitativa, utilizando
questionrios aplicados em um grupo de oito deficientes visuais do SENAI-BA, do Instituto
Federal do Rio Grande do Sul, do Instituto Federal do Cear e do Instituto Federal Baiano,

De acordo com o servio do Alexa que classifica a popularidade dos sites na Web. Disponvel em:

http://www.alexa.com/siteinfo/wordpress.com. Acesso em: 13 out. 2009.

15

todos com Ncleos de Acessibilidade Virtual da Rede de Pesquisa e Inovao em Tecnologias

Digitais (RENAPI) que tambm validaram o experimento.
Este trabalho composto pelos captulos I e II que contm a fundamentao
terica e a reviso da literatura relacionada ao tema. A descrio do trabalho realizado nesta
monografia encontra-se no captulo III. Aps as consideraes finais, so apresentadas as
referncias que foram utilizadas. Desta forma, este trabalho divide-se em: captulo I conceitua o desenho universal e a sua importncia para a acessibilidade, bem como os
diferentes tipos de deficincias visuais; captulo II - apresenta uma anlise sobre os
gerenciadores de contedo com foco principal no WordPress; captulo III - descreve a
modelagem da ferramenta, seu processo de desenvolvimento e demonstra os resultados da
validao da ferramenta; consideraes Finais - apresenta as contribuies deste trabalho
provenientes dos resultados, bem como as perspectivas para trabalhos futuros.

16

DESENHO UNIVERSAL

Este captulo apresenta o conceito de Desenho Universal, assim como a definio

de deficincia visual e suas classificaes. Por fim, mostra-se o tema de acessibilidade e suas
dificuldades e trabalhos existentes na acessibilidade web.
O Desenho Universal, ou Design Total, segundo Sonza (2008), se refere ao
desenho de produtos e ambientes que devem possibilitar seu uso por todas as pessoas, no
limite do possvel, sem a necessidade de serem adaptados ou ter desenhos especializados.
Dessa forma, contribuindo para a incluso. Outro ponto importante que todos os ambientes,
produtos, servios, programas e tecnologias devem ser desenvolvidos de forma que no
necessitem de adaptaes ou readaptao, especificamente.
De acordo com Sonza (2008), so sete os princpios que sustentam o Desenho
Universal:

Uso equiparvel - para pessoas com diferentes capacidades;

Uso flexvel - com leque amplo de preferncias e habilidades;

Simples e intuitivo - fcil de entender;

Informao perceptvel - comunica eficazmente a informao necessria;

Tolerante ao erro - que diminui riscos de aes involuntrias;

Com pouca exigncia de esforo fsico;

Tamanho e espao para o acesso e o uso.

O termo Desenho Universal relativamente novo, surgiu a partir do Design

Acessvel, que tinha o conceito de criar produtos livre de barreiras para dar acessibilidade
para pessoas com deficincias. O Desenho Universal, medida que a expectativa de vida
cresce e a medicina progride, mais valorizado e aplicado. Os estudos na rea de Desenho
Universal comearam no sculo XX e foram impulsionados pelas mudanas demogrficas, no
comeo desse sculo, a expectativa de vida era de 47 anos, e somente 10% das pessoas que
sofriam leses na medula espinhal tinham alguma chance de sobreviver. Hoje as pessoas
vivem mais e melhor, graas a uma vida mais saudvel e aos avanos da medicina, chegando
a ter uma expectativa de vida mdia na faixa dos 76 anos (STORY; MUELLER; MACE,
1998).

17

Segundo Story, Mueller e Mace (1998), possvel se desenvolverem produtos e

ambientes para servir a uma grande quantidade de pessoas, incluindo crianas, idosos, pessoas
com deficincias, diferentes tamanhos, formas atpicas, pessoas doentes ou machucadas e
deve respeitar a diversidade humana, promovendo a incluso de todos em todas as atividades
da vida.
O conceito do Desenho Universal tambm se aplica aos sites, que devem ser
projetados de forma a permitir o acesso suas informaes pelo maior nmero de pessoas
possvel, sem a necessidade de adaptaes e verses especiais para tal.

2.1 Deficincia
A deficincia ocasionada pela perda ou anomalia de uma estrutura ou funo
psicolgica, fisiolgica ou anatmica, que acaba resultando na perda total ou parcial da
capacidade de ver, falar ou andar, ou seja, o deficiente a pessoa que tem ou est com a
incapacidade, total ou parcial, de realizar tarefas consideradas normais devido a limitaes
fsicas ou mentais, conforme se verifica na Tabela 1 (ORGANIZAO MUNDIAL DA
SADE, 1980).
Tabela 1: Total de indivduos por tipo de deficincia no Brasil.

Fonte: INSTITUTO BRASILEIRO DE GEOGRAFIA E ESTATSTICA, 2000, p. 5.

18

De acordo com a OMS, cerca de 600 milhes de pessoas no mundo sofrem de

alguma deficincia (SHUKSHIN, 2005). No Brasil, o IBGE estima que haja por volta de 24
milhes de pessoas com algum tipo de deficincia, mais ou menos 14,5% da populao
brasileira, essa informao pode ser vista de forma mais detalhada na tabela 1. Destas, cerca
de 48% possuem algum tipo de deficincia visual (IBGE, 2000) conforme demonstra o
Grfico 1. Com base nesses dados do IBGE, pode-se afirmar que a deficincia visual o tipo
de deficincia que mais atinge hoje a populao brasileira.

Grfico 1: Diviso das deficincias encontradas no Brasil

Deficincias no Brasil
8%

4%

17%
48%
Visual
Motora
Auditiva
Mental
Fsica

23%

Dentre os 24 milhes de deficientes existentes no Brasil, menos de 5% encontramse empregados e no exerccio de seus direitos trabalhistas, mesmo essas pessoas tendo o apoio
da Constituio Federal de 1988 que garante a chamada reserva de mercado, que obriga tanto
o Poder Pblico, quanto as empresas privadas a terem uma porcentagem de vagas reservadas
para as pessoas com necessidades especiais, mas que na prtica no acontece (BOLONHINI
JUNIOR, 2004, p. 29).

2.1.1 Deficincia visual

O Decreto 5.296/04 define deficincia visual da seguinte forma:

Deficincia visual: cegueira, na qual a acuidade visual igual ou menor que
0,05 no melhor olho, com a melhor correo ptica; a baixa viso, que
significa acuidade visual entre 0,3 e 0,05 no melhor olho, com a melhor

19

correo ptica; os casos nos quais a somatria da medida do campo visual

em ambos os olhos for igual ou menor que 60; ou a ocorrncia simultnea
de quaisquer das condies anteriores. (BRASIL, 2004, p.2).

Para Sonza (2008), a deficincia visual abrange pessoas que possuem desde viso
fraca (baixa viso) at aquelas que no conseguem distinguir se quer a luz. E Sonza (2008) em
seu trabalho, divide essas pessoas em dois grupos, as de baixa viso e as com cegueira. A
Sociedade Brasileira de Viso Subnormal (2009) tem uma classificao mais abrangente,
conforme mostra a Tabela 2.

Tabela 2: Classes de acuidade visual

CLASSIFICAO

ACUIDADE
VISUAL
SNELLEN

ACUIDADE
VISUAL
DECIMAL

AUXLIOS

VISO NORMAL

20/12 a 20/25

1,5 a 0,8

BIFOCAIS COMUNS

PRXIMA DO NORMAL
BAIXA VISO
MODERADA

20/30 a 20/60

0,6 a 0,3

BIFOCAIS MAIS FORTES LUPAS DE BAIXO

PODER

20/80 a 20/150

0,25 a 0,12

LUPAS MAIS FORTES

BAIXA VISO SEVERA

20/200 a 20/400

0,10 a 0,05

LENTES ASFRICAS, LUPAS DE MESA ALTO

PODER

BAIXA VISO
PROFUNDA

20/500 a 20/1000

0,04 a 0,02

LUPA MONTADA TELESCPIO, MAGNIFICAO

VDEO, BENGALA / TREINAMENTO O-M

PRXIMO CEGUEIRA

20/1200 a 20/2500

0,015 a 0,008

MAGNIFICAO VDEO, LIVROS FALADOS,

BRAILLE , APARELHOS SADA DE VOZ,
BENGALA / TREINAMENTO O-M

CEGUEIRA TOTAL

SEM PERCEPO
DE LUZ

SEM
PERCEPO
DE LUZ

APARELHOS SADA DE VOZ, BENGALA /

TREINAMENTO 0-M

Fonte: SOCIEDADE BRASILEIRA DE VISO SUBNORMAL, 2009, p. 3.

Kulpa (2009) define a baixa viso, tambm chamada de viso subnormal, como
uma perda severa da viso que no pode ser corrigida por tratamento clnico ou cirrgico nem
pelo uso de culos convencionais e est relacionada com a capacidade visual que uma pessoa
possui entre 20/40 e 20/200, aps correo. Sendo que 20/200 representa uma pessoa que
consegue ver um objeto a 20 ps enquanto outra pessoa com a viso considerada normal
consegue ver a 200 ps de distncia o mesmo objeto.
Ainda de acordo com o autor, esta deficincia inclui problemas como
escurecimento da viso, viso embaada, nvoa ou pelcula sobre os olhos, viso apenas de
objetos extremamente prximos ou perda de viso distncia, viso distorcida, manchas na

20

frente da viso, distoro das cores ou daltonismo, defeitos no campo visual, viso em tnel,
falta de viso perifrica, sensibilidade anormal luz ou claridade e cegueira noturna.
O daltonismo, que se estima que cerca de 8% de toda a populao masculina a
possua, um distrbio na viso que, segundo Kulpa (2009), impede que a pessoa diferencie
certas cores, assim, tambm conhecida como cromodeficincia.
Sonza (2008) afirma que parte das pessoas com deficincias visuais de baixa viso
conseguem ler um impresso se este for grande e estiver prximo da vista ou atravs de lentes
de aumento, outros conseguem apenas detectar grandes formas, cores ou contrastes.

2.2 Acessibilidade

A acessibilidade, segundo a legislao brasileira (BRASIL, 2000), a

possibilidade e condio de alcance para utilizao, com segurana e autonomia, dos
espaos, mobilirios e equipamentos urbanos, das edificaes, dos transportes e dos sistemas
e meios de comunicao, por pessoa portadora de deficincia ou com mobilidade reduzida.
Ao se aplicar os princpios do Desenho Universal nos produtos e ambientes, estes por
consequncia se tornam acessveis.
No Brasil, a acessibilidade tratada em termos legais pela Lei n 7.853 de 24 de
outubro de 1989 e pela Lei n 10.098 de 19 de dezembro de 2000 que estabelecem as normas
e critrios bsicos para a promoo da acessibilidade das pessoas com deficincias (BRASIL,
2000). O Decreto Lei n 3.298 de 20 de dezembro de 1999, que define a acessibilidade no
mbito da Administrao Pblica Federal (BRASIL, 1999).
A acessibilidade virtual refere-se ao acesso a qualquer recurso da Tecnologia da
Informao e Comunicao (TIC), enquanto o termo acessibilidade na Internet usado para
definir a acessibilidade dos componentes da rede mundial de computadores, como e-mail,
grupos, servios de notcias, chats3 entre outros. J a acessibilidade web, ou e-acessibilidade,
trata especificamente do componente web, que um conjunto de pginas escritas na
linguagem HTML e interligadas por links de hipertexto (FERREIRA, 2007).
Com a popularizao da Internet na dcada de 1990, ficou clara a necessidade de
prover o Desenho Universal e a acessibilidade na web com a construo de ambientes virtuais
3

Servio de conversa em tempo real.

21

acessveis. Para isso, o World Wide Web Consortium (W3C) e a Web Accessibility Initiative
(WAI), dois consrcios mundiais, uniram foras para estabelecer os padres e protocolos que
os sites deveriam seguir para serem considerados acessveis (PASSERINO; MONTARDO;
BEZ, 2007).

2.2.1 Acessibilidade Web para deficientes visuais

Os deficientes visuais tm o seu acesso web de forma bastante dificultada,

conforme Rezende (2005, p. 40) explica:
Com o avano da tecnologia, surgiram diversas linguagens de programao,
a exemplo da Java, Delphi, Visual Basic, entre outras. A insero dessas
ferramentas no meio tecnolgico permite o desenvolvimento de interfaces
cada vez mais rebuscadas, logo, com a possibilidade de se criar aplicativos
com um forte apelo visual; isso aumenta a complexidade da interao dos
no videntes, que, obrigatoriamente, passaram a necessitar de softwares
especiais ou suportes tecnolgicos, os chamados leitores de telas ou
sintetizadores de voz.

Para possibilitar uma maior acessibilidade s pessoas com deficincia visual,

foram desenvolvidas diversas tecnologias assistivas que segundo Berch e Tonolli (2006, p.1),
so "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". Niccio (2008, p. 32) usa o termo dispositivos de acessibilidade, e
o conceitua como tudo o que construdo ou fabricado com a inteno de melhorar, facilitar
ou promover o acesso a alguma coisa ou algum lugar, e considera que esses dispositivos vo
desde uma bengala at uma passarela construda sobre uma avenida. No decorrer deste artigo
ser utilizado o termo tecnologia assistiva por ser o mais difundido.
No computador e na web tambm no diferente, existem diversas tecnologias
assistivas que auxiliam no acesso desses meios s pessoas com necessidades especiais, como
os programas ampliadores de tela, apontadores, sintetizadores de voz e leitores de tela
(SONZA, 2008). Alm desses, existem outras tecnologias assistivas que podem ser aplicadas
diretamente aos sites, permitindo que os usurios possam acess-los de forma mais acessvel,
sem a necessidade de utilizao de programas especiais. Podemos citar como algumas destas

22

tecnologias assistivas: as teclas de atalho, skip links4, controle do tamanho da letra, site em
alto contraste e menu de acessibilidade (NICCIO, 2008).
Os leitores de tela so um tipo de tecnologia assistiva bastante utilizada pelas
pessoas com necessidades especiais que, de acordo com Sonza (2008, p. 58),
So programas que interagem com Sistema Operacional, reproduzindo, de
forma sonora, os eventos ocorridos no computador. Essas interfaces leem
para o usurio as informaes, botes, enfim, todos os eventos que se
apresentam em forma de texto ou equivalente (imagens etiquetadas) na tela
do computador.

Na web comum encontrar sites que utilizam de um forte apelo visual para atrair
e manter seus visitantes, mas isso no quer dizer que o mesmo no pode ser acessvel para um
deficiente visual. Existem diversos documentos com diretrizes e recomendaes de
acessibilidade para o desenvolvimento de um site que, se forem seguidas, torn-lo- acessvel.
Os principais para o contexto do Brasil so o Web Content Accessibility Guidelines (WCAG)
e o Manual de Acessibilidade do Governo Eletrnico (eMAG).
A W3C e a WAI desenvolveram, em 1999, o WCAG 1.0, ou Diretrizes de
Acessibilidade ao Contedo da Web, que define como produzir contedos para a web de
forma que sejam acessveis s pessoas com necessidades especiais, e que devem ser
respeitados pelos desenvolvedores de sites. Esse documento divide os problemas de
acessibilidade em trs nveis de prioridade, onde no nvel um, tambm conhecido como nvel
A, os desenvolvedores web devem satisfazer todos os requisitos, caso contrrio ser
impossvel para um ou mais grupos acessarem o contedo do site. No nvel dois, tambm
conhecido como duplo A, os desenvolvedores web devem satisfazer todos os requisitos, caso
contrrio alguns grupos tero dificuldade em acessar o contedo. E no nvel trs, tambm
conhecido como triplo A, os desenvolvedores podem satisfazer os requisitos para facilitar
para alguns grupos o acesso ao contedo (W3C-WAI, 1999).
Em fevereiro de 2008, um grupo de desenvolvedores web independentes da W3C,
liderados pelo Joe Clark, e que estavam insatisfeitos com o WCAG 2.0, publicaram o WCAG
Samurai Errata, uma srie de correes e extenses para o WCAG 1.0 (NICCIO, 2008).
O WCAG 2.0 foi publicado como uma recomendao da W3C em dezembro de
2008, sendo ele desenvolvido para abordar as diversas novas tecnologias que foram
desenvolvidas desde o lanamento do WCAG 1.0. (NICCIO, 2008).

Links de salto utilizados pelo visitante para pular de um ponto a outro.

23

O W3C e a WAI tambm desenvolvem diretrizes de acessibilidade voltadas para

os desenvolvedores de ferramentas para a web e para os desenvolvedores de ferramentas de
avaliao de acessibilidade (W3C-WAI, 1999).
Seguindo as polticas brasileiras de incentivo a acessibilizao de ambientes e
tecnologias, em especial o Decreto 5.296 de 2 de dezembro de 2004 que especifica que no
prazo de doze meses a partir de sua publicao, todos os portais e sites da administrao
pblica devem ser acessveis a pessoas com deficincia visual, foi desenvolvido o eMAG, um
Modelo de Acessibilidade desenvolvido pelo Governo Eletrnico, para facilitar esse processo
(EMAGa, 2005).
O eMAG foi publicado em 2005 e tem como base o WCAG 1.0. Ele composto
por oito diretrizes de acessibilidade: Diretriz 1: fornecer alternativas equivalentes para
contedo grfico e sonoro; Diretriz 2: assegurar-se de que o site seja legvel e compreensvel
mesmo sem o uso de formataes; Diretriz 3: dar preferncia s tecnologias de marcao e
formatao; Diretriz 4: assegurar que toda a informao seja interpretada corretamente, com
clareza e simplicidade; Diretriz 5: assegurar que as tecnologias utilizadas funcionem de
maneira acessvel independente de programas, verses e futuras mudanas; Diretriz 6:
assegurar sempre o controle do usurio sobre a navegao do site; Diretriz 7: identificar
claramente quais os mecanismos de navegao; Diretriz 8: em casos no contemplados pelas
diretrizes anteriores, utilizar sempre recursos reconhecidos por instituies com propriedade
no assunto, como tecnologias acessveis. (EMAGb, 2005).
De acordo com o eMAG (2005), as diretrizes de acessibilidade, por si s, no so
suficientes para garantir a acessibilidade de um site, o desenvolvedor deve realizar validaes
automticas e manuais.
Os validadores automticos permitem que o desenvolvedor teste sua pgina web
por problemas de acessibilidade de forma rpida. Um validador um software que detecta o
cdigo HTML de uma pgina web e analisa seu contedo com base em gramticas pblicas
disponibilizadas como por exemplo, o HTML e o CSS, e tambm por normas como as da
WCAG e eMAG. Eles ajudam a comprovar se o site segue os padres web de acessibilidade,
e em caso negativo, ajudam a solucionar os problemas encontrados.
Alguns exemplos de validadores so:

Avaliador e Simulador de Acessibilidade de Stios (ASES);

Cynthia Says 508 Standards e WCAG 1,2,3;

W3C Markup Validation Service;

24

W3C CSS Validation Service;

Hera;

Wave Toolbar;

DaSilva;

eXaminator.

Segundo Sonza (2008), os validadores automticos tambm no garantem a

acessibilidade de um site, isso se d por limitaes em seus softwares que no conseguem
detectar todos os problemas de acessibilidade, dessa forma importante tambm a realizao
de uma verificao manual por usurios especialistas em acessibilidade e/ou por usurios com
deficincias e utilizadores de tecnologias assistivas.
Para a validao de um site, a equipe de pesquisa do W3C (1999) sugere que os
passos abaixo sejam realizados:
1. Utilizar uma ferramenta de acessibilidade automatizada e uma ferramenta de
validao de navegadores;
2. Validar a sintaxe do cdigo, utilizando validadores automticos de sintaxe,
disponibilizados pelo W3C;
3. Validar as Folhas de Estilo, utilizando o validador de CSS do W3C;
4. Utilizar um navegador textual ou emulador. Dessa forma, teremos uma noo
de como seria o acesso pgina por usurios que no utilizam navegadores grficos;
5. Utilizar vrios navegadores grficos com as seguintes variaes: sons e grficos
ativos, grficos desativados, som desativado, sem utilizar o mouse, sem carregar os frames,
folhas de estilo ou applets;
6. Acessar o site utilizando navegadores antigos e recentes;
7. Acessar o site em conjunto com tecnologias assistivas, como: leitores ou
ampliadores de tela, tela com dimenses menores que as atuais, dentre outras;
8. Utilizar corretores ortogrficos e gramaticais. A eliminao de problemas desse
tipo aumenta o grau de compreenso, especialmente aos usurios de leitores de tela;
9. Rever o documento, primando sempre pela clareza e simplicidade do mesmo;
10. Validar a pgina com usurios reais. Solicitar a algumas pessoas com
necessidades especiais, que revejam o site, pois esses, com experincia ou no, so potenciais
fontes de informao sobre o estado real do documento no que diz respeito aos aspectos de
acessibilidade e facilidade de utilizao.

25

O eMAG, junto do WCAG 1.0 so os documentos de diretrizes de acessibilidade

mais seguidos e aplicados no Brasil (NICCIO, 2008). Dessa forma, no desenvolvimento da
aplicao dessa pesquisa, o eMAG sendo o modelo brasileiro, foi escolhido para nortear a
acessibilidade da ferramenta.

26

GERENCIADORES DE CONTEDO

Este captulo aborda os gerenciadores de contedos e apresentar a anlise feita do

gerenciador WordPress assim como de sua acessibilidade.
Os gerenciadores de contedo (Content Management System - CMS), segundo
Soares (2008), so sistemas que apresentam uma srie de ferramentas com o propsito de
permitir a fcil e rpida criao, modificao, organizao e remoo de contedos web por
usurios inexperientes.
Os CMS so geralmente aplicaes web e tm seu principal uso na criao de sites
institucionais, de notcias e de documentos para comunidades abertas ou fechadas.

3.1 WordPress

O WordPress uma ferramenta de gerenciamento de contedo web voltada

principalmente para a publicao de blogs. totalmente escrita na linguagem de programao
PHP e distribuda com seu cdigo aberto (WORDPRESS, 2009). Essa ferramenta
desenvolvida e mantida pelo projeto open source WordPress.org que composto por centenas
de pessoas em todas as partes do mundo. Para se utilizar o WordPress so necessrias alguns
pr-requisitos, como uma conta em um servio de hospedagem, um banco de dados, acesso a
FTP5 entre outras coisas, de forma que o seu uso por um usurio leigo se torna algo
complicado. Porm, como um dos sistemas de gerenciamento de contedo mais utilizados, as
empresas de hospedagens oferecem formas automatizadas e gratuitas para sua instalao, sem
a necessidade do usurio ter um conhecimento tcnico.
O WordPress surgiu a partir de um outro projeto open source chamado b2/cafelog
lanado em 2001. Em 2003, este projeto estava praticamente abandonado. Ento Matt
Mullenweg, um recm formando da Universidade de Houston e seu amigo Mike Little
decidiram utilizar o seu cdigo e criar um novo projeto, processo esse conhecido como
forking dentro da sociedade de cdigo aberto. Assim surgiu o WordPress. Em 2004, o

File Transfer Protocol, protocolo de transferncia de arquivos.

27

WordPress lanou sua primeira verso significativa para a comunidade, nomeada como 1.2.
Essa verso trouxe uma excelente arquitetura de plugins6 e uma interface de programao de
aplicativo (API) que tornou a plataforma do WordPress extremamente flexvel, permitindo
assim que a comunidade contribusse de forma mais fcil com extenses que adicionam novas
funcionalidades a ferramenta. O WordPress continuou evoluindo e aumentando sua
comunidade de usurios e desenvolvedores e criando diversas melhorias, como arquitetura
para temas, gerenciamento de pginas, editor de texto visual, editores offline7, ferramentas de
otimizao para busca (SEO), suporte a widgets8, taxonomia, gerencia de vrios sites por
aplicao, capacidades de redes sociais, fruns e anti-spam (BRAZELL, 2010). possvel
visualizar o formato padro de um site desenvolvido no WordPress na Figura 1.

Figura 1: Imagem de um site desenvolvido com o WordPress.

Segundo um estudo feito pela Water & Stone (WATER&STONE, 2009), o

WordPress um dos trs gerenciadores de contedo mais utilizados atualmente no mundo,
junto das ferramentas Joomla e Drupal. O WordPress tambm foi o vencedor do prmio INFO

Programa que adiciona funcionalidade a um programa maior.

Desconectado da Internet.

Componentes de uma interface grfica que fornecem funcionalidades especficas.

28

20099 que o elegeu o melhor gerenciador de contedo com 67% dos votos. O Technorati, um
dos primeiros e melhores reconhecidos servio de busca em blogs, tem em sua lista de
melhores blogs que, praticamente um em cada trs blogs utilizam o WordPress como
plataforma. Alm disso, o WordPress.com hospeda mais de 50 blogs para a CNN e tambm
roda blogs da Dow Jones, New York Times, People Magazine, Fox News, Wall Street Jornal,
Ministrio da Cultura e at mesmo muitas agncias do governo americano (BRAZELL,
2010).

Figura 2: Classificao do WordPress segundo o Alexa.

Fonte: WATER&STONE, 2009

Na WordCamp San Francisco 2009, Matt Mullenwerg apresentou diversas

estatsticas sobre o WordPress, muitas dessas bastante espantosas, como o fato do
WordPress.org hospedar mais de 5.5 milhes de blogs e o WordPress.com outros 3.5 milhes,
os 11 milhes de downloads que sua ferramenta j teve, os mais de 850 temas visuais e 5700
plugins disponveis em seus servidores. Dessa forma a sua importncia fica caracterizada
pelo seu uso em milhes de sites na web e pela sua classificao segundo o Alexa, conforme

Disponvel em: < http://info.abril.com.br/premioinfo/2009/lista3.shl >. Acesso em: 10 abr. 2010.

29

mostra a Figura 2, onde possvel ver que o WordPress est localizado na posio 639,
enquanto seus concorrentes esto todos em posies inferiores.

3.1.1 Estendendo o WordPress

Segundo Brazell (2010), algumas da melhores funcionalidades do WordPress, so

aquelas que no vem com ele, so desenvolvidas por outros desenvolvedores e
disponibilizadas na forma de plugin e widgets, que so extenses do sistema e que adicionam
ou modificam funcionalidades. Isso possvel, graas sua arquitetura que possui um sistema
de hooks, ou ganchos em traduo livre, bastante simples. Os hooks permitem que os
desenvolvedores possam criar cdigos para serem aplicados durante diversos momentos da
execuo do site, permitindo assim ir modificando, adicionando ou removendo elementos de
forma dinmica.
Os plugins so formas de extenses do WordPress mais completas e complexas,
permitindo a alterao do comportamento de todo o site, muitas vezes tendo grande interao
com banco de dados salvando e recuperando informaes, e possuindo diversas telas de
administrao para controlar seu funcionamento e permitindo que o administrador o configure
de maneira desejada. J os widgets so geralmente pequenos cdigos que geram HTML ou
JavaScript para adicionar novas funcionalidades na barra lateral do site. Muitas vezes os
plugins trazem consigo widgets, permitindo ao usurio configurar onde em seu site as
informaes geradas pelo plugin ir aparecer (WORDPRESS, 2009).
O WordPress possui dois tipos de hooks, um do tipo de ao e outro do tipo filtro.
Os hooks do tipo ao so dirigidos a eventos, quando um evento do tipo salvar uma pgina,
carregar uma pgina de administrao ou enviar HTML para o navegador ocorre os seus
respectivos eventos so chamados e os plugins tm a capacidade de chamar seus prprios
eventos. J os hooks do tipo filtro possuem a capacidade de modificar as informaes, essas
podem ser o texto de uma pgina, o autor da pgina ou uma opo carregada do banco de
dados (BRAZELL, 2010).

30

3.1.2 WordPress contexto da acessibilidade

O WordPress, segundo o prprio WordPress.org10, uma ferramenta desenvolvida

com conceitos de usabilidade e acessibilidade em mente. Em seu site, h uma pgina dedicada
a falar sobre a acessibilidade para a ferramenta, onde so tratados assuntos como a descrio
de imagens e links, criao de pginas fceis de serem lidas, uso de cores, teclas de atalho,
acessibilidade com navegadores, acessibilidade em celulares e dispositivos mveis, criao de
uma declarao de acessibilidade, testes de acessibilidade e ainda diversos links relacionados
ao assunto.
Segundo a pesquisa realizada por Passerino, Montardo e Bez (2007), o
WordPress, dentre as ferramentas de publicao de blogs analisadas, Blog Uol, Blog Terra,
Blog IG, WordPress, Blogger e Blogdrive, o que obteve a melhor colocao quanto
acessibilidade, mas, ainda assim, a pesquisa mostra que a ferramenta possui pontos passveis
de melhoria, como a falta de texto padro no formulrio de busca, uso de atributos do HTML
e CSS ainda no validados pelo W3C, falta de meta descritores de descrio, palavra chave e
de linguagem e do descritor de linguagem do xml.

10

Disponvel em: < http://codex.wordpress.org/Accessibility>. Acesso em: 27 nov. 2009.

31

WORDPRESS ACESSVEL

Este captulo traz informaes sobre o WordPress Acessvel (WPA), os pontos de

acessibilidade que ele aborda, seu processo de desenvolvimento e o processo de teste,
validao e anlise dos dados.
O WordPress Acessvel um dos resultados desta pesquisa. sendo uma ferramenta
desenvolvida no formato de plugin, ou extenso, para o WordPress que tem o intuito de
potencializar a acessibilidade do CMS de forma simples e prtica tanto para o seu
administrador quanto para o seu visitante. Isso alcanado resolvendo ou minimizando as
dificuldades encontradas no acesso dos usurios com deficincia visual ao seu contedo, sem
trazer maiores trabalhos e dificuldades para os desenvolvedores e administradores de sites que
utilizem ferramenta.
O WPA busca melhorar a navegao e acessibilidade do site atravs de diversas
funcionalidades e tecnologias assistivas implementadas e agrupadas por meio de um menu de
acessibilidade que, segundo Niccio (2008), uma forma de aglomerar os diversos
dispositivos de acessibilidade em um nico local, que funciona como um painel ou barra de
acessibilidade, como mostra a Figura 3.

Figura 3: Barra de acessibilidade do Portal Brasil

Fonte: Portal Brasil11

11

Disponvel em: < http://www.brasil.gov.br/>. Acesso em: 15 abr. 2010.

32

4.1 Dificuldades de acessibilidade abordadas pelo WPA

Existem alguns pontos onde a acessibilidade encontrados no WordPress pode ser

potencializada encontrados durante o processo de pesquisa, esses pontos foram analisados e
aqueles que puderam ser melhorados com a utilizao da arquitetura de extenses do
WordPress fora abordados pelo WordPress Acessvel a fim de corrigi-los ou melhora-los. A
exemplo disto, tem-se a pgina de declarao de acessibilidade, controle do tamanho das
letras, modificao do contraste da pgina, links de salto, teclas de atalho, identificao de
imagens sem descrio, validao do HTML e do CSS e validao da acessibilidade, os quais
sero apresentados detalhadamente a seguir.

4.1.1 Pgina de declarao de acessibilidade

Uma recomendao de acessibilidade que todo site tenha uma pgina dedicada a
falar sobre sua acessibilidade. Essa pgina deve conter todos os cuidados tomados em sua
construo para facilitar o acesso de seus usurios, os quais so compostos normalmente de:
teclas de atalho, os padres seguidos, validaes efetuadas, ajudas na navegao, cuidado com
links e imagens. Alm de descrever as preocupaes tomadas, normal dar algumas dicas
para os usurios nessas pginas como, por exemplo, o controle de tamanho de fonte presente
nos navegadores, site de leitores de telas e referncias em acessibilidade (EMAGb, 2005).

33

Figura 4: Demonstrao da pgina que explica a utilizao do site

O WordPress Acessvel disponibiliza para o administrador essa pgina preparada

com os principais elementos que a compem j previamente configurados e formatados,
restando apenas a sua personalizao e adio de outros elementos utilizados pelos
desenvolvedores do site. A Figura 4 demonstra essa pgina criada pelo WPA de forma
totalmente integrada com a organizao e tema visual do site. As informaes apresentadas na
declarao de acessibilidade podem ser encontradas no apndice A.

4.1.2 Controle do tamanho das letras

Muitos usurios com deficincia visual tm dificuldade para ler as informaes

contidas nos sites por estes usarem um tamanho de letra pequeno. Por esta razo, o WPA
possui a funcionalidade de permitir que o visitante do site possa configurar o tamanho da
fonte a partir de uma barra de acessibilidade localizada em posio de destaque no topo da
pgina, demonstrado na Figura 5, onde no topo circulado em vermelho possvel ver esses

34

controles, permitindo ao usurio acessar as informaes de forma adequada, mesmo com suas
limitaes (NICCIO, 2008).

Figura 5: Demonstrao do uso do controle de tamanho de letra

4.1.3 Modificao do contraste da pgina

Como j constatado, uma grande quantidade de pessoas com deficincia visual

possui baixa viso e no conseguem ler textos que no tenham um contraste alto com a cor de
fundo. Alm disso, cerca de 8% da populao masculina possui alguma dificuldade em
perceber certas cores, que se mal utilizadas, dando a impresso de ser a mesma cor. Por esta
razo, a ferramenta possui a funcionalidade de permitir que o visitante altere as cores dos
textos e do fundo do site para uma combinao que tenha um alto contraste e no gere
confuso para as pessoas com daltonismo e consiga ser bem acessada por pessoas com baixa

35

viso, na Figura 6 possvel ver que com a funo ativada as cores do fundo e das letras
ficaram com um contraste alto (KULPA, 2009).

Figura 6: Site com estilo de alto contraste

Esta tcnica tambm baseada na recomendao 1.5 do eMAG, que diz que os
desenvolvedores devem assegurar que a combinao de cores entre o fundo e o primeiro
plano seja suficientemente contrastante para poder ser vista por pessoas com daltonismo, bem
como aquelas com monitores monocromticos (EMAGb, 2005, p. 8).

4.1.4 Links de salto

Muitas pessoas com deficincias visuais e motoras utilizam apenas o teclado para
fazer a navegao pelos sites, e esta navegao por padro ocorre de forma linear, tendo esses
visitantes muitas vezes que percorrer vrios elementos que no lhes interessam at chegar
seo da pgina que querem, como por exemplo, passar por todos os links do menu de um site
at chegar na parte do seu contedo (NICCIO, 2008). Para minimizar essa dificuldade, o

36

WPA implementa algumas funcionalidades de links de salto, ou skip links, que permitem ao
visitante pular diretamente para a seo do site que deseja. Na Figura 7 possvel ver o boto
de ir para o contedo, que somente se apresenta quando recebe o foco do navegador atravs
da navegao pelo teclado, e que ao ser ativado remete o visitante para rea do contedo do
site.

Figura 7: Link de salto para o contedo do site

4.1.5 Teclas de atalho

Os usurios que acessam o computador utilizando apenas o teclado, que o caso

de muitas pessoas com deficincia visual e motora, costumam utilizar bastante as teclas de
atalho para acessar de forma mais rpida as funes necessrias e agilizar a navegao
(NICCIO, 2008).

37

Figura 8: Utilizao de tecla de atalho nos links de maior uso ou relevncia

Desta forma, o WPA implementa em seus links teclas de atalho, para que o
visitante possa acessar suas funes de forma mais rpida e prtica, seguindo dessa forma a
recomendao 3.3 do eMAG, que pede que sejam fornecidos atalhos por teclado para links
importantes do site, como o caso dos links de salto, na Figura 8 possvel ver no topo,
circulado em vermelho a tecla de atalho que ativa o boto (EMAGb, 2005).

4.1.6 Identificao de imagens sem descrio

Uma das dificuldades mais recorrentes encontrada pelas pessoas com deficincia
visual, no seu acesso a web, a falta de descrio das imagens nos sites. A recomendao
1.11 do eMAG diz que os criadores de site devem fornecer um equivalente textual a cada
imagem presente em seu site, para isso deve-se usar o atributo alt ou longdesc para
descrever a figura (EMAGb, 2005). Essa recomendao visa reduzir essa barreira, mas como
depende do desenvolvedor do site lembrar de adicionar essas descries, muitas vezes,
esquecida.

38

Figura 9: Identificao das imagens sem descrio textual

O WPA, com o intuito de diminuir a ocorrncia de imagens sem descries nos

sites disponibiliza para os seus administradores uma funcionalidade que permite que eles
visualizem se na pgina existe alguma imagem que foi deixada sem descrio, ao acionar a
funcionalidade, todas as imagens da pgina que no possuam nenhuma descrio so
marcadas com uma borda amarela, possibilitando que ele identifique a imagem e adicione
uma descrio, essa funcionalidade demonstrada na Figura 9, onde possvel ver duas
figuras no corpo do site, a da esquerda sem a borda possui a descrio textual enquanto a
figura da esquerda marca com uma borda amarela no possui. Essa funcionalidade mostrada
apenas para os criadores de pgina do site.

4.1.7 Validao do HTML e do CSS

Uma das recomendaes do eMAG, a de nmero 2.1, especifica que todos os

documentos devem ser passiveis de validao por gramticas formais publicadas (EMAGb,
2005). Para isso, as pginas do site devem ter definido o conjunto de regras que ela segue, e

39

tambm deve utiliza-las corretamente, e no usar elementos que estejam fora dessas regras.
Para auxiliar os criadores de sites a seguir essa recomendao, o WPA disponibiliza duas
funcionalidades, uma que verifica se a pgina segue todas as recomendaes da W3C em
relao ao seu cdigo HTML, e uma seguinte que verifica se o CSS da pgina tambm est de
acordo com as normas definidas pela W3C, na Figura 10 possvel ver no topo do site
circulado em vermelho os botes que ativam tal funcionalidade.

Figura 10: Validao do HTML e do CSS da pgina

4.1.8 Validao da Acessibilidade

Uma das formas de tornar um site mais acessvel para seus visitantes, seguir as
recomendaes de acessibilidade definidas por diversos documentos como o WCAG ou o
eMAG. Para que o desenvolvedor possa verificar se ele realmente est seguindo essas
recomendaes, existem diversos servios de validao automatizados que verificam essas
recomendaes nos sites e apontam problemas facilitando a correo destes pelo seu
administrador. Com a instalao do WPA no site, disponibilizada uma funcionalidade que

40

permite que a pgina do site seja validada segundo as normas do WCAG 1.0, que foi o servio
encontrado que permite consultas de acessibilidade executados externamente, na Figura 11
possvel ver o boto no topo que aciona essa funo. Essa funcionalidade permite que de
forma fcil os donos do site possam verificar pontos que geram barreiras de acessibilidade
para seus visitantes, permitindo dessa forma que aps a correo dessas barreiras, seu site
possa ser acessado com menos problemas por essas pessoas.

Figura 11: Validao da pgina segundo as recomendaes da WCAG 1.0

4.2 Processo de desenvolvimento

O desenvolvimento do WordPress Acessvel foi realizado com base nas

informaes levantadas nesta pesquisa, e teve como etapas a criao dos casos de uso, que
definem quais funcionalidades o software iria ter e quais agentes interagem com essas
funcionalidades, a codificao e por fim a implantao.
Foram definidos dois atores e catorze casos de uso para o WPA, sendo os atores:
visitante e administrador. Os casos de uso definidos para o ator visitante foram: como usar o

41

site, ir para o menu, ir para o contedo, ir para a pgina inicial, ir para a pesquisa, aumentar
tamanho de letra, diminuir tamanho de letra, tamanho de letra padro, site com alto-contraste
e site com cores normais. J os do ator administrador foram: identificar imagens sem
descrio, validar HTML, validar CSS e validar acessibilidade, conforme mostrado na Figura
12.

Figura 12: Casos de uso do visitante e do administrador do site

Assim como o WordPress, o WPA tambm desenvolvido na linguagem de

programao PHP12, HTML para o desenvolvimento da interface, utiliza folha de estilo CSS
para a definio de sua aparncia visual e JavaScript para aes que so necessrias de ser
executadas no navegador do usurio. Para o desenvolvimento do WPA foi utilizado o
WordPress verso 2.9.2, verso mais atual no momento da pesquisa.
Aproveitando-se a arquitetura extensvel do WordPress, foi possvel desenvolver
o WPA que, no formato de plugin, tem uma instalao e utilizao bastante simples para o
usurio final, sem a necessidade de se modificar os cdigos do ncleo do WordPress.

12

PHP: Hypertext Preprocessor. Disponvel em:<http://www.php.net/>. Acesso em: 03 mar. 2010.

42

Para o desenvolvimento do WPA, foram utilizados os hooks do tipo ao: init,

wp_head e activation, que so os hooks responsveis pelos eventos de iniciar a aplicao,
carregar cabealho e ativar a extenso respectivamente. Cada um desses hooks quando
acionados chamam algum outro evento especfico do WPA, o init executa um evento
responsvel por carregar as informaes bsicas da extenso, como por exemplo, as variveis
de traduo. O wp_head executa um evento responsvel por carregar todas as informaes do
cabealho da pgina, como o CSS e os cdigos JavaScripts e, por ltimo, o activation registra
a verso instalada da extenso no banco da dados e cria a pgina de como utilizar o site.
Alm desses hooks foi necessria a insero de um trecho de cdigo na posio do
tema onde o administrador do site desejar que a extenso seja carregada. Este cdigo chama o
evento responsvel por mostrar a barra de ferramentas e ativar suas funes. recomendado,
conforme instrues de instalao, que esse cdigo seja adicionado logo aps a tag body do
arquivo header do tema, fazendo desta forma o resultado deve ser similar ao da Figura 13,
onde possvel ver a barra de acessibilidade adicionada no topo do site com todas suas
funes ativadas.

Figura 13: Demonstrao da extenso instalada no WordPress

43

Para a persistncia das informaes da extenso, como o caso das informaes

de instalao e ativao da mesma no WordPress, e a criao da pgina com as informaes
sobre o uso do site e sua acessibilidade, utilizada a API de persistncia do prprio
WordPress, garantindo a uniformizao das fontes de dados, permitindo que o usurio utilize
o mesmo banco de dados do seu site.
A extenso, tambm, foi desenvolvida tendo a acessibilidade em mente, de
maneira que as diversas diretrizes do eMAG foram seguidas, como fornecer alternativas
equivalentes para o contedo grfico e sonoro, de forma que todas as imagens utilizadas pela
ferramenta tenham sua descrio no formato textual. Assegurar que o site seja legvel e
compreensvel mesmo sem o uso de formatao, aplicado na forma de que se o usurio estiver
sem a formatao continua vendo a extenso de forma clara. Dar preferncia s tecnologias de
marcao e formatao, onde todas as formataes foram aplicadas utilizando o CSS que
prprio para isso. Assegurar que as tecnologias funcionem, de maneira acessvel,
independente do programa, verso e futuras mudanas. Para cumprir com esse conceito todo o
JavaScript utilizado na extenso foi desenvolvido utilizando a biblioteca jQuery, que uma
das mais utilizadas no mundo, sendo ela bastante testada e compatvel com os diversos
navegadores presentes, alm de que todo o JavaScript foi aplicado de forma no obstrusiva,
permitindo que os usurios que no tenham essa tecnologia no tenham sua navegao
prejudicada. Dessa forma, adotando as recomendaes 1.19, 1.20 e 2.18 do eMAG.
Alm das preocupaes, demonstradas acima, a interface da extenso foi
desenvolvida seguindo os padres da web, definidos pela W3C, que visam garantir uma
visualizao parecida nos navegadores que seguem esses padres, como o Firefox, Safri,
Opera e Internet Explorer.
O WPA adiciona diversas funcionalidades de navegao e acessibilidade ao site
quando ativada, essas funcionalidades so: pgina de declarao de acessibilidade, controle do
tamanho das fontes, modificao do contraste da pgina, links de salto, teclas de atalho,
identificao de imagens sem descrio textual, validao do HTML e do CSS e validao da
pgina seguindo as normas do WCAG 1.0.
Para o desenvolvimento da pgina de declarao de acessibilidade, foram
pesquisados e estudados diversos padres de documentos em vrios sites especializados em
acessibilidade, e, a partir disso, foi construdo um modelo especfico para o WordPress
contendo suas preocupaes e implementaes de acessibilidade assim como as
implementadas pelo WPA. Essa pgina criada automaticamente ao se instalar e ativar a
extenso, registrando-a no banco de dados do site como uma pgina do site, permitindo assim

44

que o administrador do site possa alter-la pela prpria interface do WordPress, sem ser
necessrio uma nova tela de administrao.
Foram adicionados quatro links de salto com o WPA, so eles: ir para o menu, ir
para o contedo, ir para a pgina inicial e ir para o formulrio de pesquisa. Cada um desses
links ao serem acionados remete o visitante parte pretendida atravs de ncoras e
identificadores presentes no HTML das pginas do WordPress. Os botes para tais funes, a
princpio ficam escondidos visualmente do visitante pela utilizao de CSS, apenas podendo
ser alcanados e visualizados atravs da utilizao da navegao pela tecla tab, pois so
destinados especificamente as pessoas que navegam pelos sites com essa tecla, como o caso
das pessoas que possuem cegueira total.
As teclas de atalho presentes no site foram implementadas com a utilizao do
atributo accesskey do HTML, que permite atribuir uma tecla de atalho a um elemento, alm
da utilizao de JavaScript, aplicado para minimizar o problema de falta de padronizao do
conjunto de teclas necessrias para ativar a tecla de atalho pelo usurio, permitindo que em
qualquer navegador com JavaScript habilitado a ativao dessas funes atravs da
combinao de teclas alt + tecla definida.
A funcionalidade de cores em alto-contraste e cores normais do site foi
implementada utilizando um script JavaScript que quando acionado ativa ou desativa uma
folha de estilos CSS que faz uma alterao em todo o padro de cores do site, retirando as
imagens decorativas, colocando cores de fundo escuras e a os textos na cor amarela, criando
um alto contraste entre texto e plano de fundo, essa funcionalidade pode ser ativada atravs do
boto localizado na barra de acessibilidade.
O controle de fontes adicionado ao site com a instalao do WPA foi
desenvolvido com uso de JavaScript, existem trs botes para esse controle, um para diminuir
o tamanho das letras, um para deixar o tamanho no padro e um ltimo para aumentar o
tamanho das letras. Ao clicar em um dos botes, o tamanho das letras definidos no atributo
body alterado, modificando assim o tamanho das letras de todo o site.
Junto da extenso disponibilizado um arquivo contendo informaes
importantes como descrio da ferramenta, a pgina onde a mesma pode ser baixada e como a
instalar corretamente. Estas informaes podem ser encontradas no apndice B.

45

4.3 Validao

Um ponto muito importante deste trabalho foi validao da ferramenta, que

serviu para certificar que a sua presena em um site iria potencializar a sua acessibilidade para
uma pessoa com deficincia visual e para tambm garantir que a extenso no iria
comprometer de alguma forma sua navegao, utilizao e acessibilidade. Foram realizados
dois tipos de validaes: a automtica, realizada atravs de programas e servios
especializados na validao de acessibilidade de sites, e a manual, realizada por pessoas com
deficincia visual e um grande conhecimento sobre acessibilidade web.

4.3.1 Validao automtica

A extenso, aps seu desenvolvimento, foi validada pelos principais servios de

validao de acessibilidade para garantir que ela no adicione nenhuma dificuldade de
acessibilidade. Foi avaliado um site padro do WordPress e um com a extenso instalada para
comparar as falhas existentes antes e depois de sua instalao.
Os servios realizao da avaliao automtica foram escolhidos pelo seu
reconhecimento no meio da acessibilidade web e pelo tipo de avaliao e mtodos
empregados por cada um, os servios foram: Avaliador e Simulador de Acessibilidade de
Stios (ASES), Cynthia Says 508 Standards e WCAG 1,2,3, W3C Markup Validation Service,
W3C CSS Validation Service, Hera, DaSilva e eXaminator.
Ao se testar a acessibilidade na ferramenta ASES, o avaliador de acessibilidade
desenvolvido pelo Ministrio do Planejamento, detectou um erro de prioridade 2 em ambos os
sites conforme mostra a Figura 14. Esse erro diz respeito recomendao 2.14 do eMAG que
afirma que todas as caixas de texto dos formulrios devem ter caracteres pr-definidos. Este
tipo de erro ocorre, porque o campo de pesquisa do WordPress vm vazio.

46

Figura 14: Apenas um erro de prioridade 2 foi encontrado em ambos os sites pelo ASES13

No servio de avaliao Cynthia Says, que faz a validao pelo WCAG 1.0 e pelo
Section 508, padro dos Estados Unidos, ambos os sites foram reprovados conforme mostra a
Figura 15, pois no passaram no ponto de verificao 13.2.2 do WCAG 1, que diz que todos
os documentos devem utilizar meta elementos definidos como obrigatrios, e o WordPress
por padro no adiciona os metas de descrio, palavras-chaves ou de linguagem do site.

Figura 15: Reprovao da verificao automtica por ambos os sites pelo Cynthia Says14

No eXaminator, um servio argentino de avaliao de acessibilidade bem

conceituado baseado no WCAG 1.0 e que j avaliou mais de duzentos mil sites, o WordPress
padro obteve a nota 8.0 e ficou na 20 posio, enquanto o site com o WPA instalado obteve
a nota 8.2 e ficou na 18 posio conforme mostra a Figura 16. Essa diferena ocorre pelo fato
da extenso contemplar o item 9.5 da lista de verificao do WCAG 1.0, que especifica que
todos os links mais importantes de um site devem ter teclas de atalhos atribudas.
13

ASES. Disponivel em:<http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/ases-avaliador-e-

simulador-de-acessibilidade-sitios>. Acesso em: 15 abr. 2010.

14

Cynthia Says. Disponivel em:<http://www.contentquality.com/>. Acesso em: 15 abr. 2010.

47

Figura 16: Resultado da avaliao do site com o WPA realizada pelo eXaminator15

O Hera, servio de avaliao tambm baseado no WCAG 1.0, assim como o

eXaminator, avaliou o site com o WPA melhor do que o padro, encontrando 2 erros de
prioridade 2 e 2 erros de prioridade 3, enquanto no site sem a extenso foram identificados 2
erros de prioridade 2 e 3 erros de prioridade 3, sendo tambm a diferena o ponto 9.5 do
checklist do WCAG, conforme possvel ser visto na Figura 17.

15

eXaminator. Disponivel em:<http://www.accesible.com.ar/examinator/>. Acesso em: 15 abr. 2010.

48

Figura 17: Resultados da avaliao realizada pelo HERA na verso normal do WordPress16

A recomendao 2.1 do eMAG diz que os documentos devem seguir gramticas

formais publicadas, como o caso do XHTML e do CSS, que so dois padres definidos pela
W3C. Por essa razo, os sites com e sem a extenso foram avaliados pelos validadores da
W3C, para garantir que ao adicionar o WPA no site no fossem introduzidos problemas que
poderiam prejudicar a acessibilidade. O resultado que o WordPress j possui alguns
problemas de atributos no definidos pela W3C. Alguns desses atributos sendo novas funes
de acessibilidade definidos pela WAI, mas ainda no adicionados a gramtica do XHTML e,
ao adicionar a extenso, no adicionado nenhum novo erro, a Figura 18 mostra os dois erros
encontrados na validao do XHTML em ambos os sites.

16

Hera. Disponivel em:<http://www.sidar.org/hera/index.php>. Acesso em: 15 abr. 2010.

49

Figura 18: Dois erros encontrados na validao do XHTML do WordPress pela W3C17

O daSilva, primeiro avaliador de acessibilidade em portugus para sites e que j

avaliou mais de 270 mil sites, ao avaliar o site com e sem a extenso encontrou um erro de
prioridade 2 em ambos os sites conforme ilustra a Figura 19. Esse erro diz respeito
recomendao 2.14 do eMAG que afirma que todas as caixas de texto editveis do site devem
ter um texto pr-definido para auxiliar os leitores de tela.

Figura 19: Um erro encontrado em ambos os sites pelo daSilva18

Com base nessas diversas avaliaes automticas realizadas, possvel ver que o
WPA no adiciona nenhuma nova barreira de acessibilidade ao site que o usar, alm de
17

W3C Markup Validation Service. Disponivel em:<http://jigsaw.w3.org/css-validator/>. Acesso em: 15 abr.

2010.
18

DaSilva. Disponivel em:<http://www.dasilva.org.br/>. Acesso em: 15 abr. 2010.

50

segundo os servios Hera e eXaminator, o WPA ter melhorado algumas dificuldades de

acessibilidade. Porm s plausvel ter esta certeza atravs de validaes manuais, pois
muitas das recomendaes de acessibilidade ainda no podem ser verificadas por estas
ferramentas automatizadas. importante ressaltar que esses servios automticos no levam
em conta as funcionalidades de acessibilidade adicionadas ao site, essas s podem ser
avaliadas quanto a sua ajuda no acesso pelos prprios usurios com deficincias visuais.

4.3.2 Validao manual

O WordPress Acessvel alm de ter tido sua acessibilidade verificada por

validadores automatizados, tambm foi por pessoas com deficincias visuais, possibilitando
checar aspectos no identificados pelos validadores automatizados. Alm de assegurar que a
ferramenta no adicione novas dificuldades na acessibilidade do WordPress, essa validao
tambm tem como objetivo validar a hiptese desta ferramenta, aps sua instalao, aumentar
a acessibilidade do WordPress permitindo melhor acesso informao das pessoas com
deficincia visual.
A validao foi realizada com um grupo de oito pessoas com deficincias visuais,
trs com baixa viso e cinco com cegueira total, esse grupo foi escolhido por serem todas elas
possuidores de grande conhecimento sobre o tema de acessibilidade web e pessoas
reconhecidas por instituies como o SENAI e o Governo Federal, sendo eles, uma que
trabalha como especialista em acessibilidade no SENAI-BA e pessoas que trabalham como
pesquisadores em acessibilidade no Ncleo de Acessibilidade Virtual da RENAPI, sendo
quatro do Instituto Federal do Rio Grande do Sul, dois do Instituto Federal do Cear e um do
Instituto Federal Baiano. Durante a validao, foi possvel, tambm, identificar como os
usurios pesquisados utilizam os blogs, assim como suas principais dificuldades de acesso. O
modelo do questionrio pode ser encontrado no apndice C.
O questionrio aplicado contm 24 questes abertas, cujo objetivo identificar o
usurio, seu nvel de proficincia com acessibilidade web, suas consideraes sobre o uso da
ferramenta WPA e, por fim, sua viso sobre os blogs existentes hoje na Internet (Ver apndice
D). Por motivos de privacidade, os nomes das pessoas que realizaram os testes no foram
revelados nesta pesquisa, sendo denominados aqui de Validador de 1 a 8.

51

O Validador 1, que possui baixa viso, mas que no a usa para a navegao na
web, coloca como pontos positivos em sua anlise as funcionalidades de ir para o menu,
contedo, pgina inicial e pesquisa. Alm das informaes disponibilizadas na pgina "como
usar o site", considerando que esta ferramenta pode ser bastante til para as pessoas com
deficincias visuais.
Em sua anlise sobre os blogs, o Validador 1 coloca que geralmente os mesmos
no apresentam uma preocupao com a acessibilidade. Percebe-se que a razo disso por
que grande parte desses so feitos por pessoas sem conhecimento tcnico da rea de
informtica e sistemas. Outra questo apresentada pelo Validador 1 so que as principais
barreiras encontradas nos blogs so o fato de no terem teclas de atalho, botes no
etiquetados, imagens sem descries, formulrios mal feitos, estruturas confusas e links no
descritos. Dos itens indicados anteriormente, a ferramenta WPA propem melhorar a falta de
atalhos por teclado e imagens sem descries.
Na anlise do Validador 2, que possui cegueira total, ele comenta que todas as
ferramentas disponibilizadas na extenso so de fundamental importncia para uma melhor
navegao. A que mais lhe ajudou foi a tecla de atalho alt+2 que direciona o usurio para o
contedo do site. O usurio tambm coloca alguns pontos de ateno, como a adio de um
atalho para voltar ao topo da pgina e a importncia de padronizao da sequncia que so
apresentadas s funes da ferramenta.
O Validador 3, que tambm possui cegueira total, considera como ponto positivo
na anlise da ferramenta, as teclas de atalho, que permitem uma navegao mais rpida pelo
site. O Validador coloca que no usou as funcionalidades para pessoas videntes, o que j era
esperado.
Nas respostas do Validador 4, que possui baixa viso, ele coloca que utilizou
todas as ferramentas disponveis no WPA, e que o principal problema encontrado nos blogs
a falta de descrio das imagens. Essa questo tratada pela extenso, de modo que permita
ao escritor do blog visualizar facilmente as imagens que ele deixou de colocar o descritivo.
O Validador 5, que possui cegueira total, comenta que a funcionalidade da
ferramenta que mais o ajudou foram as informaes da pgina de como usar o site e coloca
como ponto de ateno um problema com formulrios de comentrios presentes no
WordPress, mas que no so tratados pelo WPA.
O questionrio respondido pelo Validador 6, que possui cegueira total, deixa
como recomendao seguir a padronizao das teclas de atalho, porm essas teclas de atalho
no so padronizadas por nenhuma entidade, mas dever ser na nova verso do eMAG. Outro

52

ponto colocado so problemas com os atalhos, o qual foi verificado pela diferente maneira de
funcionamento de cada navegador.
O Validador 7, que possui baixa viso e utiliza tanto a viso quanto os leitores de
tela para sua navegao, coloca como pontos positivos da ferramenta os controles de tamanho
de fonte e as dicas de utilizao do site, e deixa como sugesto de melhoria, a adio de outras
formas de alto contraste. Foi colocado, tambm, que a opo de aumentar e diminuir a letra
no funciona em todas as ocasies, o que j foi verificado e corrigido. O usurio tambm
afirmou que a ferramenta pode ser bastante til para uma melhor navegao pelas pessoas
com deficincia visual e que gostaria que outros sites e blogs aderissem ao uso da ferramenta.
Em uma anlise geral, o usurio coloca que a maioria dos blogs no tem uma
preocupao com acessibilidade e que as principais barreiras encontradas so: no ter a
possibilidade de ampliar a letra no prprio blog, no ter auto-contraste, no ter teclas de
atalho, no apresentar um mapa do blog e a falta de descrio nas imagens. Sendo que o WPA
trata o ajuste de letras, alto contraste, tecla de atalho e falta de descrio nas imagens.
O Validador 8, que possui cegueira total, sugere algumas melhorias para a
ferramenta, so elas, tratar a questo da utilizao do parmetro tabindex no formulrio de
contato no WordPress, o que atrapalha a tabulao do site e a navegao pelo usurio com
deficincia visual. Tambm sugere corrigir a ordem dos rtulos do formulrio, que esto
aparecendo aps os campos, causando um problema de usabilidade. Ele coloca a questo do
salto para o contedo, onde caso o usurio queira ir para um segundo artigo dentro do
contedo e o primeiro artigo possua muitos links dentro dele, o usurio com deficincia visual
ter dificuldade, sugerindo a adio de saltos tambm entre os artigos.
Como ponto de ateno, ele apresenta uma crtica quanto ao fato da ferramenta
adicionar mais 10 links ao site. No entanto, ele mesmo justifica que alguns desses links so
atalhos para permitir pular os links no desejados e ir direto para a rea de interesse, dessa
forma ajudando na navegao das pessoas com deficincia visual.
Com essa anlise dos dados obtidos com essas pessoas, foi possvel perceber que
o WordPress Acessvel, em todos os casos, auxiliou o usurio na navegao pelo site de forma
satisfatria, atendendo ao proposto nesta pesquisa, tornado-se uma ferramenta de grande ajuda
para os usurios com deficincia visual, para os sites que adotarem tal ferramenta. Apesar
disso, foram identificados diversos pontos de melhoria na ferramenta alm de outras barreiras
de acessibilidade que no so atendidos pelo WPA ou que no podem ser resolvidos com a
utilizao de extenso para o WordPress.

53

A partir da anlise foi possvel identificar que 75% dos validadores no utilizaram
as ferramentas voltas para os visitantes de baixa viso ou dificuldade de leitura, como o
controle do tamanho de letra e contraste, isso ocorreu, pois mesmo validadores com baixa
viso, em sua maioria no se utilizam da viso para a navegao na web. A funcionalidade
mais utilizada pelos validadores foram os atalhos de teclado, apontados como melhor
funcionalidade por 75% dos validadores, seguida pela pgina com informaes sobre o uso do
site e sua acessibilidade, indicada por 37% dos validadores.

54

CONSIDERAES FINAIS

As tecnologias ampliaram o acesso informao, aos servios, as pessoas e a

outros meios tecnolgicos, influenciando significativamente para o desenvolvimento social.
Nesta perspectiva, o acesso a esta tecnologia torna-se de grande importncia para o cidado,
de modo que, ao encontrar barreiras em sua utilizao, no poder compartilhar de seus
benefcios. Por conta disso, a acessibilidade necessria para o acesso a informao, sendo
cada vez mais discutida pela sociedade, demandando dos desenvolvedores de site uma
ateno especial s pessoas com deficincias. Ao facilitar o acesso s tecnologias da
informao e comunicao para esses usurios, ser possvel maior incluso dessas pessoas na
sociedade contempornea.
Por conta disso, este trabalho faz um levantamento de importantes questes acerca
de dificuldades no acesso informao presente em sites na web por pessoas com
necessidades especiais, em particular, as pessoas com deficincia visual. Baseado neste
contexto, o presente trabalho foi desenvolvido abordando os aspectos de acessibilidade web
direcionados para os usurios com deficincia visual, junto do sistema de blog WordPress, um
dos mais utilizados no mundo. A partir desta investigao, foi possvel a construo da
tecnologia assistiva WordPress Acessvel.
possvel concluir que os princpios tericos apresentados nesta pesquisa,
envolvendo a acessibilidade e o acesso s informaes disponibilizadas na web pelos usurios
com deficincia visual, foram comprovados pela utilizao da extenso WordPress Acessvel.
Durante a realizao da pesquisa, verificou-se a existncia de dificuldades de acesso pelas
pessoas com deficincia visual nos sites que utilizam o WordPress e, com a ferramenta
desenvolvida WPA, foi possvel corrigir e diminuir algumas dificuldades identificadas
durante a investigao. Mesmo no resolvendo todas as barreiras existentes de acesso a sites,
foi possvel potencializar a acessibilidade para as pessoas com deficincia visual ao acesso de
sites que utilizem o WordPress.
Dentre as principais contribuies dessa pesquisa, destacam-se: identificao de
barreiras de acessibilidade encontradas no acesso de pessoas com deficincia visual a um site
desenvolvido com o WordPress; desenvolvimento de uma tecnologia assistiva em coerncia
com os conceitos de Desenho Universal, que permite uma melhor navegao pelos usurios
com deficincia visual aos sites desenvolvidos em WordPress; uma ferramenta para auxiliar

55

os desenvolvedores de sites a testarem a acessibilidade de suas pginas web; a criao de uma

extenso para o WordPress que pode ser modificada e melhorada por outras pessoas a fim de
aperfeio-la; uma base para criao de outras tecnologias assistivas de igual utilizao.
Durante a avaliao da ferramenta criada, foram apontados diversos pontos de
melhorias possveis que podem ser realizados em trabalhos futuros.
Os principais pontos identificados foram: problema de tabulao no formulrio de
comentrio; problema na ordem dos rtulos e dos campos de texto; adio de links de salto
entre os artigos; adio de tecla de atalho para ir para o topo da pgina; adio de uma
validao de acessibilidade da pgina baseada no modelo brasileiro eMAG, que ainda no foi
adicionado, pois no existem tais servios que permitam consultas externas.
Alm das melhorias citadas anteriormente, tem-se como contribuio a ampliao
desta ferramenta para outras lnguas, principalmente a lngua inglesa, j que a lngua nativa
e mais utilizada pelo WordPress. Aps a traduo, seria importante que a extenso fosse
disponibilizada no repositrio de extenses oficial do WordPress para que uma quantidade
maior de pessoas tivessem acesso a essa tecnologia assistiva e, com isso, mais pessoas com
deficincia visual sejam beneficiadas.
Foi identificado, tambm, que, apesar do foco dessa pesquisa ser o acesso dos
sites pelos usurios com deficincia visual, a parte administrativa que permite aos usurios
criar e administrar sites, possuem diversas barreiras de acessibilidade, podendo ser facilmente
fruto de outra pesquisa. Com isso, as pessoas com deficincia visual poderiam, com maior
facilidade, criar e gerenciar seus prprios sites utilizando o WordPress.
Outra demanda detectada a criao de igual extenso de acessibilidade para
outras ferramentas de gerenciamento de contedos, permitindo que os usurios que no
utilizem o WordPress, e sim outra ferramenta, possam, tambm, de forma facilitada,
disponibilizar a tecnologia assistiva em seus sites.

56

REFERNCIAS

BERSCH, Rita; TONOLLI, Jos. Introduo ao conceito de Tecnologia Assistiva. Disponvel

em <http://www.cedionline.com.br/ta.html#O%20que%20>. Acesso em: 21 set. 2009.
BOLONHINI JUNIOR, Roberto. Portadores de Necessidades especiais: as principais
prerrogativas dos portadores de necessidades especiais e a legislao brasileira. So Paulo:
Arx, 2004.
BRASIL. Decreto n. 3.298 de 20 de dezembro de 1999. Regulamenta a Lei 7853 de 24 de
outubro de 1989. Dirio Oficial da Repblica Federativa do Brasil, Braslia, DF, 20 dez.
1999. Disponvel em: <http://www.faders.rs.gov.br/legislacao/acessibilidade/decreto
3298de99.htm>. Acesso em: 26 set. 2009.
BRASIL. Lei n. 10.098 de 19 de dezembro de 2000. Estabelece normas gerais e critrios
bsicos para a promoo da acessibilidade das pessoas portadoras de deficincia ou com
mobilidade reduzida e d outras providncias. Dirio Oficial da Repblica Federativa do
Brasil, Braslia, DF, 19 dez. 2000. Disponvel em: <http://www.planalto.gov.br/CCIVIL
/LEIS/L10098.htm>. Acesso em: 14 out. 2009.
BRASIL. Decreto n. 5.296 de 2 de dezembro de 2004. Regulamenta as Leis 10.048 de 8 de
novembro de 2000 e 10.098 de 19 de dezembro de 2000. Dirio Oficial da Repblica
Federativa do Brasil, Braslia, DF, 2 dez. 2004. Disponvel em: <http://www.planalto.gov.br/
ccivil/_ato2004-2006/2004/Decreto/D5296.htm >. Acesso em: 14 out. 2009.
BRAZELL, Aaron. WordPress Bible. Indianapolis: Wiley Publishing, Inc., 2010.
EMAG, Acessibilidade do Governo Eletrnico Modelo de Acessibilidade. Dez/2005.
Disponvel em: <www.governoeletronico.gov.br>. Acesso em: 27 ago. 2009.
EMAG, Acessibilidade do Governo Eletrnico Cartilha Tcnica. Dez/2005. Disponvel
em: <www.governoeletronico.gov.br>. Acesso em: 27 ago. 2009.
FERREIRA, Simone et al. Panorama de Acessibilidade na Web Brasileira. So Paulo:
EnANPAD, 2007.
INSTITUTO BRASILEIRO DE GEOGRAFIA E ESTATSTICA. Sistema IBGE de
Recuperao Automtica: Censo Demogrfico 2000. Disponvel em:
<http://www.sidra.ibge.gov.br/bda/popul/default.asp?t=3>. Acesso em: 26 set. 2009.
KULPA, Cnthia Costa. A Contribuio de um Modelo de Cores na Usabilidade das
Interfaces Computacionais para Usurios de Baixa Viso. Dissertao (Mestrado em Design)
- Programa de Ps-Graduao em Design da Universidade Federal do Rio Grande do Sul,
Porto Alegre, 2009.
NICCIO, Jalves Mendona. Tcnicas de Acessibilidade: criando uma web para todos.
Alagoas: Universidade Federal de Alagoas, 2008.

57

ORGANIZAO MUNDIAL DA SADE. Deficincia, Incapacidade e Invalidez.

Disponvel em:<http://www.who.int/>. Acesso em: 17 out. 2009.
PASSERINO, Liliana Maria; MONTARDO, Sandra Portella; BEZ, Maria Rosngela.
Acessibilidade digital em sites de publicao de blogs e em blogs: limites e possibilidades
para socializao on-line de Pessoas com Necessidades Especiais. In: CONGRESSO
BRASILEIRO DE CINCIAS DA COMUNICAO, 2007, Santos. Anais... Santos:
Intercom, 2007.
REZENDE, Andr. Do baco ao Easy: Mediando Novas Formas de Aprendizado do
Deficiente Visual. 2005. 201 f. Dissertao (Mestrado em Modelagem Computacional) Centro de Ps-Graduao e Pesquisa Visconde de Cairu (Ceppev), Salvador, 2005.
SHUKSHIN, Andrei. Disabled often among the 'poorest of poor'. Bull World Health Organ,
Genebra, v. 83, n. 4, Apr. 2005 .
Disponvel em: <http://www.scielosp.org/scielo.php?script=sci_arttext&pid=S00
42-96862005000400005&lng=en&nrm=iso>. Acesso em: 01 out. 2009.
SOARES, Pedro. CUICA - uma ferramenta para suportar a convergncia da TV Digital com a
WEB atravs da criao de contedo digital. 2007. Dissertao (Mestrado em Informtica
Aplicada) - Universidade de Fortaleza, Fortaleza, 2007.
SOCIEDADE BRASILEIRA DE VISO SUBNORMAL. Conceito de Viso Subnormal,
2009. Disponvel em: <http://www.cbo.com.br/subnorma/conceito.htm>. Acesso em: 1 dez.
2009.
SONZA, Andra Poletto. Ambientes virtuais acessveis sob a perspectiva de usurios com
limitao visual. Tese (Doutorado em Informtica na Educao) - Centro Interdisciplinar de
Novas Tecnologias da Universidade Federal do Rio Grande do Sul, Porto Alegre, 2008.
STORY, Molly Follette; MUELLER, James L.; MACE, Ronald L. The Universal Design
File: Designing for People of All Ages & Abilities. North Carolina: The Center For Universal
Design, 1998.
W3C-WAI. Web Accessibility Initiative (WAI). Disponvel em: <http://www.w3.org/WAI>.
Acesso em: 23 nov. 2009.
WATER&STONE, Ric. Open Source CMS Market Share. Disponvel em: <
http://www.cmswire.com/downloads/cms-market-share/ >. Acesso em: 15 nov. 2009.
WORDPRESS. WordPress Codex. Disponvel em: <http://codex.wordpress.org >. Acesso
em: 11 out. 2009.

58

Apndice A - Declarao de acessibilidade

Como usar o site

Esta pgina destinada a dar algumas informaes de como melhor usar o site, alm de
informar sobre a preocupao em torn-lo acessvel.
Barra de acessibilidade
Este site possui uma barra de acessibilidade localizada no seu topo com o intuito de prover
diversas ferramentas para que o visitante possa usufruir melhor das informaes presentes.
Como aumentar o tamanho das letras deste site?
Para permitir que pessoas com dificuldades visuais possam ler os textos e navegar pelo site
adequadamente, este site permite que o visitante possa alterar o tamanho das letras facilmente
atravs da barra de acessibilidade disponvel no topo do site. Alm disso, o visitante tambm
pode usar os mecanismos disponveis no seu navegador.
Como visualizar o site usando cores de alto contraste?
Para permitir uma melhor visualizao do site e do seu contedo pelo visitante com
problemas visuais e problemas de percepo de cores como o daltonismo, o site possui uma
verso visual que usa cores de alto contraste e pode ser ativada usando o boto C amarelo
localizado na barra de acessibilidade.
Como voltar a ver o site com as cores normais?
Depois de ativado o modo de cores de alto contraste para voltar para a visualizao normal do
site, basta clicar no primeiro boto C da barra de acessibilidade.
Como pular direto para o menu?
Para pular direto para o menu existe um link especial na barra de acessibilidade logo aps o
Como usar o site que pode ser alcanado utilizando a tecla TAB e colocando o foco do
navegador sobre ele, ou ento pode se utilizar a tecla de acesso rpido 1.
Como pular direto para o contedo?
Para pular direto para o contedo existe um link especial na barra de acessibilidade logo aps
o Como usar o site que pode ser alcanado utilizando a tecla TAB e colocando o foco do
navegador sobre ele, ou ento pode se utilizar a tecla de acesso rpido 2.
Como voltar para a pgina inicial?
Para voltar para a pgina inicial existe um link especial na barra de acessibilidade logo aps o
Como usar o site que pode ser alcanado utilizando a tecla TAB e colocando o foco do
navegador sobre ele, ou ento pode se utilizar a tecla de acesso rpido 3.
Como fazer uma busca no site?
possvel fazer uma busca pelo site utilizando o campo de busca localizado a direita do site
no menu.

59

Como pular direto para o formulrio de busca?

Para pular direto para o formulrio de busca existe um link especial na barra de acessibilidade
logo aps o Como usar o site que pode ser alcanado utilizando a tecla TAB e colocando
o foco do navegador sobre ele, ou ento pode se utilizar a tecla de acesso rpido 4.
Como vir para esta pgina?
Para vir para esta pagina existe um link especial na barra de acessibilidade chamado Como
usar o site, ou ento pode se utilizar a tecla de acesso rpido 5.
Quais so as teclas de acesso rpido (Acesskeys) para esse site?

Tecla 1 para ir para o menu;

Tecla 2 para ir para o contedo;
Tecla 3 para ir para a pgina inicial;
Tecla 4 para ir para o formulrio de busca;
Tecla 5 para ir para esta pgina;

Padres e Recomendaes
Este site tenta seguir os padres e recomendaes de HTML e CSS definidos pela W3C,
assim como as recomendaes sobre acessibilidade definidos pelo WCAG e E-MAG. Porm,
devido a algumas regras nos padres e recomendaes serem antiquadas e no prticas, e
algumas tcnicas novas no desenvolvimento de sites no serem contempladas por esses
documentos, esse site no os segue fielmente.
Imagens no site:
Para um melhor uso do site por pessoas com problemas visuais e necessidades especiais, o
site tem todas suas imagens descritas. Caso encontre alguma imagem sem descrio, por
favor, entre em contato para que possamos melhorar o acesso s informaes para todos.
Uso de scripts no site:
Todo uso de JavaScript no site definido a no impactar na navegao daqueles que no o
possuem ou o tm desativado.
Se voc tiver dificuldades em usar o site, ou quiser mandar qualquer comentrio ou
observao, por favor, entre em contato.

60

Apndice B Arquivo de instrues da ferramenta

=== WPA - WordPress Acessvel ===

Desenvolvedores: Diego potapczuk
Palavras-chaves: acessibilidade, pessoas com deficincia visual,
usabilidade, ferramentas
Requer pelo menos: 2.0
Testado at: 2.9
== Descrio ==
Adiciona uma srie de funcionalidades de navegao e acessibilidade para
auxiliar os leitores que possuem deficincias visuais.
== Instalao ==
1. Faa o upload do diretrio 'wpa' (incluindo todo os arquivos internos)
para o diretrio '/wp-content/plugins/';
2. Ative o plugin atravs do menu 'Plugins' no WordPress;
3. Adicione o seguinte cdigo no cabealho do seu tema, bem abaixo da tag
<body>;
<?php
if( function_exists('WPA_DP_TOOLBAR') )
WPA_DP_TOOLBAR(array("html_wrap_open" => "<li>", "html_wrap_close" =>
"</li>") );
?>
4. Tenha certeza que a opo 'URLs amigveis' esteja ativado para a pgina
'como usar o site' funcionar
5. Tenha certeza que o widget de pesquisa esteja ativado

== Instalation ==
1. Upload the `wpa` directory (including all files within) to the `/wpcontent/plugins/` directory
2. Activate the plugin through the `Plugins` menu in WordPress
3. Add the following code to the header of your theme just bellow the
<body> tag
<?php
if( function_exists('WPA_DP_TOOLBAR') )
WPA_DP_TOOLBAR(array("html_wrap_open" => "<li>", "html_wrap_close" =>
"</li>") );
?>
4. Make sure the friendly URL is activated for the "how to use" page to
work
5. Make sure the search widget is activated
== Frequently Asked Questions ==

61

= How can I add the toolbar to another area of my theme? =

In the Theme Editor, place this code block where you want the toolbar and
it will appear in your theme:
<?php
if( function_exists('WPA_DP_TOOLBAR') )
WPA_DP_TOOLBAR(array("html_wrap_open" => "<li>", "html_wrap_close" =>
"</li>") );
?>

== Registro de mudanas ==
= 0.1 =
Desenvolvimento inicial da ferramenta
= 0.2 =
Adicionado os links de pulo para pgina inicial e pesquisa
Adicionado teclas de atalhos para todos os links da barra
Modificado forma de inserir CSS e JS para arquivos externos
Retirado os CSS ainda no aceitos pela W3C
Retiradas todas as medidas absolutas do CSS
Adicionado separadores entre links
= Planejamento de verses =
0.3
Apagar a pgina de "como usar" ao desativar a extenso
0.4
Criar uma pgina de configurao permitindo controlar quais itens da
extenso estaro ativos
Permitir ativar CSS com bordas arredondadas
0.5
Criar uma pgina de configurao para permitir colocar outros itens de
"skip links"
0.6
Preparar extenso para internacionalizao e traduzir para ingls
0.7
Fazer ferramenta para alertar administrador de imagens sem alt tag
0.8
Criar verso da barra em formato widget
0.9
Verificar uso de teclas de atalho
0.10
Adicionar botes para verificar XHTML e CSS

62

Apndice C Modelo do questionrio aplicado

1) Nome:
2) Sexo:
3) Grau de escolaridade:
4) Profisso:
5) Qual o seu tipo de deficincia
visual?
6) Qual a tecnologia assistiva (leitor
de telas, funes do sistema,
ferramentas) voc utiliza?
7) Voc utilizou alguma funo da
barra de acessibilidade em sua
navegao pelo site?
8) Qual a funcionalidade que mais
lhe ajudou?
9) Qual a funcionalidade que menos
lhe ajudou?
10) Voc tem alguma sugesto para
a melhoria da ferramenta?
11) Voc tem alguma crtica sobre a
ferramenta?
12) Voc tem alguma observao
sobre a ferramenta?
13) Como classificaria sua
experincia com leitores de telas?
14) Como classificaria sua
experincia com internet?
15) Com que frequncia acessa a
Internet?
16) Voc acessa blogs?
17) Como avalia a organizao da

63

informao em blogs (distribuio

das reas, estrutura da pgina)?
18) Como avalia a Navegao entre
as reas/sees dos blogs?
19) Como avalia a sua satisfao no
uso?
20) Cite os aspectos positivos em
blogs?
21) Cite os aspectos negativos dos
blogs?
22) Cite as principais barreiras de
acessibilidade encontradas em
blogs?
23) Qual a utilidade dos blogs?
24) Utilize o espao, a seguir, para
fazer comentrios e/ou sugestes
para a criao de um blog
verdadeiramente acessvel?

64

Apndice D Questionrios aplicados aos validadores

Anlise realizada pelo Validador 1.
1) Nome:

Annimo

2) Sexo:

Masculino

3) Grau de escolaridade:

Superior incompleto

4) Profisso:

Aposentado

5) Qual o seu tipo de deficincia

Baixa Viso

visual?
Utilizo os Leitores de Tela NVDA 2010, JAWS 9.0,
VIRTUAL VISION 6.0, e ORCA nos sistemas
operacionais WINDOWS XP e LINUX UBUNTU 9.4
com a interface GNOME. Em ambos sistemas utilizo
6) Qual a tecnologia assistiva (leitor configuraes de ALTO CONTRASTE. Navego pela
de telas, funes do sistema,

Internet com os programas INTERNET EXPLORER 7

ferramentas) voc utiliza?

e o FIREFOX 3.5.

7) Voc utilizou alguma funo da

Sim, utilizei todos os atalhos de teclado.

barra de acessibilidade em sua

navegao pelo site?
Os atalhos de teclado: IR PARA O MENU,
8) Qual a funcionalidade que mais

CONTEDO, PG INICIAL, PESQUISA, e as

lhe ajudou?

instrues em COMO USAR O SITE.

9) Qual a funcionalidade que menos AUMENTAR E DIMINUIR TAMANHO DAS

lhe ajudou?

LETRAS e as CORES DE ALTO CONTRASTE.

Apenas ter o cuidado para que ela funcione com os
diferentes LEITORES DE TELA e os navegadores IE

10) Voc tem alguma sugesto para

e FIREFOX. As demais sugestes j foram

a melhoria da ferramenta?

implementadas.

11) Voc tem alguma crtica sobre a Os problemas, que existiam, j foram corrigidos.
ferramenta?
12) Voc tem alguma observao

Pode ser um bastante til para a navegao em blogs,

sobre a ferramenta?

pelos Deficientes Visuais.

13) Como classificaria sua

Usurio Avanado.

65

experincia com leitores de telas?

14) Como classificaria sua

Usurio Avanado.

experincia com internet?

15) Com que frequncia acessa a

Diariamente

Internet?
16) Voc acessa blogs?

Sim

17) Como avalia a organizao da

Normalmente no se tem uma preocupao com as

informao em blogs (distribuio

normas de Acessibilidade Virtual.

das reas, estrutura da pgina)?

18) Como avalia a Navegao entre

Normalmente no so de muito fcil navegao e

as reas/sees dos blogs?

entendimento aos deficientes visuais.

19) Como avalia a sua satisfao no

Mediana

uso?
20) Cite os aspectos positivos em

A troca de informaes que auxilia na aquisio de

blogs?

conhecimento, lazer, etc....

21) Cite os aspectos negativos dos

As dificuldades de Acessibilidade, Usabilidade, e

blogs?

Comunicabilidade.
- no ter atalhos de teclado para acessar rapidamente o
contedo e menus.
- botes no etiquetados.
- imagens no descritas.
- formulrios mal feitos que dificultam o

22) Cite as principais barreiras de

preenchimento.

acessibilidade encontradas em

- estrutura confusa.

blogs?

- links no descritos.

23) Qual a utilidade dos blogs?

Troca de informaes, lazer, etc...

- ter atalhos de teclado para acessar rapidamente o
contedo, menu, pesquisa, pg, inicial ou outra parte do
blog que se utilize com frequencia.

24) Utilize o espao, a seguir, para

- estrutura simples e bem definida.

fazer comentrios e/ou sugestes

- indicadores de incio e fim de menu e contedo.

para a criao de um blog

- respeitar as normas de acessibilidade j existentes.

verdadeiramente acessvel?

- tabulao com o contedo antes do menu.

66

Estes so alguns elementos que seriam necessrios em

blogs para que fossem acessveis, de fcil
entendimento e de fcil navegao.

Anlise realizada pelo Validador 2.

1) Nome:

Annimo

2) Sexo:

Masculino

3) Grau de escolaridade:

3 ano ensino mdio.

4) Profisso:

Estudante.

5) Qual o seu tipo de deficincia

cegueira total.

visual?
6) Qual a tecnologia assistiva (leitor JAWS, NVDA, Mozilla fire Fox
de telas, funes do sistema,

3.6 e Internet Explorer.

ferramentas) voc utiliza?

7) Voc utilizou alguma funo da

Sim, utilizei todas as funes da barra de

barra de acessibilidade em sua

acessibilidade.

navegao pelo site?

8) Qual a funcionalidade que mais

alt + 2 ir para o contedo.

lhe ajudou?
9) Qual a funcionalidade que menos Todas foram de fundamental importncia.
lhe ajudou?
10) Voc tem alguma sugesto para

Eu sugeria um para ir para o topo da pgina ao invs

a melhoria da ferramenta?

de ncoras.

11) Voc tem alguma crtica sobre a No, todas so muito importante para uma navegao
ferramenta?

mais gil

12) Voc tem alguma observao

Que sigam um padro e uma ordem seqencial.

sobre a ferramenta?
13) Como classificaria sua

Boa, pois ainda estou em fazes de transies.

experincia com leitores de telas?

14) Como classificaria sua

Boa, ao momento que acesso com uma freqncia

experincia com internet?

significante.

15) Com que frequncia acessa a

Acesso diariamente

Internet?

67

16) Voc acessa blogs?

Com pouca freqncia

17) Como avalia a organizao da

Na maioria das vezes mal estruturada.

informao em blogs (distribuio

das reas, estrutura da pgina)?
O blog acessveis enviado para testes apresentaram
uma boa estrutura em termos de reas, o que no
18) Como avalia a Navegao entre

acontece com a maioria, que por sua vez, apresentam

as reas/sees dos blogs?

desordem de seus contedos.

19) Como avalia a sua satisfao no

Apesar de pouco uso, gosto dos contedos

uso?

apresentados em blogs.
Pontuo positivamente, pois so geralmente sites

20) Cite os aspectos positivos em

pessoais que compartilham informaes de diferentes

blogs?

cotidianos.

21) Cite os aspectos negativos dos

No so acessveis na sua maioria.

blogs?
22) Cite as principais barreiras de

Na tabulao, no dispem de recursos de

acessibilidade encontradas em

acessibilidade como os atalhos que facilitam a

blogs?

navegao.
So geralmente sites pessoais, de informaes

23) Qual a utilidade dos blogs?

propagandas entre outros.

24) Utilize o espao, a seguir, para

Que tenham uma boa tabulao, uma linguagem clara

fazer comentrios e/ou sugestes

e os recursos de acessibilidade necessria.

para a criao de um blog

verdadeiramente acessvel?

Anlise realizada pelo Validador 3.

1) Nome:

Annimo

2) Sexo:

Masculino

3) Grau de escolaridade:

Superior em curso

4) Profisso:

Professor e consultor sobre deficientes visuais.

5) Qual o seu tipo de deficincia

Cegueira total

visual?
6) Qual a tecnologia assistiva (leitor JAWS, DOSVOX e NVDA.

68

de telas, funes do sistema,

ferramentas) voc utiliza?
7) Voc utilizou alguma funo da

Utilizei as teclas de atalho, links de salto e as

barra de acessibilidade em sua

informaes sobre a acessibilidade do site.

navegao pelo site?

As teclas de atalho pois me permitiram ter uma
8) Qual a funcionalidade que mais

navegao mais rpida pelo site, podendo ir direto a

lhe ajudou?

rea desejada.

9) Qual a funcionalidade que menos As funcionalidades voltadas para as pessoas videntes.

lhe ajudou?
A ferramenta est muito boa, o que realmente falta
10) Voc tem alguma sugesto para

uma padronizao e um maior utilizao dela pelos

a melhoria da ferramenta?

sites.

11) Voc tem alguma crtica sobre a

ferramenta?
12) Voc tem alguma observao
sobre a ferramenta?
13) Como classificaria sua

Muito boa pois uso mais um leitor que a prpria

experincia com leitores de telas?

escrita braille.
Faz Parte da minha formao pois fao Direito e
preciso ter acesso as

14) Como classificaria sua

informaes e materiais que no teria se tivesse de

experincia com internet?

forma impressa.

15) Com que frequncia acessa a

Sempre que estou no computador entro na internet.

Internet?
Sim o ultimo que acessei foi o da globo pois tava
transmitindo o julgamento
16) Voc acessa blogs?

do caso Isabela.
Para mim que j utilizo a internet bem antes de ficar
cego, acho satisfatria mais para os deficientes que

17) Como avalia a organizao da

nasceram cegos ou que tem pouca experincia com

informao em blogs (distribuio

internet, ainda muito bagunado, devido a maneira

das reas, estrutura da pgina)?

que so postadas as notcias pois mostra claramente

69

que esses blogs tem como publico alvo a pessoa

vidente, pois neste caso basta dar uma olhada geral e a
pessoa vidente tem noo de tudo que j foi postado,
mais o leitor de telas faz isso na ordem e como se
posta da mais recente a mais antiga leva um tempo
para o cego abarcar toda a informao, mais sei que
isso feito devido as atualizaes.
18) Como avalia a Navegao entre

A maioria dos leitores de telas interagem bem pelo

as reas/sees dos blogs?

ambiente.
Como falei j tenho uma certa experincia em navegar
por eles e j no me atrapalho, portanto gosto, mais
isso s est sendo possvel devido aos leitores de telas
que esto preocupados em oferecer uma melhor

19) Como avalia a sua satisfao no

acessibilidade a todos os ambientes feitos e

uso?

desenvolvidos para pessoas videntes.

O blog uma ferramenta de informao dinmica
podendo filtrar toda e qualquer informao e o mais
gostoso disso que a pessoa que est navegando

20) Cite os aspectos positivos em

tambm pode emitir sua opinio e ampliar as

blogs?

discusses sobre determinados temas.

Que as pessoas ainda no entenderam a magnitude de
se ter um blog e criam os mesmos para coisas mais
absurdas que se pode imaginar, com isso geralmente
so levantadas suspeitas a respeito da credibilidade da

21) Cite os aspectos negativos dos

informao, mais isso tambm acontece com toda a

blogs?

web.

22) Cite as principais barreiras de

A dificuldade de uso pelo dosvox (WEBVOX) que o

acessibilidade encontradas em

navegador do dosvox devido aos embelezamentos

blogs?

desnecessrios de determinados blogs...

Velocidade da informao, cito como ex. quando no
caso Isabela as informaes estavam chegando no blog

23) Qual a utilidade dos blogs?

quase em tempo real.

24) Utilize o espao, a seguir, para

Particularmente no acredito que um blog totalmente

70

fazer comentrios e/ou sugestes

acessvel possa acontecer devido que novas

para a criao de um blog

tecnologias e ferramentas vo surgir e com isso mais

verdadeiramente acessvel?

barreiras, portanto acho que devemos padronizar os

ambientes para que quando surja uma dificuldade a
mesma seja mnima... pois o que acontece que
quando o cego tem acesso a tal tecnologia ela j
deixou de ser novidade a sculos...

Anlise realizada pelo Validador 4.

1) Nome:

Annimo

2) Sexo:

Masculino

3) Grau de escolaridade:

Superior incompleto curso Pedagogia

4) Profisso:

Bolsista do projeto de Acessibilidade do IFCE

5) Qual o seu tipo de deficincia

Tenho Retinose Pigmentar e hoje tenho uma baixa

visual?

viso precria

6) Qual a tecnologia assistiva (leitor Dosvox, NVDA e Orca

de telas, funes do sistema,
ferramentas) voc utiliza?
7) Voc utilizou alguma funo da

Sim, todas.

barra de acessibilidade em sua

navegao pelo site?
8) Qual a funcionalidade que mais

As teclas de atalho

lhe ajudou?
9) Qual a funcionalidade que menos Ajuste de contraste e tamanho da fonte
lhe ajudou?
10) Voc tem alguma sugesto para

No

a melhoria da ferramenta?
11) Voc tem alguma crtica sobre a No
ferramenta?
12) Voc tem alguma observao

No

sobre a ferramenta?
13) Como classificaria sua
experincia com leitores de telas?

Boa

71

14) Como classificaria sua

Excelente

experincia com internet?

15) Com que frequncia acessa a

Diariamente

Internet?
16) Voc acessa blogs?

Sim

17) Como avalia a organizao da

Quanto a estas questes varia de blog para blog e na

informao em blogs (distribuio

maioria a acessibilidade boa.

das reas, estrutura da pgina)?

18) Como avalia a Navegao entre

Boa

as reas/sees dos blogs?

19) Como avalia a sua satisfao no

excelente

uso?
20) Cite os aspectos positivos em

A comunicao em tempo real.

blogs?
21) Cite os aspectos negativos dos

Muitas vezes a falta da descrio das imagens.

blogs?
22) Cite as principais barreiras de

A maior barreira, como j falei a falta da descrio das

acessibilidade encontradas em

imagens

blogs?
Um espao para comunicao em tempo real, de fcil
23) Qual a utilidade dos blogs?

construo

24) Utilize o espao, a seguir, para

Para mim as imagens devem ter descrio.

fazer comentrios e/ou sugestes

para a criao de um blog
verdadeiramente acessvel?

Anlise realizada pelo Validador 5.

1) Nome:

Annimo

2) Sexo:

Masculino

3) Grau de escolaridade:

Ensino Mdio Completo.

4) Profisso:

Bolsista do projeto de Acessibilidade do IFCE

5) Qual o seu tipo de deficincia

Total

visual?

72

6) Qual a tecnologia assistiva (leitor Jaws, Dosvox e NVDA.

de telas, funes do sistema,
ferramentas) voc utiliza?
7) Voc utilizou alguma funo da

Sim.

barra de acessibilidade em sua

navegao pelo site?
8) Qual a funcionalidade que mais

As informaes sobre como usar o site

lhe ajudou?
9) Qual a funcionalidade que menos As funcionalidades para pessoas sem deficincia
lhe ajudou?

visual.

10) Voc tem alguma sugesto para

Melhoria na organizao das informaes

a melhoria da ferramenta?
11) Voc tem alguma crtica sobre a Tive problema com os formulrios de comentrios do
ferramenta?

blog

12) Voc tem alguma observao

sobre a ferramenta?
13) Como classificaria sua

Muito Boa.

experincia com leitores de telas?

14) Como classificaria sua

Muito boa.

experincia com internet?

15) Com que frequncia acessa a

Diariamente.

Internet?
16) Voc acessa blogs?

s vezes.

17) Como avalia a organizao da

Acho bastante complicada. At hoje nunca consegui

informao em blogs (distribuio

postar alguma mensagem.

das reas, estrutura da pgina)?

18) Como avalia a Navegao entre

Complicada

as reas/sees dos blogs?

19) Como avalia a sua satisfao no
uso?
20) Cite os aspectos positivos em
blogs?
21) Cite os aspectos negativos dos

Pouco satisfatria.

73

blogs?
22) Cite as principais barreiras de
acessibilidade encontradas em
blogs?
23) Qual a utilidade dos blogs?

Para mim, nenhuma.

24) Utilize o espao, a seguir, para

fazer comentrios e/ou sugestes
para a criao de um blog
verdadeiramente acessvel?

Anlise realizada pelo Validador 6.

1) Nome:

Annimo

2) Sexo:

masculino

3) Grau de escolaridade:

superior completo

4) Profisso:

Assistente em Administrao

5) Qual o seu tipo de deficincia

cego

visual?
6) Qual a tecnologia assistiva (leitor jaws e NVDA
de telas, funes do sistema,
ferramentas) voc utiliza?
7) Voc utilizou alguma funo da

sim

barra de acessibilidade em sua

navegao pelo site?
8) Qual a funcionalidade que mais

O alt + 3 Ir para a pgina inicial

lhe ajudou?
9) Qual a funcionalidade que menos Alt + 4 Ir para o formulrio de pesquisa
lhe ajudou?
As sugestes que deixo que procure seguir as
recomendaes de padronizao das teclas de
comando para que num site ou blog o comando alt + n
faa uma funo e em outro faa outra e tambm
10) Voc tem alguma sugesto para

verifique as normas de acessibilidade, os atalhos esto

a melhoria da ferramenta?

com vrios problemas, a idia boa, mas tem que

74

funcionar direitinho.
A ferramenta ajuda, mas ela tem que funcionar de
acordo, remeter o foco para o ponto que se prope,
funcionar toda vez que for acionada, o que no ocorre
11) Voc tem alguma crtica sobre a no blog em questo, se for para ser como mero enfeite
ferramenta?

no adianta nada.
A observao que fao que nos links rpidos onde
consta a tecla de atalho para acess-lo, o nmero entre
colchetes desnecessrio e atrapalha a compreenso

12) Voc tem alguma observao

do atalho e tambm que ela tem que remeter ao foco

sobre a ferramenta?

que se prope como falei anteriormente.

13) Como classificaria sua

Minha experincia boa, a mais de 12 anos que uso.

experincia com leitores de telas?

14) Como classificaria sua

Tenho um bom conhecimento de internet com o

experincia com internet?

navegador I. E.

15) Com que frequncia acessa a

Muitas horas por dia.

Internet?
16) Voc acessa blogs?

No to freqente, mas acesso sim.

17) Como avalia a organizao da

Em boa parte dos blogs a distribuio satisfatria.

informao em blogs (distribuio

das reas, estrutura da pgina)?
18) Como avalia a Navegao entre

Vai depender de cada blog e leitor de tela, mas em sua

as reas/sees dos blogs?

maioria a navegao boa.

19) Como avalia a sua satisfao no

Avalio como satisfatria.

uso?
Os aspectos positivos so, principalmente em reunir
20) Cite os aspectos positivos em

assuntos especficos e ser menos complexos que um

blogs?

site.
Os aspectos negativos so, principalmente a falta de
ferramentas de acessibilidade por ser muito pessoais e
na maioria dos blogs, a poluio de informaes

21) Cite os aspectos negativos dos

repetidas e desnecessrias dificultam a

blogs?

comunicabilidade e usabilidade do mesmo.

75

22) Cite as principais barreiras de

So as mesmas citadas na questo anterior.

acessibilidade encontradas em
blogs?
A utilidade de ser um ponto de reunio de
informaes sobre um determinado assunto e de
discuo do mesmo pelos vizitantes. Proporcionando
23) Qual a utilidade dos blogs?

assim, a interao rpida entre todos que o vizitam.

Procurar seguir os padres e recomendaes de HTML
e CSS definidos pela W3C como tambm as

24) Utilize o espao, a seguir, para

recomendaes sobre acessibilidade definidos pelo

fazer comentrios e/ou sugestes

WCAG e E-MAG e sempre que possvel, testados por

para a criao de um blog

usurios, acredito estar num bom caminho de

verdadeiramente acessvel?

acessibilidade.

Anlise realizada pelo Validador 7.

1) Nome:

Annimo

2) Sexo:

Masculino

3) Grau de escolaridade:

Ensino Mdio Completo

4) Profisso:

Estagirio em Informtica

5) Qual o seu tipo de deficincia

Baixa Viso

visual?
Fao uso dos leitores NVDA e o leitor de tala Jaws 9.0
e 10.0, utilizo tambm a o sistema DOSVOX e no
uso alto contraste, pois j estou acostumado com o
contraste normal do computador. Como sou baixa
6) Qual a tecnologia assistiva (leitor viso configuro meu computador para que tudo fique
de telas, funes do sistema,

ampliado,. Navego na internet com Internet Explorer e

ferramentas) voc utiliza?

Google Chrome.

7) Voc utilizou alguma funo da

Sim utilizei a grande maioria dos atalhos de teclado

barra de acessibilidade em sua

navegao pelo site?
8) Qual a funcionalidade que mais

Poder aumentar e diminuir a letra, e as dicas de como

lhe ajudou?

utilizar o site

76

9) Qual a funcionalidade que menos O que no utilizei foi o auto contraste .

lhe ajudou?
Sim voc pode tentar adicionar em seu site ou blog
10) Voc tem alguma sugesto para

mais formas de auto contraste e verificar se ele aceita

a melhoria da ferramenta?

todos os leitores de tela. .

11) Voc tem alguma crtica sobre a No meu computador s vezes o aumentar e diminuir a
ferramenta?

letra no funcionou 100% bem veja isso, por favor.

Pode ser um bastante til para a navegao em blogs,
pelos Deficientes Visuais. Sim gostaria que muitos

12) Voc tem alguma observao

mais sites e blogs aderissem a essas ferramentas, pois

sobre a ferramenta?

muito bom para o deficiente visual.

13) Como classificaria sua

Sou um usurio iniciante e sei o bsico

experincia com leitores de telas?

14) Como classificaria sua

Sou um bom usurio, sei atalhos, fao configuraes,

experincia com internet?

sou usurio regular

15) Com que frequncia acessa a

Diariamente

Internet?
16) Voc acessa blogs?

Sim, quase sempre

17) Como avalia a organizao da

As pginas e seu contedo no so to bem

informao em blogs (distribuio

organizados dificultando a vida de deficientes visuais.

das reas, estrutura da pgina)?

Sem contar que existem muitos erros de ortografia

No meu caso que sou baixa viso at consigo, mas

18) Como avalia a Navegao entre

para uma pessoa com dificuldades maiores fica mais

as reas/sees dos blogs?

difcil.

19) Como avalia a sua satisfao no

Mdio Regular

uso?
Os blogs so muito bons porque divulgam
20) Cite os aspectos positivos em

informaes, faz com que exista tambm a troca delas

blogs?

e ainda divertem e servem como entretenimento.

Como j disse aparecem muitos erros ortogrficos,
alguns no divulgam informaes de forma coerente

21) Cite os aspectos negativos dos

(reais e verdadeiras) e a grande maioria no se

blogs?

preocupa com a acessibilidade a formas de deficincia.

77

* No ter a possibilidade de ampliar a letra no prprio

blog
* A grande maioria no apresenta auto contraste
* No ter atalhos de teclado
22) Cite as principais barreiras de

* No apresentam um mapa do blog

acessibilidade encontradas em

* No h como deficientes visuais saberem as imagens

blogs?

que aparecem porque no h nenhuma descrio

23) Qual a utilidade dos blogs?

Informao, cultura, entretenimento e diverso.

24) Utilize o espao, a seguir, para

* Ter uma estrutura mais organizada

fazer comentrios e/ou sugestes

* Ter formas de acessibilidade como aumentar letra...

para a criao de um blog

* Ter um mapa do site

verdadeiramente acessvel?

* Imagens com uma legenda adequada

Anlise realizada pelo Validador 8.

1) Nome:

Annimo

2) Sexo:

Masculino

3) Grau de escolaridade:
4) Profisso:

Consultor de acessibilidade

5) Qual o seu tipo de deficincia

Cegueira

visual?
6) Qual a tecnologia assistiva (leitor Jaws, NVDA
de telas, funes do sistema,
ferramentas) voc utiliza?
7) Voc utilizou alguma funo da

Sim

barra de acessibilidade em sua

navegao pelo site?
8) Qual a funcionalidade que mais

Teclas de atalho

lhe ajudou?
9) Qual a funcionalidade que menos Contraste
lhe ajudou?
Para a ferramenta est tudo bem, mas o formulrio dos
10) Voc tem alguma sugesto para

comentrios est pssimo. Est com tabindex que

a melhoria da ferramenta?

obriga qualquer leitor grfico despresar qualquer outro

78

link ou input e ir direto a ele. Sugiro que voc retire

qualquer tabindex das pginas do Word Press. Outra
coisa, o rtulo "nome", "e-mail", etc esto vindo aps
o input. Isso pssimo para ns cegos, porque causa o
erro de usabilidade de termos de primeiro irmos
abaixo do input para depois voltarmos para podermos
preench-lo. Sugiro que coloque o label antes e no
aps o input.
Sugiro tambm o captcha com contas, ele totalmente
acessvel e at hoje no me falhou. Pode ver l no meu
blog.
A ltima coisa que o amigo s colocou um salto para
o contedo em sua ferramenta. Em geral esse salto
utilizado para chegar no primeiro post, mas se fosse
colocado ao menos outro salto para aps os posts,
sempre existe algo, como uma nuvem de tags,
qualquer informao, que para ns cegos fica difcil
chegar por haverem tantos links at l. Sendo assim,
voc poderia criar um outro salto para ps-posts.
Apenas uma idia.
Para as pessoas cegas o que pega ali ter de passar por
10 links antes de entrar no blog propriamente dito.
Nossa navegao via teclado, pressionando tabs, iria
ganhar mais 10 links no meio dos 500 links que, em
geral, pode ter um blog. Dos pequenos tem uns 200
links por pgina. Da usar o salto para o contedo,
tudo bem. A tendncia, agora, est sendo colocar o
salto para o contedo, alto contraste e s. O aumento
de fonte est ficando em sites que tm espao para
fazer isso, deixando o prprio site j com a letra
aumentada. Estou reformulando o Bengala Legal e a
11) Voc tem alguma crtica sobre a menor letra dele vai ter 16 px nos textos, com ttulos
ferramenta?

de at 30 px. Claro que temos de fazer uma boa

79

esttica disso, caso contrrio vira um monstro.

Sua ferramenta vlida a partir de que pensemos em
determinada filosofia: fora o salto para o contedo
principal todo o resto existe nos browsers para serem
utilizados. Da existe uma discusso de que o melhor
no entregar o peixe na mo do usurio, mas
incentiv-lo a aprender a utilizar as ferramentas dos
browsers. Eu, particularmente, fico no meio do
caminho, contanto que o site de quem faa tenha um
link de acessibilidade ensinando os usurios a
aumentarem a fonte em cada browser, no mnimo no
IE e FF. Hoje em dia isso coisa muito fcil, pessoas
jovens e usurios com tempo de uso da web sabem
como fazer. Entretanto pega uma pessoa de idade e ela
12) Voc tem alguma observao

vai se atrapalhar, sendo, em geral, uma das que mais

sobre a ferramenta?

acessam essa funo, fora as pessoas de baixa viso.

13) Como classificaria sua

Muito boa

experincia com leitores de telas?

14) Como classificaria sua

Muito boa

experincia com internet?

15) Com que frequncia acessa a

Regularmente

Internet?
16) Voc acessa blogs?

Sim

17) Como avalia a organizao da

No geral boa

informao em blogs (distribuio

das reas, estrutura da pgina)?
18) Como avalia a Navegao entre

Boa

as reas/sees dos blogs?

19) Como avalia a sua satisfao no

Boa

uso?
20) Cite os aspectos positivos em

Espao para pessoas disponibilizarem as suas

blogs?

informaes de forma fcil

21) Cite os aspectos negativos dos

Falta de cuidado com acessibilidade

80

blogs?
22) Cite as principais barreiras de

Falta de descrio nas imagens, muitos links.

acessibilidade encontradas em
blogs?
Vrias, como se informar sobre um tema direto com
23) Qual a utilidade dos blogs?
24) Utilize o espao, a seguir, para
fazer comentrios e/ou sugestes
para a criao de um blog
verdadeiramente acessvel?

especialistas, entretenimento e etc