UNIÃO METROPOLITANA DE ENSINO FACULDADE DE CIÊNCIA E TECNOLOGIA BACHARELADO EM SISTEMAS DE INFORMAÇÃO

DIEGO DE OLIVEIRA POTAPCZUK

WPA: FERRAMENTA PARA AUXÍLIO NA ACESSIBILIDADE DO GERENCIADOR DE CONTEÚDO WORDPRESS

Lauro de Freitas 2010

DIEGO DE OLIVEIRA POTAPCZUK

WPA: FERRAMENTA PARA AUXÍLIO NA ACESSIBILIDADE DO GERENCIADOR DE CONTEÚDO WORDPRESS
Trabalho de conclusão de curso apresentado ao curso de Bacharelado em Sistemas de Informação da UNIME como requisito parcial para obtenção de grau de Bacharel em Sistemas de Informação. 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

Agradeço aos meus pais: Mirlene e Claudinei, por estarem sempre do meu lado me incentivando, apoiando e me dando forças. À 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 correção deste trabalho. Aos usuários com deficiência visual, que muito me ensinaram ao longo desse trabalho, além de conferirem autenticidade a essa pesquisa. Aos meus colegas Célio, Jéferson e MAQ, pelas longas conversas e explicações sobre acessibilidade na web. Aos meus colegas do Núcleo 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.” Wilson Mendes . mas se quiser complicar é fácil.

Na definição do processo metodológico para o desenvolvimento dessa pesquisa descritiva. É nesse contexto que essa monografia traz como objetivo potencializar a acessibilidade para pessoas com deficiência visual ao acesso a sites que utilizem o gerenciador de conteúdos WordPress. . Dessa forma. para as pessoas com deficiência visual. foi realizado um levantamento bibliográfico e entrevistas orientadas por questionário. criando uma barreira para essas pessoas que não conseguem usufruir adequadamente desses serviços. Web. provendo diversos serviços e acesso à informação. percebe-se que inúmeros sites não estão aderentes aos padrões de acessibilidade. em particular. uma das três ferramentas mais utilizadas para se publicar e gerenciar informações na web. WordPress. apresenta-se como veiculo potencializador das possibilidades para as pessoas com necessidades especiais. O principal resultado obtido se deu pela construção de uma tecnologia assistiva para facilitar o acesso aos sites desenvolvidos com o WordPress por pessoas com deficiência visual. Palavras-chave: Acessibilidade. Entretanto.RESUMO A Internet hoje tem uma importância fundamental em nossa sociedade.

one of the three most commonly used tools to publish and manage information on the web. 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. creating a barrier for those people who can not adequately take advantage of these services. it appears as a vehicle potentiator of possibilities for people with special needs. Thus. In the definition of the methodology for the development of this descriptive research was conducted a literature review and interviews targeted by questionnaire. WordPress. particularly for people with visual impairments. 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. . we realize that many sites are not adhering to accessibility standards. providing various services and access to information. Keywords: Accessibility. Web.ABSTRACT The Internet today has fundamental importance in our society. However.

....................0......... 34 Figura 6: Site com estilo de alto contraste.......................................................................................................... 28 Figura 3: Barra de acessibilidade do Portal Brasil ............... 39 Figura 11: Validação da página segundo as recomendações da WCAG 1.... 31 Figura 4: Demonstração da página que explica a utilização do site............................ 37 Figura 9: Identificação das imagens sem descrição textual........ 42 Figura 14: Apenas um erro de prioridade 2 foi encontrado em ambos os sites pelo ASES ..........................................LISTA DE FIGURAS Figura 1: Imagem de um site desenvolvido com o WordPress.................. 36 Figura 8: Utilização de tecla de atalho nos links de maior uso ou relevância .................................................................... 41 Figura 13: Demonstração da extensão instalada no WordPress ....................... 49 Figura 19: Um erro encontrado em ambos os sites pelo daSilva.......... 48 Figura 18: Dois erros encontrados na validação do XHTML do WordPress pela W3C................ 47 Figura 17: Resultados da avaliação realizada pelo HERA na versão normal do WordPress........................................ 35 Figura 7: Link de salto para o conteúdo do site ............... 46 Figura 15: Reprovação da verificação automática por ambos os sites pelo Cynthia Says ............................... 46 Figura 16: Resultado da avaliação do site com o WPA realizada pelo eXaminator .... 40 Figura 12: Casos de uso do visitante e do administrador do site........................ 49 .............................. 27 Figura 2: Classificação do WordPress segundo o Alexa..................... 33 Figura 5: Demonstração do uso do controle de tamanho de letra ................................ 38 Figura 10: Validação do HTML e do CSS da página................................................... ....................................................................................................................................................

.....................LISTA DE GRÁFICOS Gráfico 1: Divisão das deficiências encontradas no Brasil . 18 .................................

..LISTA DE TABELAS Tabela 1: Total de indivíduos por tipo de deficiência no Brasil........................................................................................................... 19 ..................... 17 Tabela 2: Classes de acuidade visual......

Modelo de Acessibilidade do Governo Eletrônico .Serviço Nacional de Aprendizagem Industrial .Web Accessibility Initiative .LISTA DE SIGLAS CMS CSS eMAG HTML IBGE OMS PHP RENAPI SENAI TIC W3C WAI WCAG WEB WPA XHTML XML .Cascading Style Sheets .Extensible Hypertext Markup Language .WordPress Acessível .Extensible Markup Language .World Wide Web Consortium .Content Management System .Web Content Accessibility Guidelines .HyperText Markup Language .Organização Mundial de Saúde .Hypertext Preprocessor .World Wide Web .Instituto Brasileiro de Geografia e Estatística .Tecnologia da Informação e Comunicação .Rede de Pesquisa e Inovação em Tecnologias Digitais .

.....SUMÁRIO 1 INTRODUÇÃO................ 12 2 DESENHO UNIVERSAL .....2 PROCESSO DE DESENVOLVIMENTO............................................ 29 3....................2 WordPress contexto da acessibilidade ...... 26 3..........3 Modificação do contraste da página................2...........................3............... 20 2................. 26 3.............................................................................................................................1 Deficiência visual...................2 Controle do tamanho das letras ....................................................................................................................................1... 56 APÊNDICE A ............. 45 4...........................................1...................................................DECLARAÇÃO DE ACESSIBILIDADE...........................7 Validação do HTML e do CSS .....................................................3.................................................................. 36 4.................... 18 2...............1...................................1............................................................................1.....................................................................................8 Validação da Acessibilidade .............................. 60 APÊNDICE C – MODELO DO QUESTIONÁRIO APLICADO ............................................................................................................................. 58 APÊNDICE B – ARQUIVO DE INSTRUÇÕES DA FERRAMENTA .............. 54 REFERÊNCIAS ....1 Validação automática ....... 31 4...........................1 Página de declaração de acessibilidade.............................................2 Validação manual...1..2 ACESSIBILIDADE ............................................... 21 3 GERENCIADORES DE CONTEÚDO .............................................................................................................................................. 40 4...........................................................1........................1 DIFICULDADES DE ACESSIBILIDADE ABORDADAS PELO WPA..................................................4 Links de salto............................................ 30 4 WORDPRESS ACESSÍVEL .......................................................................................................................1 WORDPRESS.. 34 4......................................... 38 4........................................................ 17 2.............................................. 50 5 CONSIDERAÇÕES FINAIS ..............1 Estendendo o WordPress.............3 VALIDAÇÃO............ 35 4.............................1 DEFICIÊNCIA............................ 62 APÊNDICE D – QUESTIONÁRIOS APLICADOS AOS VALIDADORES ..................................................................................................................................................................1........................ 16 2......................................... 37 4................................................................1............................................................. 64 ..............................................6 Identificação de imagens sem descrição ............................... 45 4..................................................1......... 32 4......... 32 4..1....5 Teclas de atalho.................................................... 33 4...............1 Acessibilidade Web para deficientes visuais.............................. 39 4...........

Na Internet. há os blogs. em geral.7% da população brasileira. notícias e informações. que são páginas multimídias interligadas. mobiliários e equipamentos urbanos. a maioria dos grandes sites utilizam sistemas de gerenciamento de conteúdo para facilitar o processo de publicação e gerenciamento de suas informações. acesso a serviços públicos. uma temática específica. encontram dificuldades no acesso à informação disponibilizada na Internet.098. com segurança e autonomia. fazendo com que os artigos que possuam mais destaque sejam aqueles mais atuais. Ela permite uma maior liberdade para a pessoa com deficiência como. estudos. Destas. das edificações. também chamadas de site. permitindo que usuários sem o perfil técnico de informática e programação possam divulgar suas informações e conhecimento de forma fácil na Internet. 16 milhões possuem alguma limitação visual. fazendo com que seu conteúdo seja de grande relevância para 1 Lei 10. ou simplesmente denominada web. muitas vezes. Porém. Dentre os tipos de sites. Eles são um tipo de site cuja estrutura permite uma rápida atualização a partir do acréscimo de novos artigos e têm como padrão a organização das informações de forma cronológica inversa. Atualmente. em especial. dos espaços. divulgado pelo Instituto Brasileiro de Geografia e Estatística (IBGE). Os blogs também têm. de 19 de dezembro de 2000. o que limita o potencial do uso da Internet para a construção do conhecimento e inclusão digital. o que constitui 9. por exemplo. em decorrência da não aderência aos padrões de acessibilidade. os deficientes visuais ainda encontram algumas barreiras relacionadas à ausência de acessibilidade em muitos desses recursos. . A legislação brasileira1 conceitua acessibilidade como sendo a possibilidade e condição de alcance para utilização. um índice bem representativo. um dos recursos mais utilizados é a World Wide Web. a comunicação com outras pessoas. aquelas com alguma limitação visual. existem cerca de 24 milhões de pessoas com algum tipo de deficiência. No Brasil. que hoje possuem um papel de grande importância na Internet. dos transportes e dos sistemas e meios de comunicação por pessoa com deficiência ou com mobilidade reduzida. segundo o Censo de 2000. Esses deficientes visuais.12 1 INTRODUÇÃO A Internet é um meio de comunicação que vem ajudando na inclusão das pessoas.

098. O WordPress que. A acessibilidade web trata das barreiras de acessibilidade encontradas nos sites da Internet. pois dificulta ou impede o acesso a informações e aos serviços. Para entender esse processo. Diante desta perspectiva. de 19 de dezembro de 2000 e o decreto nº 5296. normalmente. por serem elas a parcela mais significativa com alguma deficiência no Brasil e também por ser o tipo de deficiência mais afetada pela falta de acessibilidade dos sites. surgiu a seguinte hipótese: o desenvolvimento de uma extensão para minimizar ou corrigir os problemas de acessibilidade no WordPress pode melhorar o acesso à informação das pessoas com deficiência visual. A pesquisa em questão tem como objetivo geral potencializar a acessibilidade para pessoas com deficiência visual ao acesso a sites que utilizam o gerenciador de conteúdos WordPress. Um site acessível deve possibilitar a visualização de suas informações e sua navegação por qualquer pessoa. com limitação ou não. por pessoas com deficiência. indo também contra a lei nº 10.13 os leitores interessados. fez-se necessária a compreensão de como potencializar a acessibilidade das pessoas com deficiências visuais no acesso aos sites que utilizam o gerenciador de conteúdos WordPress. A falta de acessibilidade em sites é um problema sério. é uma das ferramentas mais utilizadas no mundo para a publicação e gerenciamento de conteúdo na web. proporcionando uma maior facilidade de acesso ao conteúdo disponibilizado através da ferramenta. destacam-se: analisar as dificuldades encontradas pelos deficientes visuais no acesso aos sites disponibilizados com WordPress. segundo a pesquisa de Water&Stone (2009). a acessibilidade web teve como foco pessoas com deficiência visual. Como objetivos específicos desta pesquisa. esta pesquisa procurou responder as seguintes questões: O WordPress possui dificuldades de acessibilidade para os deficientes visuais? Quais dificuldades são essas? Como essas dificuldades podem ser resolvidas ou minimizadas? Com base nas questões levantadas. é também uma forma de se obterem informações. Assim. de 3 de dezembro de 2004 que estabelecem normas gerais e critérios básicos para a promoção de acessibilidade das pessoas com deficiências. desenvolver uma extensão de acessibilidade que corrija ou diminua o impacto de tais . dificuldades em sua acessibilidade geram grandes impactos para as pessoas que buscam informações na web. principalmente os indivíduos com limitações visuais. Nesta pesquisa. composto de informações atuais e escrito por pessoas pesquisadoras da mesma área. por ser. esteja ela usando um navegador ou um leitor de tela.

com/siteinfo/wordpress. A acessibilidade web também é bastante abordada. inicialmente. passando por constantes revisões de formato e conteúdo. inclusive. Disponível em: http://www. do Instituto Federal do Rio Grande do Sul. O WordPress é uma das ferramentas para gerência de conteúdo mais utilizada no mundo2. Durante o processo da pesquisa. essas ações ainda caminham lentamente no que se refere à acessibilidade das informações presentes na rede mundial de computadores. do Instituto Federal do Ceará e do Instituto Federal Baiano. a forma de estender suas funcionalidades. Esses elementos serviram para subsidiar o entendimento de como o deficiente visual acessa a Internet. 2 De acordo com o serviço do Alexa que classifica a popularidade dos sites na Web. Em seguida. Porém. Por fim. efetuou-se um levantamento de informações sobre o WordPress identificando sua arquitetura. foram analisados métodos e técnicas para a melhoria da acessibilidade para as pessoas com deficiência visual de modo que pudessem ser agregados ao WordPress sem modificações em sua base. utilizando questionários aplicados em um grupo de oito deficientes visuais do SENAI-BA.alexa. 2009.14 dificuldades e validar a melhora na acessibilidade de um site feito com WordPress e que utilize o módulo desenvolvido. tendo o governo.com. seu processo de desenvolvimento. . Para a realização deste trabalho. a ferramenta proposta foi desenvolvida com base nas informações levantadas durante as etapas descritas anteriormente e analisados os resultados obtidos e as respectivas conclusões que puderam ser inferidas a partir deles. A acessibilidade é um tema que une esforços em todas as esferas de governo com o intuito de incluir as pessoas com necessidades especiais na sociedade brasileira. e seus pontos que podem ter a acessibilidade melhorada. Acesso em: 13 out. quais as dificuldades encontradas nas interações e de que maneira é possível minimizar os fatores limitantes. A análise dos resultados foi realizada através de pesquisa qualitativa. foi realizada uma pesquisa bibliográfica sobre o assunto e pesquisa de campo com entrevistas com dois deficientes visuais especialistas em acessibilidade web. auxiliando na inclusão social e digital de milhões de pessoas com deficiência visual. desenvolvido uma norma de acessibilidade com o intuito de acessibilizar os seus sites governamentais. O desenvolvimento do embasamento teórico desta pesquisa foi feito iterativamente com as etapas de pesquisa. de forma que uma melhoria em sua acessibilidade poderá ser facilmente aplicada a milhões de sites que a utilizam. um do SENAI-BA e outro do Instituto Federal do Rio Grande do Sul.

seu processo de desenvolvimento e demonstra os resultados da validação da ferramenta.apresenta as contribuições deste trabalho provenientes dos resultados.descreve a modelagem da ferramenta. bem como os diferentes tipos de deficiências visuais. Este trabalho é composto pelos capítulos I e II que contêm a fundamentação teórica e a revisão da literatura relacionada ao tema. bem como as perspectivas para trabalhos futuros. este trabalho divide-se em: capítulo I conceitua o desenho universal e a sua importância para a acessibilidade.apresenta uma análise sobre os gerenciadores de conteúdo com foco principal no WordPress. Após as considerações finais. . considerações Finais . A descrição do trabalho realizado nesta monografia encontra-se no capítulo III. capítulo III . são apresentadas as referências que foram utilizadas. Desta forma.15 todos com Núcleos de Acessibilidade Virtual da Rede de Pesquisa e Inovação em Tecnologias Digitais (RENAPI) que também validaram o experimento. capítulo II .

Uso flexível .para pessoas com diferentes capacidades. O Desenho Universal. assim como a definição de deficiência visual e suas classificações. sem a necessidade de serem adaptados ou ter desenhos especializados. 1998). Os estudos na área de Desenho Universal começaram no século XX e foram impulsionados pelas mudanças demográficas. produtos. se refere ao desenho de produtos e ambientes que devem possibilitar seu uso por todas as pessoas. no começo desse século. contribuindo para a inclusão.comunica eficazmente a informação necessária. Hoje as pessoas vivem mais e melhor.com leque amplo de preferências e habilidades. à medida que a expectativa de vida cresce e a medicina progride. mostra-se o tema de acessibilidade e suas dificuldades e trabalhos existentes na acessibilidade web. Outro ponto importante é que todos os ambientes. Simples e intuitivo . . Com pouca exigência de esforço físico. Informação perceptível . que tinha o conceito de criar produtos livre de barreiras para dar acessibilidade para pessoas com deficiências. serviços. no limite do possível.fácil de entender. Dessa forma. O Desenho Universal. O termo Desenho Universal é relativamente novo. e somente 10% das pessoas que sofriam lesões na medula espinhal tinham alguma chance de sobreviver. chegando a ter uma expectativa de vida média na faixa dos 76 anos (STORY. ou Design Total. a expectativa de vida era de 47 anos. segundo Sonza (2008). programas e tecnologias devem ser desenvolvidos de forma que não necessitem de adaptações ou readaptação.16 2 DESENHO UNIVERSAL Este capítulo apresenta o conceito de Desenho Universal. MUELLER. Tolerante ao erro . MACE. é mais valorizado e aplicado. De acordo com Sonza (2008). Tamanho e espaço para o acesso e o uso. são sete os princípios que sustentam o Desenho Universal: • • • • • • • Uso equiparável . surgiu a partir do Design Acessível. graças a uma vida mais saudável e aos avanços da medicina. Por fim. especificamente.que diminui riscos de ações involuntárias.

é possível se desenvolverem produtos e ambientes para servir a uma grande quantidade de pessoas. Fonte: INSTITUTO BRASILEIRO DE GEOGRAFIA E ESTATÍSTICA. ou seja. 2000. promovendo a inclusão de todos em todas as atividades da vida. total ou parcial. . falar ou andar. sem a necessidade de adaptações e versões especiais para tal. que acaba resultando na perda total ou parcial da capacidade de ver. Mueller e Mace (1998). fisiológica ou anatômica. conforme se verifica na Tabela 1 (ORGANIZAÇÃO MUNDIAL DA SAÚDE. incluindo crianças. p. 2.17 Segundo Story.1 Deficiência A deficiência é ocasionada pela perda ou anomalia de uma estrutura ou função psicológica. de realizar tarefas consideradas normais devido a limitações físicas ou mentais. o deficiente é a pessoa que tem ou está com a incapacidade. que devem ser projetados de forma a permitir o acesso à suas informações pelo maior número de pessoas possível. 1980). 5. idosos. diferentes tamanhos. pessoas com deficiências. formas atípicas. pessoas doentes ou machucadas e deve respeitar a diversidade humana. O conceito do Desenho Universal também se aplica aos sites. Tabela 1: Total de indivíduos por tipo de deficiência no Brasil.

2. cerca de 600 milhões de pessoas no mundo sofrem de alguma deficiência (SHUKSHIN.3 e 0. com a melhor . p. mais ou menos 14. cerca de 48% possuem algum tipo de deficiência visual (IBGE. 2004. com a melhor correção óptica.5% da população brasileira. Gráfico 1: Divisão das deficiências encontradas no Brasil Deficiências no Brasil 8% 17% 48% Visual Motora Auditiva Mental Física 4% 23% Dentre os 24 milhões de deficientes existentes no Brasil. 2005).18 De acordo com a OMS.1 Deficiência visual O Decreto 5. a baixa visão. essa informação pode ser vista de forma mais detalhada na tabela 1.05 no melhor olho. que obriga tanto o Poder Público. que significa acuidade visual entre 0. menos de 5% encontramse empregados e no exercício de seus direitos trabalhistas. pode-se afirmar que a deficiência visual é o tipo de deficiência que mais atinge hoje a população brasileira. 2000) conforme demonstra o Gráfico 1. mesmo essas pessoas tendo o apoio da Constituição Federal de 1988 que garante a chamada reserva de mercado.1. Destas.296/04 define deficiência visual da seguinte forma: Deficiência visual: cegueira. mas que na prática não acontece (BOLONHINI JUNIOR.05 no melhor olho. 29). No Brasil. quanto as empresas privadas a terem uma porcentagem de vagas reservadas para as pessoas com necessidades especiais. Com base nesses dados do IBGE. na qual a acuidade visual é igual ou menor que 0. o IBGE estima que haja por volta de 24 milhões de pessoas com algum tipo de deficiência.

BENGALA / TREINAMENTO O-M PRÓXIMO À CEGUEIRA 20/1200 a 20/2500 SEM PERCEPÇÃO DE LUZ 0.02 LUPA MONTADA TELESCÓPIO. Tabela 2: Classes de acuidade visual ACUIDADE VISUAL SNELLEN 20/12 a 20/25 ACUIDADE VISUAL DECIMAL 1. névoa ou película sobre os olhos.5 a 0. BENGALA / TREINAMENTO 0-M CEGUEIRA TOTAL Fonte: SOCIEDADE BRASILEIRA DE VISÃO SUBNORMAL. esta deficiência inclui problemas como escurecimento da visão. BENGALA / TREINAMENTO O-M APARELHOS SAÍDA DE VOZ. como uma perda severa da visão que não pode ser corrigida por tratamento clínico ou cirúrgico nem pelo uso de óculos convencionais e está relacionada com a capacidade visual que uma pessoa possui entre 20/40 e 20/200.3 0. a deficiência visual abrange pessoas que possuem desde visão fraca (baixa visão) até aquelas que não conseguem distinguir se quer a luz. LIVROS FALADOS. ou a ocorrência simultânea de quaisquer das condições anteriores. Ainda de acordo com o autor.12 BAIXA VISÃO SEVERA 20/200 a 20/400 0. visão embaçada. (BRASIL. os casos nos quais a somatória da medida do campo visual em ambos os olhos for igual ou menor que 60º. 2009. APARELHOS SAÍDA DE VOZ. E Sonza (2008) em seu trabalho.2). visão apenas de objetos extremamente próximos ou perda de visão à distância.015 a 0. p. A Sociedade Brasileira de Visão Subnormal (2009) tem uma classificação mais abrangente. 2004.008 SEM PERCEPÇÃO DE LUZ MAGNIFICAÇÃO VÍDEO. manchas na . divide essas pessoas em dois grupos.8 CLASSIFICAÇÃO VISÃO NORMAL AUXÍLIOS BIFOCAIS COMUNS BIFOCAIS MAIS FORTES LUPAS DE BAIXO PODER LUPAS MAIS FORTES LENTES ASFÉRICAS. LUPAS DE MESA ALTO PODER PRÓXIMA DO NORMAL BAIXA VISÃO MODERADA 20/30 a 20/60 20/80 a 20/150 0.10 a 0. conforme mostra a Tabela 2. visão distorcida. MAGNIFICAÇÃO VÍDEO.6 a 0. 3.04 a 0.19 correção óptica. as de baixa visão e as com cegueira. também chamada de visão subnormal. Sendo que 20/200 representa uma pessoa que consegue ver um objeto a 20 pés enquanto outra pessoa com a visão considerada normal consegue ver a 200 pés de distância o mesmo objeto. Kulpa (2009) define a baixa visão. após correção.05 BAIXA VISÃO PROFUNDA 20/500 a 20/1000 0. Para Sonza (2008). p. BRAILLE .25 a 0.

Com a popularização da Internet na década de 1990.853 de 24 de outubro de 1989 e pela Lei nº 10. grupos.2 Acessibilidade A acessibilidade. 2000). No Brasil. Sonza (2008) afirma que parte das pessoas com deficiências visuais de baixa visão conseguem ler um impresso se este for grande e estiver próximo da vista ou através de lentes de aumento. como e-mail. serviços de notícias. mobiliários e equipamentos urbanos. 1999). visão em túnel. . que se estima que cerca de 8% de toda a população masculina a possua. falta de visão periférica. estes por consequência se tornam acessíveis. dos espaços. que define a acessibilidade no âmbito da Administração Pública Federal (BRASIL. O daltonismo. Ao se aplicar os princípios do Desenho Universal nos produtos e ambientes. segundo a legislação brasileira (BRASIL. das edificações. 2000). outros conseguem apenas detectar grandes formas. chats3 entre outros. O Decreto Lei nº 3. ficou clara a necessidade de prover o Desenho Universal e a acessibilidade na web com a construção de ambientes virtuais 3 Serviço de conversa em tempo real. segundo Kulpa (2009). enquanto o termo acessibilidade na Internet é usado para definir a acessibilidade dos componentes da rede mundial de computadores. é a “possibilidade e condição de alcance para utilização. também é conhecida como cromodeficiência. cores ou contrastes. que é um conjunto de páginas escritas na linguagem HTML e interligadas por links de hipertexto (FERREIRA. é um distúrbio na visão que. trata especificamente do componente web. ou e-acessibilidade. a acessibilidade é tratada em termos legais pela Lei nº 7. distorção das cores ou daltonismo. dos transportes e dos sistemas e meios de comunicação. com segurança e autonomia. assim. sensibilidade anormal à luz ou à claridade e cegueira noturna.20 frente da visão. defeitos no campo visual. impede que a pessoa diferencie certas cores. 2007).098 de 19 de dezembro de 2000 que estabelecem as normas e critérios básicos para a promoção da acessibilidade das pessoas com deficiências (BRASIL. Já a acessibilidade web. A acessibilidade virtual refere-se ao acesso a qualquer recurso da Tecnologia da Informação e Comunicação (TIC). por pessoa portadora de deficiência ou com mobilidade reduzida”. 2.298 de 20 de dezembro de 1999.

permitindo que os usuários possam acessá-los de forma mais acessível. apontadores. A inserção dessas ferramentas no meio tecnológico permite o desenvolvimento de interfaces cada vez mais rebuscadas. o World Wide Web Consortium (W3C) e a Web Accessibility Initiative (WAI). existem outras tecnologias assistivas que podem ser aplicadas diretamente aos sites. sintetizadores de voz e leitores de tela (SONZA. conforme Rezende (2005. dois consórcios mundiais. p. a exemplo da Java. que. No decorrer deste artigo será utilizado o termo tecnologia assistiva por ser o mais difundido. como os programas ampliadores de tela. Podemos citar como algumas destas .21 acessíveis. logo. existem diversas tecnologias assistivas que auxiliam no acesso desses meios às pessoas com necessidades especiais. com a possibilidade de se criar aplicativos com um forte apelo visual. p. entre outras. Para possibilitar uma maior acessibilidade às pessoas com deficiência visual. 2008). passaram a necessitar de softwares especiais ou suportes tecnológicos. Além desses. foram desenvolvidas diversas tecnologias assistivas que segundo Berch e Tonolli (2006. 2. e considera que esses dispositivos vão desde uma bengala até uma passarela construída sobre uma avenida. facilitar ou promover o acesso a alguma coisa ou algum lugar”. Nicácio (2008. isso aumenta a complexidade da interação dos não videntes. No computador e na web também não é diferente.1). p. Para isso. sem a necessidade de utilização de programas especiais. BEZ. 40) explica: Com o avanço da tecnologia. e o conceitua como “tudo o que é construído ou fabricado com a intenção de melhorar. 2007). MONTARDO. obrigatoriamente. surgiram diversas linguagens de programação.2. Delphi. Visual Basic.1 Acessibilidade Web para deficientes visuais Os deficientes visuais têm o seu acesso à web de forma bastante dificultada. os chamados leitores de telas ou sintetizadores de voz. uniram forças para estabelecer os padrões e protocolos que os sites deveriam seguir para serem considerados acessíveis (PASSERINO. 32) usa o termo dispositivos de acessibilidade. são "todo o arsenal de Recursos e Serviços que contribuem para proporcionar ou ampliar habilidades funcionais de pessoas com deficiência e consequentemente promover Vida Independente e Inclusão".

Em fevereiro de 2008. controle do tamanho da letra. Os principais para o contexto do Brasil são o Web Content Accessibility Guidelines (WCAG) e o Manual de Acessibilidade do Governo Eletrônico (eMAG). de forma sonora. os desenvolvedores podem satisfazer os requisitos para facilitar para alguns grupos o acesso ao conteúdo (W3C-WAI. E no nível três. Existem diversos documentos com diretrizes e recomendações de acessibilidade para o desenvolvimento de um site que. publicaram o WCAG Samurai Errata. A W3C e a WAI desenvolveram. todos os eventos que se apresentam em forma de texto ou equivalente (imagens etiquetadas) na tela do computador. Esse documento divide os problemas de acessibilidade em três níveis de prioridade. 2008). liderados pelo Joe Clark.0 (NICÁCIO. O WCAG 2. sendo ele desenvolvido para abordar as diversas novas tecnologias que foram desenvolvidas desde o lançamento do WCAG 1. também conhecido como triplo A. o WCAG 1.22 tecnologias assistivas: as teclas de atalho. se forem seguidas. São programas que interagem com Sistema Operacional. mas isso não quer dizer que o mesmo não pode ser acessível para um deficiente visual. ou Diretrizes de Acessibilidade ao Conteúdo da Web. também conhecido como duplo A. os desenvolvedores web devem satisfazer todos os requisitos. No nível dois. e que devem ser respeitados pelos desenvolvedores de sites. p. os desenvolvedores web devem satisfazer todos os requisitos. os eventos ocorridos no computador. botões. (NICÁCIO. 58).0. um grupo de desenvolvedores web independentes da W3C. Os leitores de tela são um tipo de tecnologia assistiva bastante utilizada pelas pessoas com necessidades especiais que. Na web é comum encontrar sites que utilizam de um forte apelo visual para atrair e manter seus visitantes. skip links4.0. site em alto contraste e menu de acessibilidade (NICÁCIO. enfim. em 1999. e que estavam insatisfeitos com o WCAG 2. que define como produzir conteúdos para a web de forma que sejam acessíveis às pessoas com necessidades especiais. . também conhecido como nível A. reproduzindo. 2008). onde no nível um. Essas interfaces leem para o usuário as informações. 2008). 1999).0 foi publicado como uma recomendação da W3C em dezembro de 2008. caso contrário alguns grupos terão dificuldade em acessar o conteúdo. 4 Links de salto utilizados pelo visitante para pular de um ponto a outro. caso contrário será impossível para um ou mais grupos acessarem o conteúdo do site. torná-lo-á acessível. uma série de correções e extensões para o WCAG 1.0. de acordo com Sonza (2008.

Um validador é um software que detecta o código HTML de uma página web e analisa seu conteúdo com base em gramáticas públicas disponibilizadas como por exemplo. .2. em especial o Decreto 5. Alguns exemplos de validadores são: • • • Avaliador e Simulador de Acessibilidade de Sítios (ASES). Diretriz 3: dar preferência às tecnologias de marcação e formatação. Cynthia Says 508 Standards e WCAG 1. Diretriz 2: assegurar-se de que o site seja legível e compreensível mesmo sem o uso de formatações.3. Diretriz 8: em casos não contemplados pelas diretrizes anteriores. o HTML e o CSS. De acordo com o eMAG (2005). por si só. 2005). foi desenvolvido o eMAG. Os validadores automáticos permitem que o desenvolvedor teste sua página web por problemas de acessibilidade de forma rápida.296 de 2 de dezembro de 2004 que especifica que no prazo de doze meses a partir de sua publicação. 1999). um Modelo de Acessibilidade desenvolvido pelo Governo Eletrônico. as diretrizes de acessibilidade. para facilitar esse processo (EMAGa. Diretriz 5: assegurar que as tecnologias utilizadas funcionem – de maneira acessível – independente de programas. Diretriz 6: assegurar sempre o controle do usuário sobre a navegação do site. Diretriz 7: identificar claramente quais os mecanismos de navegação. e também por normas como as da WCAG e eMAG. com clareza e simplicidade. Ele é composto por oito diretrizes de acessibilidade: Diretriz 1: fornecer alternativas equivalentes para conteúdo gráfico e sonoro. e em caso negativo. versões e futuras mudanças. como tecnologias acessíveis. todos os portais e sites da administração pública devem ser acessíveis a pessoas com deficiência visual.23 O W3C e a WAI também desenvolvem diretrizes de acessibilidade voltadas para os desenvolvedores de ferramentas para a web e para os desenvolvedores de ferramentas de avaliação de acessibilidade (W3C-WAI.0. ajudam a solucionar os problemas encontrados. Diretriz 4: assegurar que toda a informação seja interpretada corretamente. Seguindo as políticas brasileiras de incentivo a acessibilização de ambientes e tecnologias. não são suficientes para garantir a acessibilidade de um site. Eles ajudam a comprovar se o site segue os padrões web de acessibilidade. o desenvolvedor deve realizar validações automáticas e manuais. 2005). utilizar sempre recursos reconhecidos por instituições com propriedade no assunto. O eMAG foi publicado em 2005 e tem como base o WCAG 1. W3C Markup Validation Service. (EMAGb.

2. dentre outras. 8. sem utilizar o mouse. som desativado. Acessar o site em conjunto com tecnologias assistivas. gráficos desativados. tela com dimensões menores que as atuais. 10. Para a validação de um site. Dessa forma. 9. que revejam o site. Hera. 3. com experiência ou não. pois esses. eXaminator. utilizando validadores automáticos de sintaxe. especialmente aos usuários de leitores de tela. Wave Toolbar. utilizando o validador de CSS do W3C. dessa forma é importante também a realização de uma verificação manual por usuários especialistas em acessibilidade e/ou por usuários com deficiências e utilizadores de tecnologias assistivas. Utilizar corretores ortográficos e gramaticais. Solicitar a algumas pessoas com necessidades especiais. a equipe de pesquisa do W3C (1999) sugere que os passos abaixo sejam realizados: 1.24 • • • • • W3C CSS Validation Service. folhas de estilo ou applets. Utilizar uma ferramenta de acessibilidade automatizada e uma ferramenta de validação de navegadores. . como: leitores ou ampliadores de tela. isso se dá por limitações em seus softwares que não conseguem detectar todos os problemas de acessibilidade. os validadores automáticos também não garantem a acessibilidade de um site. 4. sem carregar os frames. Validar a página com usuários reais. Segundo Sonza (2008). disponibilizados pelo W3C. 7. 6. Utilizar um navegador textual ou emulador. teremos uma noção de como seria o acesso à página por usuários que não utilizam navegadores gráficos. 5. Validar as Folhas de Estilo. Validar a sintaxe do código. Utilizar vários navegadores gráficos com as seguintes variações: sons e gráficos ativos. primando sempre pela clareza e simplicidade do mesmo. DaSilva. A eliminação de problemas desse tipo aumenta o grau de compreensão. são potenciais fontes de informação sobre o estado real do documento no que diz respeito aos aspectos de acessibilidade e facilidade de utilização. Acessar o site utilizando navegadores antigos e recentes. Rever o documento.

2008). junto do WCAG 1.0 são os documentos de diretrizes de acessibilidade mais seguidos e aplicados no Brasil (NICÁCIO. foi escolhido para nortear a acessibilidade da ferramenta. o eMAG sendo o modelo brasileiro. Dessa forma. .25 O eMAG. no desenvolvimento da aplicação dessa pesquisa.

como um dos sistemas de gerenciamento de conteúdo mais utilizados. sem a necessidade do usuário ter um conhecimento técnico. Assim surgiu o WordPress. Então Matt Mullenweg. . modificação. Em 2004. são sistemas que apresentam uma série de ferramentas com o propósito de permitir a fácil e rápida criação. processo esse conhecido como forking dentro da sociedade de código aberto. acesso a FTP5 entre outras coisas. organização e remoção de conteúdos web por usuários inexperientes. O WordPress surgiu a partir de um outro projeto open source chamado b2/cafelog lançado em 2001. 2009).org que é composto por centenas de pessoas em todas as partes do mundo. Para se utilizar o WordPress são necessárias alguns pré-requisitos. Os CMS são geralmente aplicações web e têm seu principal uso na criação de sites institucionais.26 3 GERENCIADORES DE CONTEÚDO Este capítulo aborda os gerenciadores de conteúdos e apresentar a análise feita do gerenciador WordPress assim como de sua acessibilidade. 3. protocolo de transferência de arquivos. o 5 File Transfer Protocol.CMS). um recém formando da Universidade de Houston e seu amigo Mike Little decidiram utilizar o seu código e criar um novo projeto.1 WordPress O WordPress é uma ferramenta de gerenciamento de conteúdo web voltada principalmente para a publicação de blogs. como uma conta em um serviço de hospedagem. as empresas de hospedagens oferecem formas automatizadas e gratuitas para sua instalação. Os gerenciadores de conteúdo (Content Management System . É totalmente escrita na linguagem de programação PHP e distribuída com seu código aberto (WORDPRESS. segundo Soares (2008). este projeto estava praticamente abandonado. Porém. um banco de dados. de notícias e de documentos para comunidades abertas ou fechadas. de forma que o seu uso por um usuário leigo se torna algo complicado. Essa ferramenta é desenvolvida e mantida pelo projeto open source WordPress. Em 2003.

2009). o WordPress é um dos três gerenciadores de conteúdo mais utilizados atualmente no mundo. Componentes de uma interface gráfica que fornecem funcionalidades específicas. Essa versão trouxe uma excelente arquitetura de plugins6 e uma interface de programação de aplicativo (API) que tornou a plataforma do WordPress extremamente flexível. permitindo assim que a comunidade contribuísse de forma mais fácil com extensões que adicionam novas funcionalidades a ferramenta.27 WordPress lançou sua primeira versão significativa para a comunidade. suporte a widgets8. 2010). . como arquitetura para temas. ferramentas de otimização para busca (SEO). fóruns e anti-spam (BRAZELL. editor de texto visual. taxonomia. É possível visualizar o formato padrão de um site desenvolvido no WordPress na Figura 1. Desconectado da Internet. Segundo um estudo feito pela Water & Stone (WATER&STONE. O WordPress continuou evoluindo e aumentando sua comunidade de usuários e desenvolvedores e criando diversas melhorias. junto das ferramentas Joomla e Drupal. gerenciamento de páginas.2. gerencia de vários sites por aplicação. O WordPress também foi o vencedor do prêmio INFO 6 7 8 Programa que adiciona funcionalidade a um programa maior. editores offline7. nomeada como 1. Figura 1: Imagem de um site desenvolvido com o WordPress. capacidades de redes sociais.

Dessa forma a sua importância fica caracterizada pelo seu uso em milhões de sites na web e pela sua classificação segundo o Alexa. 2009 Na WordCamp San Francisco 2009.org hospedar mais de 5.28 20099 que o elegeu o melhor gerenciador de conteúdo com 67% dos votos. 2010.com hospeda mais de 50 blogs para a CNN e também roda blogs da Dow Jones. O Technorati. 2010). como o fato do WordPress. conforme 9 Disponível em: < http://info. Ministério da Cultura e até mesmo muitas agências do governo americano (BRAZELL.com outros 3. People Magazine. Fonte: WATER&STONE. .5 milhões de blogs e o WordPress. Além disso. os mais de 850 temas visuais e 5700 plugins disponíveis em seus servidores. Fox News. Acesso em: 10 abr.com. Matt Mullenwerg apresentou diversas estatísticas sobre o WordPress.br/premioinfo/2009/lista3. o WordPress.shl >. tem em sua lista de melhores blogs que. praticamente um em cada três blogs utilizam o WordPress como plataforma. um dos primeiros e melhores reconhecidos serviço de busca em blogs. New York Times. os 11 milhões de downloads que sua ferramenta já teve.5 milhões.abril. muitas dessas bastante espantosas. Wall Street Jornal. Figura 2: Classificação do WordPress segundo o Alexa.

carregar uma página de administração ou enviar HTML para o navegador ocorre os seus respectivos eventos são chamados e os plugins têm a capacidade de chamar seus próprios eventos. bastante simples. Isso é possível. O WordPress possui dois tipos de hooks.1 Estendendo o WordPress Segundo Brazell (2010). permitindo a alteração do comportamento de todo o site. são aquelas que não vem com ele. algumas da melhores funcionalidades do WordPress. adicionando ou removendo elementos de forma dinâmica. que são extensões do sistema e que adicionam ou modificam funcionalidades. Já os hooks do tipo filtro possuem a capacidade de modificar as informações. enquanto seus concorrentes estão todos em posições inferiores. graças à sua arquitetura que possui um sistema de hooks. Os plugins são formas de extensões do WordPress mais completas e complexas.1. 2010). Os hooks permitem que os desenvolvedores possam criar códigos para serem aplicados durante diversos momentos da execução do site.29 mostra a Figura 2. permitindo ao usuário configurar onde em seu site as informações geradas pelo plugin irá aparecer (WORDPRESS. onde é possível ver que o WordPress está localizado na posição 639. o autor da página ou uma opção carregada do banco de dados (BRAZELL. . permitindo assim ir modificando. Muitas vezes os plugins trazem consigo widgets. 3. muitas vezes tendo grande interação com banco de dados salvando e recuperando informações. são desenvolvidas por outros desenvolvedores e disponibilizadas na forma de plugin e widgets. Os hooks do tipo ação são dirigidos a eventos. ou ganchos em tradução livre. 2009). um do tipo de ação e outro do tipo filtro. Já os widgets são geralmente pequenos códigos que geram HTML ou JavaScript para adicionar novas funcionalidades na barra lateral do site. essas podem ser o texto de uma página. e possuindo diversas telas de administração para controlar seu funcionamento e permitindo que o administrador o configure de maneira desejada. quando um evento do tipo salvar uma página.

acessibilidade em celulares e dispositivos móveis. ainda assim. falta de meta descritores de descrição.2 WordPress contexto da acessibilidade O WordPress. há uma página dedicada a falar sobre a acessibilidade para a ferramenta. acessibilidade com navegadores. onde são tratados assuntos como a descrição de imagens e links.1. .org/Accessibility>. testes de acessibilidade e ainda diversos links relacionados ao assunto. Acesso em: 27 nov. é uma ferramenta desenvolvida com conceitos de usabilidade e acessibilidade em mente. o WordPress. é o que obteve a melhor colocação quanto à acessibilidade. criação de páginas fáceis de serem lidas.org10. Em seu site. criação de uma declaração de acessibilidade. WordPress. Montardo e Bez (2007). Blog IG. uso de atributos do HTML e CSS ainda não validados pelo W3C. Segundo a pesquisa realizada por Passerino. Blog Uol. teclas de atalho. como a falta de texto padrão no formulário de busca. palavra chave e de linguagem e do descritor de linguagem do xml. 10 Disponível em: < http://codex. segundo o próprio WordPress. mas.wordpress. dentre as ferramentas de publicação de blogs analisadas. Blog Terra. Blogger e Blogdrive. 2009.30 3. a pesquisa mostra que a ferramenta possui pontos passíveis de melhoria. uso de cores.

O WordPress Acessível é um dos resultados desta pesquisa. validação e análise dos dados. para o WordPress que tem o intuito de potencializar a acessibilidade do CMS de forma simples e prática tanto para o seu administrador quanto para o seu visitante. . seu processo de desenvolvimento e o processo de teste. Isso é alcançado resolvendo ou minimizando as dificuldades encontradas no acesso dos usuários com deficiência visual ao seu conteúdo. é uma forma de aglomerar os diversos dispositivos de acessibilidade em um único local.br/>.gov. como mostra a Figura 3. Acesso em: 15 abr. sendo uma ferramenta desenvolvida no formato de plugin. O WPA busca melhorar a navegação e acessibilidade do site através de diversas funcionalidades e tecnologias assistivas implementadas e agrupadas por meio de um menu de acessibilidade que. os pontos de acessibilidade que ele aborda. segundo Nicácio (2008). ou extensão. sem trazer maiores trabalhos e dificuldades para os desenvolvedores e administradores de sites que utilizem à ferramenta. Figura 3: Barra de acessibilidade do Portal Brasil Fonte: Portal Brasil11 11 Disponível em: < http://www. que funciona como um painel ou barra de acessibilidade. 2010.31 4 WORDPRESS ACESSÍVEL Este capítulo traz informações sobre o WordPress Acessível (WPA).brasil.

Além de descrever as preocupações tomadas. controle do tamanho das letras.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. tem-se a página de declaração de acessibilidade.1 Página de declaração de acessibilidade Uma recomendação de acessibilidade é que todo site tenha uma página dedicada a falar sobre sua acessibilidade. links de salto. é normal dar algumas dicas para os usuários nessas páginas como. site de leitores de telas e referências em acessibilidade (EMAGb. ajudas na navegação. os quais serão apresentados detalhadamente a seguir. validação do HTML e do CSS e validação da acessibilidade. Essa página deve conter todos os cuidados tomados em sua construção para facilitar o acesso de seus usuários. 4. identificação de imagens sem descrição. os padrões seguidos. modificação do contraste da página. por exemplo. . os quais são compostos normalmente de: teclas de atalho.1. 2005). A exemplo disto. cuidado com links e imagens.32 4. validações efetuadas. o controle de tamanho de fonte presente nos navegadores. esses pontos foram analisados e aqueles que puderam ser melhorados com a utilização da arquitetura de extensões do WordPress fora abordados pelo WordPress Acessível a fim de corrigi-los ou melhora-los. teclas de atalho.

2 Controle do tamanho das letras Muitos usuários com deficiência visual têm dificuldade para ler as informações contidas nos sites por estes usarem um tamanho de letra pequeno. restando apenas a sua personalização e adição de outros elementos utilizados pelos desenvolvedores do site. As informações apresentadas na declaração de acessibilidade podem ser encontradas no apêndice A. 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 posição de destaque no topo da página. Por esta razão. 4.33 Figura 4: Demonstração da página que explica a utilização do site O WordPress Acessível disponibiliza para o administrador essa página preparada com os principais elementos que a compõem já previamente configurados e formatados. demonstrado na Figura 5. onde no topo circulado em vermelho é possível ver esses . A Figura 4 demonstra essa página criada pelo WPA de forma totalmente integrada com a organização e tema visual do site.1.

3 Modificação do contraste da página Como já constatado. uma grande quantidade de pessoas com deficiência visual possui baixa visão e não conseguem ler textos que não tenham um contraste alto com a cor de fundo. que se mal utilizadas. cerca de 8% da população masculina possui alguma dificuldade em perceber certas cores. Além disso.1. 2008). mesmo com suas limitações (NICÁCIO. permitindo ao usuário acessar as informações de forma adequada. Figura 5: Demonstração do uso do controle de tamanho de letra 4. Por esta razão.34 controles. dando a impressão de ser a mesma cor. a ferramenta possui a funcionalidade de permitir que o visitante altere as cores dos textos e do fundo do site para uma combinação que tenha um alto contraste e não gere confusão para as pessoas com daltonismo e consiga ser bem acessada por pessoas com baixa .

5 do eMAG.35 visão. bem como aquelas com monitores monocromáticos” (EMAGb. 8). p. passar por todos os links do menu de um site até chegar na parte do seu conteúdo (NICÁCIO. 4. na Figura 6 é possível ver que com a função ativada as cores do fundo e das letras ficaram com um contraste alto (KULPA. 2008). Para minimizar essa dificuldade. que diz que os desenvolvedores devem “assegurar que a combinação de cores entre o fundo e o primeiro plano seja suficientemente contrastante para poder ser vista por pessoas com daltonismo. o . como por exemplo. tendo esses visitantes muitas vezes que percorrer vários elementos que não lhes interessam até chegar à seção da página que querem. 2005. Figura 6: Site com estilo de alto contraste Esta técnica também é baseada na recomendação 1. e esta navegação por padrão ocorre de forma linear.1.4 Links de salto Muitas pessoas com deficiências visuais e motoras utilizam apenas o teclado para fazer a navegação pelos sites. 2009).

Na Figura 7 é possível ver o botão de ir para o conteúdo. 2008). Figura 7: Link de salto para o conteúdo do site 4. que é o caso de muitas pessoas com deficiência visual e motora. ou skip links.1.36 WPA implementa algumas funcionalidades de links de salto. que permitem ao visitante pular diretamente para a seção do site que deseja. . que somente se apresenta quando recebe o foco do navegador através da navegação pelo teclado. e que ao ser ativado remete o visitante para área do conteúdo do site. costumam utilizar bastante as teclas de atalho para acessar de forma mais rápida as funções necessárias e agilizar a navegação (NICÁCIO.5 Teclas de atalho Os usuários que acessam o computador utilizando apenas o teclado.

para que o visitante possa acessar suas funções de forma mais rápida e prática. é esquecida. o WPA implementa em seus links teclas de atalho. mas como depende do desenvolvedor do site lembrar de adicionar essas descrições.37 Figura 8: Utilização de tecla de atalho nos links de maior uso ou relevância Desta forma. como é o caso dos links de salto.3 do eMAG. Essa recomendação visa reduzir essa barreira. que pede que sejam fornecidos atalhos por teclado para links importantes do site. 2005). é a falta de descrição das imagens nos sites.11 do eMAG diz que os criadores de site devem fornecer um equivalente textual a cada imagem presente em seu site. A recomendação 1. 4.6 Identificação de imagens sem descrição Uma das dificuldades mais recorrentes encontrada pelas pessoas com deficiência visual. para isso deve-se usar o atributo “alt” ou “longdesc” para descrever a figura (EMAGb.1. na Figura 8 é possível ver no topo. seguindo dessa forma a recomendação 3. 2005). muitas vezes. no seu acesso a web. circulado em vermelho a tecla de atalho que ativa o botão (EMAGb. .

possibilitando que ele identifique a imagem e adicione uma descrição. com o intuito de diminuir a ocorrência de imagens sem descrições nos sites disponibiliza para os seus administradores uma funcionalidade que permite que eles visualizem se na página existe alguma imagem que foi deixada sem descrição. onde é possível ver duas figuras no corpo do site. a de número 2.1.7 Validação do HTML e do CSS Uma das recomendações do eMAG.38 Figura 9: Identificação das imagens sem descrição textual O WPA. 4. especifica que todos os documentos devem ser passiveis de validação por gramáticas formais publicadas (EMAGb. a da esquerda sem a borda possui a descrição textual enquanto a figura da esquerda marca com uma borda amarela não possui. essa funcionalidade é demonstrada na Figura 9. as páginas do site devem ter definido o conjunto de regras que ela segue. Para isso. e . Essa funcionalidade é mostrada apenas para os criadores de página do site.1. ao acionar a funcionalidade. 2005). todas as imagens da página que não possuam nenhuma descrição são marcadas com uma borda amarela.

na Figura 10 é possível ver no topo do site circulado em vermelho os botões que ativam tal funcionalidade. existem diversos serviços de validação automatizados que verificam essas recomendações nos sites e apontam problemas facilitando a correção destes pelo seu administrador. Com a instalação do WPA no site. uma que verifica se a página segue todas as recomendações da W3C em relação ao seu código HTML. é seguir as recomendações de acessibilidade definidas por diversos documentos como o WCAG ou o eMAG. Figura 10: Validação do HTML e do CSS da página 4. Para que o desenvolvedor possa verificar se ele realmente está seguindo essas recomendações. o WPA disponibiliza duas funcionalidades.39 também deve utiliza-las corretamente.1. Para auxiliar os criadores de sites a seguir essa recomendação. e uma seguinte que verifica se o CSS da página também está de acordo com as normas definidas pela W3C.8 Validação da Acessibilidade Uma das formas de tornar um site mais acessível para seus visitantes. e não usar elementos que estejam fora dessas regras. é disponibilizada uma funcionalidade que .

e teve como etapas a criação dos casos de uso. seu site possa ser acessado com menos problemas por essas pessoas.0 4.2 Processo de desenvolvimento O desenvolvimento do WordPress Acessível foi realizado com base nas informações levantadas nesta pesquisa. que foi o serviço encontrado que permite consultas de acessibilidade executados externamente. Essa funcionalidade permite que de forma fácil os donos do site possam verificar pontos que geram barreiras de acessibilidade para seus visitantes. sendo os atores: visitante e administrador. permitindo dessa forma que após a correção dessas barreiras. Figura 11: Validação da página segundo as recomendações da WCAG 1. na Figura 11 é possível ver o botão no topo que aciona essa função. Os casos de uso definidos para o ator visitante foram: como usar o .0. a codificação e por fim a implantação. que definem quais funcionalidades o software iria ter e quais agentes interagem com essas funcionalidades. Foram definidos dois atores e catorze casos de uso para o WPA.40 permite que a página do site seja validada segundo as normas do WCAG 1.

utiliza folha de estilo CSS para a definição de sua aparência visual e JavaScript para ações que são necessárias de ser executadas no navegador do usuário. ir para o conteúdo. Disponível em:<http://www. conforme mostrado na Figura 12. sem a necessidade de se modificar os códigos do núcleo do WordPress. tamanho de letra padrão. Figura 12: Casos de uso do visitante e do administrador do site Assim como o WordPress. 12 PHP: Hypertext Preprocessor. .2. ir para o menu. Já os do ator administrador foram: identificar imagens sem descrição. tem uma instalação e utilização bastante simples para o usuário final. Para o desenvolvimento do WPA foi utilizado o WordPress versão 2. no formato de plugin. site com alto-contraste e site com cores normais. validar CSS e validar acessibilidade. o WPA também é desenvolvido na linguagem de programação PHP12. Acesso em: 03 mar. validar HTML.41 site.9. HTML para o desenvolvimento da interface. ir para a página inicial. 2010. aumentar tamanho de letra.php. foi possível desenvolver o WPA que. diminuir tamanho de letra. Aproveitando-se a arquitetura extensível do WordPress.net/>. ir para a pesquisa. versão mais atual no momento da pesquisa.

conforme instruções de instalação. o activation registra a versão instalada da extensão no banco da dados e cria a página de como utilizar o site. É recomendado. carregar cabeçalho e ativar a extensão respectivamente. onde é possível ver a barra de acessibilidade adicionada no topo do site com todas suas funções ativadas. Cada um desses hooks quando acionados chamam algum outro evento específico do WPA. como por exemplo. o init executa um evento responsável por carregar as informações básicas da extensão. Este código chama o evento responsável por mostrar a barra de ferramentas e ativar suas funções. O wp_head executa um evento responsável por carregar todas as informações do cabeçalho da página. foram utilizados os hooks do tipo ação: init. wp_head e activation. as variáveis de tradução. Figura 13: Demonstração da extensão instalada no WordPress . que são os hooks responsáveis pelos eventos de iniciar a aplicação. por último.42 Para o desenvolvimento do WPA. que esse código seja adicionado logo após a tag body do arquivo header do tema. fazendo desta forma o resultado deve ser similar ao da Figura 13. como o CSS e os códigos JavaScripts e. Além desses hooks foi necessária a inserção de um trecho de código na posição do tema onde o administrador do site desejar que a extensão seja carregada.

A extensão. é utilizada a API de persistência do próprio WordPress. links de salto. essas funcionalidades são: página de declaração de acessibilidade. e a criação da página com as informações sobre o uso do site e sua acessibilidade. de maneira acessível. permitindo que o usuário utilize o mesmo banco de dados do seu site. Para cumprir com esse conceito todo o JavaScript utilizado na extensão foi desenvolvido utilizando a biblioteca jQuery. identificação de imagens sem descrição textual. adotando as recomendações 1. Além das preocupações. O WPA adiciona diversas funcionalidades de navegação e acessibilidade ao site quando ativada. foram pesquisados e estudados diversos padrões de documentos em vários sites especializados em acessibilidade. que é uma das mais utilizadas no mundo. Dar preferência às tecnologias de marcação e formatação. independente do programa. Assegurar que as tecnologias funcionem. e. como é o caso das informações de instalação e ativação da mesma no WordPress. definidos pela W3C. teclas de atalho. validação do HTML e do CSS e validação da página seguindo as normas do WCAG 1.18 do eMAG. Safári.19. a partir disso. registrando-a no banco de dados do site como uma página do site. Assegurar que o site seja legível e compreensível mesmo sem o uso de formatação. foi construído um modelo específico para o WordPress contendo suas preocupações e implementações de acessibilidade assim como as implementadas pelo WPA. controle do tamanho das fontes. Para o desenvolvimento da página de declaração de acessibilidade. como o Firefox. Opera e Internet Explorer. demonstradas acima. 1. de maneira que as diversas diretrizes do eMAG foram seguidas. aplicado na forma de que se o usuário estiver sem a formatação continua vendo a extensão de forma clara. modificação do contraste da página. permitindo que os usuários que não tenham essa tecnologia não tenham sua navegação prejudicada. permitindo assim . Dessa forma. onde todas as formatações foram aplicadas utilizando o CSS que é próprio para isso. além de que todo o JavaScript foi aplicado de forma não obstrusiva. foi desenvolvida tendo a acessibilidade em mente. versão e futuras mudanças.0. também. sendo ela bastante testada e compatível com os diversos navegadores presentes. Essa página é criada automaticamente ao se instalar e ativar a extensão.43 Para a persistência das informações da extensão. que visam garantir uma visualização parecida nos navegadores que seguem esses padrões. a interface da extensão foi desenvolvida seguindo os padrões da web. como fornecer alternativas equivalentes para o conteúdo gráfico e sonoro.20 e 2. de forma que todas as imagens utilizadas pela ferramenta tenham sua descrição no formato textual. garantindo a uniformização das fontes de dados.

criando um alto contraste entre texto e plano de fundo. um para deixar o tamanho no padrão e um último para aumentar o tamanho das letras. As teclas de atalho presentes no site foram implementadas com a utilização do atributo accesskey do HTML. apenas podendo ser alcançados e visualizados através da utilização da navegação pela tecla tab. a princípio ficam escondidos visualmente do visitante pela utilização de CSS. Os botões para tais funções. como é o caso das pessoas que possuem cegueira total. um para diminuir o tamanho das letras. Estas informações podem ser encontradas no apêndice B. Foram adicionados quatro links de salto com o WPA. Ao clicar em um dos botões. pois são destinados especificamente as pessoas que navegam pelos sites com essa tecla. O controle de fontes adicionado ao site com a instalação do WPA foi desenvolvido com uso de JavaScript. Cada um desses links ao serem acionados remete o visitante à parte pretendida através de âncoras e identificadores presentes no HTML das páginas do WordPress. ir para a página inicial e ir para o formulário de pesquisa. a página onde a mesma pode ser baixada e como a instalar corretamente. sem ser necessário uma nova tela de administração. Junto da extensão é disponibilizado um arquivo contendo informações importantes como descrição da ferramenta. retirando as imagens decorativas. além da utilização de JavaScript. que permite atribuir uma tecla de atalho a um elemento. existem três botões para esse controle. . colocando cores de fundo escuras e a os textos na cor amarela. permitindo que em qualquer navegador com JavaScript habilitado a ativação dessas funções através da combinação de teclas alt + tecla definida. aplicado para minimizar o problema de falta de padronização do conjunto de teclas necessárias para ativar a tecla de atalho pelo usuário. são eles: ir para o menu. 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 alteração em todo o padrão de cores do site.44 que o administrador do site possa alterá-la pela própria interface do WordPress. ir para o conteúdo. modificando assim o tamanho das letras de todo o site. o tamanho das letras definidos no atributo body é alterado. essa funcionalidade pode ser ativada através do botão localizado na barra de acessibilidade.

realizada por pessoas com deficiência visual e um grande conhecimento sobre acessibilidade web.3 Validação Um ponto muito importante deste trabalho foi à validação da ferramenta.45 4.1 Validação automática A extensão. Esse erro diz respeito à recomendação 2. e a manual. Foram realizados dois tipos de validações: a automática. porque o campo de pesquisa do WordPress vêm vazio. DaSilva e eXaminator. utilização e acessibilidade.3. o avaliador de acessibilidade desenvolvido pelo Ministério do Planejamento. foi validada pelos principais serviços de validação de acessibilidade para garantir que ela não adicione nenhuma dificuldade de acessibilidade. W3C Markup Validation Service. os serviços foram: Avaliador e Simulador de Acessibilidade de Sítios (ASES).2.14 do eMAG que afirma que todas as caixas de texto dos formulários devem ter caracteres pré-definidos. Hera. Este tipo de erro ocorre. detectou um erro de prioridade 2 em ambos os sites conforme mostra a Figura 14. Os serviços realização da avaliação automática foram escolhidos pelo seu reconhecimento no meio da acessibilidade web e pelo tipo de avaliação e métodos empregados por cada um.3. após seu desenvolvimento. Ao se testar a acessibilidade na ferramenta ASES. W3C CSS Validation Service. Cynthia Says 508 Standards e WCAG 1. que serviu para certificar que a sua presença em um site iria potencializar a sua acessibilidade para uma pessoa com deficiência visual e para também garantir que a extensão não iria comprometer de alguma forma sua navegação. Foi avaliado um site padrão do WordPress e um com a extensão instalada para comparar as falhas existentes antes e depois de sua instalação. realizada através de programas e serviços especializados na validação de acessibilidade de sites. . 4.

Acesso em: 15 abr. . ambos os sites foram reprovados conforme mostra a Figura 15. que diz que todos os documentos devem utilizar meta elementos definidos como obrigatórios. o WordPress padrão obteve a nota 8.0 e pelo Section 508. que especifica que todos os links mais importantes de um site devem ter teclas de atalhos atribuídas.com/>.2 e ficou na 18ª posição conforme mostra a Figura 16.contentquality. e o WordPress por padrão não adiciona os metas de descrição.0.2 do WCAG 1.br/acoes-e-projetos/e-MAG/ases-avaliador-e- simulador-de-acessibilidade-sitios>. palavras-chaves ou de linguagem do site. Essa diferença ocorre pelo fato da extensão contemplar o item 9. pois não passaram no ponto de verificação 13. 14 Cynthia Says. padrão dos Estados Unidos. 2010.governoeletronico. Disponivel em:<http://www.0 e que já avaliou mais de duzentos mil sites. 13 ASES.5 da lista de verificação do WCAG 1. Acesso em: 15 abr. Disponivel em:<http://www. enquanto o site com o WPA instalado obteve a nota 8.46 Figura 14: Apenas um erro de prioridade 2 foi encontrado em ambos os sites pelo ASES13 No serviço de avaliação Cynthia Says. que faz a validação pelo WCAG 1.2. Figura 15: Reprovação da verificação automática por ambos os sites pelo Cynthia Says14 No eXaminator.gov. 2010. um serviço argentino de avaliação de acessibilidade bem conceituado baseado no WCAG 1.0 e ficou na 20ª posição.

15 eXaminator. Acesso em: 15 abr.com. encontrando 2 erros de prioridade 2 e 2 erros de prioridade 3. assim como o eXaminator. . 2010.47 Figura 16: Resultado da avaliação do site com o WPA realizada pelo eXaminator15 O Hera. conforme é possível ser visto na Figura 17.ar/examinator/>.accesible. sendo também a diferença o ponto 9. serviço de avaliação também baseado no WCAG 1.0. enquanto no site sem a extensão foram identificados 2 erros de prioridade 2 e 3 erros de prioridade 3.5 do checklist do WCAG. avaliou o site com o WPA melhor do que o padrão. Disponivel em:<http://www.

como é o caso do XHTML e do CSS. mas ainda não adicionados a gramática do XHTML e. que são dois padrões definidos pela W3C.48 Figura 17: Resultados da avaliação realizada pelo HERA na versão normal do WordPress16 A recomendação 2. Por essa razão. não é adicionado nenhum novo erro. 2010. Alguns desses atributos sendo novas funções de acessibilidade definidos pela WAI. O resultado é que o WordPress já possui alguns problemas de atributos não definidos pela W3C. Acesso em: 15 abr. 16 Hera. os sites com e sem a extensão foram avaliados pelos validadores da W3C.1 do eMAG diz que os documentos devem seguir gramáticas formais publicadas.sidar.org/hera/index. . Disponivel em:<http://www. a Figura 18 mostra os dois erros encontrados na validação do XHTML em ambos os sites. para garantir que ao adicionar o WPA no site não fossem introduzidos problemas que poderiam prejudicar a acessibilidade.php>. ao adicionar a extensão.

dasilva.w3. Acesso em: 15 abr. ao avaliar o site com e sem a extensão encontrou um erro de prioridade 2 em ambos os sites conforme ilustra a Figura 19. primeiro avaliador de acessibilidade em português para sites e que já avaliou mais de 270 mil sites. além de 17 W3C Markup Validation Service. Disponivel em:<http://jigsaw. . Acesso em: 15 abr. é possível ver que o WPA não adiciona nenhuma nova barreira de acessibilidade ao site que o usar. Esse erro diz respeito à recomendação 2.br/>. 2010.14 do eMAG que afirma que todas as caixas de texto editáveis do site devem ter um texto pré-definido para auxiliar os leitores de tela. 2010.org/css-validator/>. 18 DaSilva.49 Figura 18: Dois erros encontrados na validação do XHTML do WordPress pela W3C17 O daSilva. Figura 19: Um erro encontrado em ambos os sites pelo daSilva18 Com base nessas diversas avaliações automáticas realizadas.org. Disponivel em:<http://www.

aumentar a acessibilidade do WordPress permitindo melhor acesso à informação das pessoas com deficiência visual. possibilitando checar aspectos não identificados pelos validadores automatizados. A validação foi realizada com um grupo de oito pessoas com deficiências visuais. . uma que trabalha como especialista em acessibilidade no SENAI-BA e pessoas que trabalham como pesquisadores em acessibilidade no Núcleo de Acessibilidade Virtual da RENAPI.3. sendo eles. sua visão sobre os blogs existentes hoje na Internet (Ver apêndice D). seu nível de proficiência com acessibilidade web. após sua instalação. É importante ressaltar que esses serviços automáticos não levam em conta as funcionalidades de acessibilidade adicionadas ao site. o WPA ter melhorado algumas dificuldades de acessibilidade. os nomes das pessoas que realizaram os testes não foram revelados nesta pesquisa. três com baixa visão e cinco com cegueira total. por fim. essa validação também tem como objetivo validar a hipótese desta ferramenta. pois muitas das recomendações de acessibilidade ainda não podem ser verificadas por estas ferramentas automatizadas. 4.2 Validação manual O WordPress Acessível além de ter tido sua acessibilidade verificada por validadores automatizados. assim como suas principais dificuldades de acesso. sendo quatro do Instituto Federal do Rio Grande do Sul. O questionário aplicado contém 24 questões abertas. sendo denominados aqui de Validador de 1 a 8. esse grupo foi escolhido por serem todas elas possuidores de grande conhecimento sobre o tema de acessibilidade web e pessoas reconhecidas por instituições como o SENAI e o Governo Federal.50 segundo os serviços Hera e eXaminator. Porém só é plausível ter esta certeza através de validações manuais. Durante a validação. também foi por pessoas com deficiências visuais. também. Além de assegurar que a ferramenta não adicione novas dificuldades na acessibilidade do WordPress. dois do Instituto Federal do Ceará e um do Instituto Federal Baiano. identificar como os usuários pesquisados utilizam os blogs. essas só podem ser avaliadas quanto a sua ajuda no acesso pelos próprios usuários com deficiências visuais. cujo objetivo é identificar o usuário. suas considerações sobre o uso da ferramenta WPA e. O modelo do questionário pode ser encontrado no apêndice C. Por motivos de privacidade. foi possível.

Nas respostas do Validador 4. como a adição de um atalho para voltar ao topo da página e a importância de padronização da sequência que são apresentadas às funções da ferramenta. que também possui cegueira total. Percebe-se que a razão disso é por que grande parte desses são feitos por pessoas sem conhecimento técnico da área de informática e sistemas. mas deverá ser na nova versão do eMAG. e que o principal problema encontrado nos blogs é a falta de descrição das imagens. conteúdo. deixa como recomendação seguir a padronização das teclas de atalho. que possui baixa visão. de modo que permita ao escritor do blog visualizar facilmente as imagens que ele deixou de colocar o descritivo. estruturas confusas e links não descritos. O Validador 3. página inicial e pesquisa. Essa questão é tratada pela extensão. Em sua análise sobre os blogs. A que mais lhe ajudou foi a tecla de atalho alt+2 que direciona o usuário para o conteúdo do site. Outro . Na análise do Validador 2. O questionário respondido pelo Validador 6. imagens sem descrições. O Validador 5. porém essas teclas de atalho não são padronizadas por nenhuma entidade. O Validador coloca que não usou as funcionalidades para pessoas videntes. que possui cegueira total. considera como ponto positivo na análise da ferramenta. mas que não são tratados pelo WPA. as teclas de atalho. ele comenta que todas as ferramentas disponibilizadas na extensão são de fundamental importância para uma melhor navegação. que possui baixa visão. formulários mal feitos. ele coloca que utilizou todas as ferramentas disponíveis no WPA. a ferramenta WPA propõem melhorar a falta de atalhos por teclado e imagens sem descrições. Outra questão apresentada pelo Validador 1 são que as principais barreiras encontradas nos blogs são o fato de não terem teclas de atalho. o Validador 1 coloca que geralmente os mesmos não apresentam uma preocupação com a acessibilidade. Além das informações disponibilizadas na página "como usar o site". que possui cegueira total. Dos itens indicados anteriormente. que permitem uma navegação mais rápida pelo site.51 O Validador 1. considerando que esta ferramenta pode ser bastante útil para as pessoas com deficiências visuais. mas que não a usa para a navegação na web. botões não etiquetados. que possui cegueira total. o que já era esperado. O usuário também coloca alguns pontos de atenção. coloca como pontos positivos em sua análise as funcionalidades de ir para o menu. comenta que a funcionalidade da ferramenta que mais o ajudou foram as informações da página de como usar o site e coloca como ponto de atenção um problema com formulários de comentários presentes no WordPress.

Em uma análise geral. onde caso o usuário queira ir para um segundo artigo dentro do conteúdo e o primeiro artigo possua muitos links dentro dele. auxiliou o usuário na navegação pelo site de forma satisfatória. O Validador 8. o usuário coloca que a maioria dos blogs não tem uma preocupação com acessibilidade e que as principais barreiras encontradas são: não ter a possibilidade de ampliar a letra no próprio blog. Como ponto de atenção. não ter teclas de atalho. que possui baixa visão e utiliza tanto a visão quanto os leitores de tela para sua navegação. coloca como pontos positivos da ferramenta os controles de tamanho de fonte e as dicas de utilização do site. Sendo que o WPA trata o ajuste de letras. o que já foi verificado e corrigido. tecla de atalho e falta de descrição nas imagens. foram identificados diversos pontos de melhoria na ferramenta além de outras barreiras de acessibilidade que não são atendidos pelo WPA ou que não podem ser resolvidos com a utilização de extensão para o WordPress. e deixa como sugestão de melhoria. O usuário também afirmou que a ferramenta pode ser bastante útil para uma melhor navegação pelas pessoas com deficiência visual e que gostaria que outros sites e blogs aderissem ao uso da ferramenta. alto contraste. o usuário com deficiência visual terá dificuldade. O Validador 7. o qual foi verificado pela diferente maneira de funcionamento de cada navegador. Foi colocado. Ele coloca a questão do salto para o conteúdo. também. causando um problema de usabilidade. dessa forma ajudando na navegação das pessoas com deficiência visual. No entanto. para os sites que adotarem tal ferramenta. em todos os casos. Com essa análise dos dados obtidos com essas pessoas. que possui cegueira total. sugerindo a adição de saltos também entre os artigos. o que atrapalha a tabulação do site e a navegação pelo usuário com deficiência visual. ele mesmo justifica que alguns desses links são atalhos para permitir pular os links não desejados e ir direto para a área de interesse.52 ponto colocado são problemas com os atalhos. Apesar disso. a adição de outras formas de alto contraste. sugere algumas melhorias para a ferramenta. tratar a questão da utilização do parâmetro tabindex no formulário de contato no WordPress. Também sugere corrigir a ordem dos rótulos do formulário. não apresentar um mapa do blog e a falta de descrição nas imagens. que estão aparecendo após os campos. atendendo ao proposto nesta pesquisa. são elas. foi possível perceber que o WordPress Acessível. ele apresenta uma crítica quanto ao fato da ferramenta adicionar mais 10 links ao site. que a opção de aumentar e diminuir a letra não funciona em todas as ocasiões. não ter auto-contraste. . tornado-se uma ferramenta de grande ajuda para os usuários com deficiência visual.

pois mesmo validadores com baixa visão. A funcionalidade mais utilizada pelos validadores foram os atalhos de teclado. isso ocorreu. em sua maioria não se utilizam da visão para a navegação na web. apontados como melhor funcionalidade por 75% dos validadores. como o controle do tamanho de letra e contraste. indicada por 37% dos validadores. seguida pela página com informações sobre o uso do site e sua acessibilidade. .53 A partir da análise foi possível identificar que 75% dos validadores não utilizaram as ferramentas voltas para os visitantes de baixa visão ou dificuldade de leitura.

o acesso a esta tecnologia torna-se de grande importância para o cidadão. Por conta disso. Baseado neste contexto. este trabalho faz um levantamento de importantes questões acerca de dificuldades no acesso à informação presente em sites na web por pessoas com necessidades especiais. que permite uma melhor navegação pelos usuários com deficiência visual aos sites desenvolvidos em WordPress. junto do sistema de blog WordPress. É possível concluir que os princípios teóricos apresentados nesta pesquisa. foi possível a construção da tecnologia assistiva WordPress Acessível. Dentre as principais contribuições dessa pesquisa. verificou-se a existência de dificuldades de acesso pelas pessoas com deficiência visual nos sites que utilizam o WordPress e. envolvendo a acessibilidade e o acesso às informações disponibilizadas na web pelos usuários com deficiência visual. as pessoas e a outros meios tecnológicos. Mesmo não resolvendo todas as barreiras existentes de acesso a sites. será possível maior inclusão dessas pessoas na sociedade contemporânea. a acessibilidade é necessária para o acesso a informação. não poderá compartilhar de seus benefícios. uma ferramenta para auxiliar . Nesta perspectiva. em particular. um dos mais utilizados no mundo. destacam-se: identificação de barreiras de acessibilidade encontradas no acesso de pessoas com deficiência visual a um site desenvolvido com o WordPress. com a ferramenta desenvolvida WPA. foram comprovados pela utilização da extensão WordPress Acessível. desenvolvimento de uma tecnologia assistiva em coerência com os conceitos de Desenho Universal. influenciando significativamente para o desenvolvimento social. Durante a realização da pesquisa. de modo que. Por conta disso. aos serviços. ao encontrar barreiras em sua utilização. foi possível corrigir e diminuir algumas dificuldades identificadas durante a investigação. as pessoas com deficiência visual. A partir desta investigação. foi possível potencializar a acessibilidade para as pessoas com deficiência visual ao acesso de sites que utilizem o WordPress. o presente trabalho foi desenvolvido abordando os aspectos de acessibilidade web direcionados para os usuários com deficiência visual.54 5 CONSIDERAÇÕES FINAIS As tecnologias ampliaram o acesso à informação. sendo cada vez mais discutida pela sociedade. demandando dos desenvolvedores de site uma atenção especial às pessoas com deficiências. Ao facilitar o acesso às tecnologias da informação e comunicação para esses usuários.

. foram apontados diversos pontos de melhorias possíveis que podem ser realizados em trabalhos futuros. possuem diversas barreiras de acessibilidade. e sim outra ferramenta. Com isso. Outra demanda detectada é a criação de igual extensão de acessibilidade para outras ferramentas de gerenciamento de conteúdos. Foi identificado. Além das melhorias citadas anteriormente. adição de uma validação de acessibilidade da página baseada no modelo brasileiro eMAG. as pessoas com deficiência visual poderiam. mais pessoas com deficiência visual sejam beneficiadas. de forma facilitada. a parte administrativa que permite aos usuários criar e administrar sites. criar e gerenciar seus próprios sites utilizando o WordPress. disponibilizar a tecnologia assistiva em seus sites. principalmente a língua inglesa. pois não existem tais serviços que permitam consultas externas. Após a tradução. também. com maior facilidade. Os principais pontos identificados foram: problema de tabulação no formulário de comentário. também. já que é a língua nativa e mais utilizada pelo WordPress. adição de tecla de atalho para ir para o topo da página. uma base para criação de outras tecnologias assistivas de igual utilização. podendo ser facilmente fruto de outra pesquisa. adição de links de salto entre os artigos. a criação de uma extensão para o WordPress que pode ser modificada e melhorada por outras pessoas a fim de aperfeiçoá-la. permitindo que os usuários que não utilizem o WordPress. tem-se como contribuição a ampliação desta ferramenta para outras línguas. que ainda não foi adicionado. seria importante que a extensão fosse disponibilizada no repositório de extensões oficial do WordPress para que uma quantidade maior de pessoas tivessem acesso a essa tecnologia assistiva e. apesar do foco dessa pesquisa ser o acesso dos sites pelos usuários com deficiência visual. que. Durante a avaliação da ferramenta criada. problema na ordem dos rótulos e dos campos de texto.55 os desenvolvedores de sites a testarem a acessibilidade de suas páginas web. com isso. possam.

2 dez.. BOLONHINI JUNIOR. Acesso em: 26 set.htm >. Aaron. NICÁCIO. Diário Oficial da República Federativa do Brasil. 19 dez. DF. Portadores de Necessidades especiais: as principais prerrogativas dos portadores de necessidades especiais e a legislação brasileira.Programa de Pós-Graduação em Design da Universidade Federal do Rio Grande do Sul. Decreto n.098 de 19 de dezembro de 2000.faders. DF. Alagoas: Universidade Federal de Alagoas.htm>. Decreto n.rs.gov. Inc. 2009. Regulamenta a Lei 7853 de 24 de outubro de 1989. 2008. Panorama de Acessibilidade na Web Brasileira.br>. Estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida e dá outras providências. Dez/2005. 3. WordPress Bible. 1999. 2009. 2009. INSTITUTO BRASILEIRO DE GEOGRAFIA E ESTATÍSTICA. Disponível em <http://www. KULPA. Acesso em: 21 set. Rita. Disponível em: <http://www.296 de 2 de dezembro de 2004. Técnicas de Acessibilidade: criando uma web para todos.sidra.br/legislacao/acessibilidade/decreto 3298de99.governoeletronico. Disponível em: <www. Acesso em: 14 out.098 de 19 de dezembro de 2000.048 de 8 de novembro de 2000 e 10.com. DF. Indianapolis: Wiley Publishing.ibge. 2000. Disponível em: <http://www. Brasília. Disponível em: <http://www. BRASIL. Acesso em: 26 set.br/ta. Regulamenta as Leis 10. Jalves Mendonça. A Contribuição de um Modelo de Cores na Usabilidade das Interfaces Computacionais para Usuários de Baixa Visão. 2010.gov.governoeletronico. Brasília. Brasília. São Paulo: Arx. Diário Oficial da República Federativa do Brasil. TONOLLI. 5. BRAZELL. 2009. Acesso em: 27 ago.298 de 20 de dezembro de 1999. 2009. FERREIRA. 2004. Sistema IBGE de Recuperação Automática: Censo Demográfico 2000.br/ ccivil/_ato2004-2006/2004/Decreto/D5296. Acessibilidade do Governo Eletrônico – Modelo de Acessibilidade.br/CCIVIL /LEIS/L10098.56 REFERÊNCIAS BERSCH.planalto. 2009. 2009. Disponível em: <www. .gov.br/bda/popul/default. EMAG. BRASIL. Cínthia Costa. José.planalto.gov.br>. BRASIL.gov.cedionline. Disponível em: <http://www. Porto Alegre. 2009. Acessibilidade do Governo Eletrônico – Cartilha Técnica. Introdução ao conceito de Tecnologia Assistiva. São Paulo: EnANPAD. Simone et al. Acesso em: 14 out. 2007. Dez/2005.asp?t=3>. 20 dez. Acesso em: 27 ago. 10. Roberto. Lei n. Dissertação (Mestrado em Design) .html#O%20que%20é>.htm>. 2004.gov. Diário Oficial da República Federativa do Brasil. EMAG.

wordpress. 4. SONZA. BEZ. Disabled often among the 'poorest of poor'.uma ferramenta para suportar a convergência da TV Digital com a WEB através da criação de conteúdo digital.Universidade de Fortaleza. Andréa Poletto. Pedro. In: CONGRESSO BRASILEIRO DE CIÊNCIAS DA COMUNICAÇÃO. Acesso em: 17 out. 2008.w3. Disponível em: <http://www. Anais. MONTARDO. 2009.. Disponível em: <http://www.htm>. James L. Apr. The Universal Design File: Designing for People of All Ages & Abilities. . 2005. REZENDE. André. SOARES. Acesso em: 1 dez. MACE. Disponível em: < http://www.cbo. 2009. 2007.com. 83. Acesso em: 15 nov. Ronald L.cmswire. Acessibilidade digital em sites de publicação de blogs e em blogs: limites e possibilidades para socialização on-line de Pessoas com Necessidades Especiais. 2009. Tese (Doutorado em Informática na Educação) .org/WAI>. Porto Alegre. Acesso em: 11 out. Andrei. STORY. Disponível em: <http://codex. 2009.int/>.org >. Bull World Health Organ. Sandra Portella. North Carolina: The Center For Universal Design. CUICA . Genebra. Acesso em: 23 nov. W3C-WAI.org/scielo. Dissertação (Mestrado em Informática Aplicada) . 2009. Dissertação (Mestrado em Modelagem Computacional) Centro de Pós-Graduação e Pesquisa Visconde de Cairu (Ceppev). WordPress Codex. 1998. n. 2007. Maria Rosângela. Acesso em: 01 out.. v. Deficiência.. 2009. PASSERINO. Disponível em: <http://www. Disponível em:<http://www.Centro Interdisciplinar de Novas Tecnologias da Universidade Federal do Rio Grande do Sul. 2005.scielosp. Ambientes virtuais acessíveis sob a perspectiva de usuários com limitação visual. WATER&STONE. Salvador. MUELLER. Molly Follette.57 ORGANIZAÇÃO MUNDIAL DA SAÚDE. Fortaleza. Santos: Intercom.php?script=sci_arttext&pid=S00 42-96862005000400005&lng=en&nrm=iso>. WORDPRESS.who. Conceito de Visão Subnormal. Incapacidade e Invalidez. Santos. Open Source CMS Market Share. SHUKSHIN. 201 f. Ric. 2005 .br/subnorma/conceito. Do Ábaco ao Easy: Mediando Novas Formas de Aprendizado do Deficiente Visual. 2009. 2007. Liliana Maria. Web Accessibility Initiative (WAI).com/downloads/cms-market-share/ >. SOCIEDADE BRASILEIRA DE VISÃO SUBNORMAL. 2007.

o site possui uma versão visual que usa cores de alto contraste e pode ser ativada usando o botão “C” amarelo localizado na barra de acessibilidade. Como pular direto para o conteúdo? Para pular direto para o conteúdo existe um link especial na barra de acessibilidade logo após o “Como usar o site” que pode ser alcançado utilizando a tecla “TAB” e colocando o foco do navegador sobre ele.58 Apêndice A .Declaração de acessibilidade Como usar o site Esta página é destinada a dar algumas informações de como melhor usar o site. além de informar sobre a preocupação em torná-lo acessível. . ou então pode se utilizar a tecla de acesso rápido ‘2′. Como visualizar o site usando cores de alto contraste? Para permitir uma melhor visualização do site e do seu conteúdo pelo visitante com problemas visuais e problemas de percepção de cores como o daltonismo. ou então pode se utilizar a tecla de acesso rápido ‘1′. Como voltar a ver o site com as cores normais? Depois de ativado o modo de cores de alto contraste para voltar para a visualização normal do site. basta clicar no primeiro botão “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 após o “Como usar o site” que pode ser alcançado utilizando a tecla “TAB” e colocando o foco do navegador sobre ele. Como voltar para a página inicial? Para voltar para a página inicial existe um link especial na barra de acessibilidade logo após o “Como usar o site” que pode ser alcançado utilizando a tecla “TAB” e colocando o foco do navegador sobre ele. Como fazer uma busca no site? É possível fazer uma busca pelo site utilizando o campo de busca localizado a direita do site no menu. ou então pode se utilizar a tecla de acesso rápido ‘3′. Além disso. este site permite que o visitante possa alterar o tamanho das letras facilmente através da barra de acessibilidade disponível no topo do site. Como aumentar o tamanho das letras deste site? Para permitir que pessoas com dificuldades visuais possam ler os textos e navegar pelo site adequadamente. o visitante também pode usar os mecanismos disponíveis no seu navegador. 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 informações presentes.

e algumas técnicas novas no desenvolvimento de sites não serem contempladas por esses documentos. Tecla 3 para ir para a página inicial. Tecla 2 para ir para o conteúdo. devido a algumas regras nos padrões e recomendações serem antiquadas e não práticas. Caso encontre alguma imagem sem descrição. Tecla 5 para ir para esta página. Padrões e Recomendações Este site tenta seguir os padrões e recomendações de HTML e CSS definidos pela W3C. Uso de scripts no site: Todo uso de JavaScript no site é definido a não impactar na navegação daqueles que não o possuem ou o têm desativado. entre em contato para que possamos melhorar o acesso às informações para todos. . Tecla 4 para ir para o formulário de busca. por favor. esse site não os segue fielmente. Quais são as teclas de acesso rápido (Acesskeys) para esse site? • • • • • Tecla 1 para ir para o menu. Como vir para esta página? Para vir para esta pagina existe um link especial na barra de acessibilidade chamado “Como usar o site”. ou quiser mandar qualquer comentário ou observação.59 Como pular direto para o formulário de busca? Para pular direto para o formulário de busca existe um link especial na barra de acessibilidade logo após o “Como usar o site” que pode ser alcançado utilizando a tecla “TAB” e colocando o foco do navegador sobre ele. assim como as recomendações sobre acessibilidade definidos pelo WCAG e E-MAG. ou então pode se utilizar a tecla de acesso rápido ‘5′. Porém. entre em contato. o site tem todas suas imagens descritas. por favor. Se você tiver dificuldades em usar o site. ou então pode se utilizar a tecla de acesso rápido ‘4′. Imagens no site: Para um melhor uso do site por pessoas com problemas visuais e necessidades especiais.

?> 4. pessoas com deficiência visual. bem abaixo da tag <body>. Faça o upload do diretório 'wpa' (incluindo todo os arquivos internos) para o diretório '/wp-content/plugins/'. Upload the `wpa` directory (including all files within) to the `/wpcontent/plugins/` directory 2. Ative o plugin através do menu 'Plugins' no WordPress. "html_wrap_close" => "</li>") ). == Instalação == 1. Make sure the search widget is activated == Frequently Asked Questions == . Tenha certeza que o widget de pesquisa esteja ativado == Instalation == 1.9 == Descrição == Adiciona uma série de funcionalidades de navegação e acessibilidade para auxiliar os leitores que possuem deficiências visuais. Tenha certeza que a opção 'URLs amigáveis' esteja ativado para a página 'como usar o site' funcionar 5.WordPress Acessível === Desenvolvedores: Diego potapczuk Palavras-chaves: acessibilidade. ferramentas Requer pelo menos: 2. Activate the plugin through the `Plugins` menu in WordPress 3. 2.60 Apêndice B – Arquivo de instruções da ferramenta === WPA . 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>". 3. "html_wrap_close" => "</li>") ).0 Testado até: 2. Adicione o seguinte código no cabeçalho do seu tema. Make sure the friendly URL is activated for the "how to use" page to work 5. <?php if( function_exists('WPA_DP_TOOLBAR') ) WPA_DP_TOOLBAR(array("html_wrap_open" => "<li>". ?> 4. usabilidade.

2 = Adicionado os links de pulo para página 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 não aceitos pela W3C Retiradas todas as medidas absolutas do CSS Adicionado separadores entre links = Planejamento de versões = 0. 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>".4 Criar uma página de configuração permitindo controlar quais itens da extensão estarão ativos Permitir ativar CSS com bordas arredondadas 0.10 Adicionar botões para verificar XHTML e CSS .3 Apagar a página de "como usar" ao desativar a extensão 0. "html_wrap_close" => "</li>") ).6 Preparar extensão para internacionalização e traduzir para inglês 0. ?> == Registro de mudanças == = 0.9 Verificar uso de teclas de atalho 0.61 = How can I add the toolbar to another area of my theme? = In the Theme Editor.1 = Desenvolvimento inicial da ferramenta = 0.7 Fazer ferramenta para alertar administrador de imagens sem alt tag 0.8 Criar versão da barra em formato widget 0.5 Criar uma página de configuração para permitir colocar outros itens de "skip links" 0.

62 Apêndice C – Modelo do questionário aplicado 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? 6) Qual a tecnologia assistiva (leitor de telas. ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? 8) Qual a funcionalidade que mais lhe ajudou? 9) Qual a funcionalidade que menos lhe ajudou? 10) Você tem alguma sugestão para a melhoria da ferramenta? 11) Você tem alguma crítica sobre a ferramenta? 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? 16) Você acessa blogs? 17) Como avalia a organização da . funções do sistema.

para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? .63 informação em blogs (distribuição das áreas. a seguir. estrutura da página)? 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação 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 espaço.

Sim. PESQUISA.0. ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? Os atalhos de teclado: IR PARA O MENU.4 com a interface GNOME. Usuário Avançado. já foram corrigidos. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? Utilizo os Leitores de Tela NVDA 2010. e ORCA nos sistemas operacionais WINDOWS XP e LINUX UBUNTU 9. PG INICIAL. JAWS 9. que existiam. Anônimo Masculino Superior incompleto Aposentado Baixa Visão 9) Qual a funcionalidade que menos AUMENTAR E DIMINUIR TAMANHO DAS lhe ajudou? LETRAS e as CORES DE ALTO CONTRASTE. 8) Qual a funcionalidade que mais lhe ajudou? CONTEÚDO. utilizei todos os atalhos de teclado. VIRTUAL VISION 6. Apenas ter o cuidado para que ela funcione com os diferentes LEITORES DE TELA e os navegadores IE 10) Você tem alguma sugestão para a melhoria da ferramenta? e FIREFOX. Em ambos sistemas utilizo 6) Qual a tecnologia assistiva (leitor configurações de ALTO CONTRASTE.0. . funções do sistema. As demais sugestões já foram implementadas. ferramenta? 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua Pode ser um bastante útil para a navegação em blogs.64 Apêndice D – Questionários aplicados aos validadores Análise realizada pelo Validador 1. e as instruções em COMO USAR O SITE. 11) Você tem alguma crítica sobre a Os problemas. pelos Deficientes Visuais. Internet com os programas INTERNET EXPLORER 7 e o FIREFOX 3.5. Navego pela de telas.

botões não etiquetados..tabulação com o conteúdo antes do menu. a seguir. Mediana Sim Normalmente não se tem uma preocupação com as normas de Acessibilidade Virtual.respeitar as normas de acessibilidade já existentes. pesquisa. Troca de informações. Usabilidade.estrutura simples e bem definida. . etc. . . Normalmente não são de muito fácil navegação e entendimento aos deficientes visuais.links não descritos. pg..estrutura confusa.. lazer. . inicial ou outra parte do blog que se utilize com frequencia. lazer. etc. . 24) Utilize o espaço. menu. ..não ter atalhos de teclado para acessar rapidamente o conteúdo e menus. .ter atalhos de teclado para acessar rapidamente o conteúdo.indicadores de início e fim de menu e conteúdo.. As dificuldades de Acessibilidade. Diariamente Usuário Avançado. e Comunicabilidade. estrutura da página)? 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação no uso? 20) Cite os aspectos positivos em blogs? 21) Cite os aspectos negativos dos blogs? A troca de informações que auxilia na aquisição de conhecimento.formulários mal feitos que dificultam o 22) Cite as principais barreiras de acessibilidade encontradas em blogs? 23) Qual é a utilidade dos blogs? preenchimento.imagens não descritas. .65 experiência com leitores de telas? 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? 16) Você acessa blogs? 17) Como avalia a organização da informação em blogs (distribuição das áreas. para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? . . . .

ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? 8) Qual a funcionalidade que mais lhe ajudou? 9) Qual a funcionalidade que menos Todas foram de fundamental importância. Acesso diariamente Boa. de fácil entendimento e de fácil navegação. Anônimo Masculino 3 ano ensino médio.6 e Internet Explorer. alt + 2 ir para o conteúdo. Sim. Análise realizada pelo Validador 2. NVDA. todas são muito importante para uma navegação ferramenta? 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? Boa. lhe ajudou? 10) Você tem alguma sugestão para a melhoria da ferramenta? Eu sugeria um para ir para o topo da página ao invés de âncoras. . pois ainda estou em fazes de transições. utilizei todas as funções da barra de acessibilidade. ao momento que acesso com uma freqüência significante. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? 6) Qual a tecnologia assistiva (leitor JAWS. cegueira total. Mozilla fire Fox de telas.66 Estes são alguns elementos que seriam necessários em blogs para que fossem acessíveis. Estudante. 3. 11) Você tem alguma crítica sobre a Não. funções do sistema. mais ágil Que sigam um padrão e uma ordem seqüencial.

Anônimo Masculino Superior em curso Professor e consultor sobre deficientes visuais. Não são acessíveis na sua maioria. São geralmente sites pessoais. o que não 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação no uso? acontece com a maioria. para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? propagandas entre outros. apresentam desordem de seus conteúdos. O blog acessíveis enviado para testes apresentaram uma boa estrutura em termos de áreas. gosto dos conteúdos apresentados em blogs.67 16) Você acessa blogs? 17) Como avalia a organização da informação em blogs (distribuição das áreas. estrutura da página)? Com pouca freqüência Na maioria das vezes mal estruturada. Análise realizada pelo Validador 3. pessoais que compartilham informações de diferentes cotidianos. Apesar de pouco uso. de informações 23) Qual é a utilidade dos blogs? 24) Utilize o espaço. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? 6) Qual a tecnologia assistiva (leitor JAWS. Pontuo positivamente. Que tenham uma boa tabulação. DOSVOX e NVDA. pois são geralmente sites 20) Cite os aspectos positivos em blogs? 21) Cite os aspectos negativos dos blogs? 22) Cite as principais barreiras de acessibilidade encontradas em blogs? Na tabulação. uma linguagem clara e os recursos de acessibilidade necessária. não dispõem de recursos de acessibilidade como os atalhos que facilitam a navegação. a seguir. Cegueira total . que por sua vez.

links de salto e as informações sobre a acessibilidade do site. acho satisfatória mais para os deficientes que 17) Como avalia a organização da informação em blogs (distribuição das áreas. devido a maneira que são postadas as notícias pois mostra claramente informações e materiais que não teria se tivesse de forma impressa. 9) Qual a funcionalidade que menos As funcionalidades voltadas para as pessoas videntes. Sempre que estou no computador entro na internet. Faz Parte da minha formação pois faço Direito e preciso ter acesso as 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? Sim o ultimo que acessei foi o da globo pois tava transmitindo o julgamento 16) Você acessa blogs? do caso Isabela. Utilizei as teclas de atalho. Para mim que já utilizo a internet bem antes de ficar cego. podendo ir direto a área desejada. o que realmente falta é 10) Você tem alguma sugestão para a melhoria da ferramenta? 11) Você tem alguma crítica sobre a ferramenta? 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? Muito boa pois uso mais um leitor que a própria escrita braille. uma padronização e um maior utilização dela pelos sites.68 de telas. . estrutura da página)? nasceram cegos ou que tem pouca experiência com internet. ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? As teclas de atalho pois me permitiram ter uma 8) Qual a funcionalidade que mais lhe ajudou? navegação mais rápida pelo site. lhe ajudou? A ferramenta está muito boa. funções do sistema. ainda é muito bagunçado.

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 informação. com isso geralmente são levantadas suspeitas a respeito da credibilidade da 21) Cite os aspectos negativos dos blogs? 22) Cite as principais barreiras de acessibilidade encontradas em blogs? informação. mais isso também acontece com toda a web. O blog é uma ferramenta de informação dinâmica podendo filtrar toda e qualquer informação e o mais gostoso disso é que a pessoa que está navegando 20) Cite os aspectos positivos em blogs? também pode emitir sua opinião e ampliar as discussões sobre determinados temas.. Como falei já tenho uma certa experiência em navegar por eles e já não me atrapalho. Que as pessoas ainda não entenderam a magnitude de se ter um blog e criam os mesmos para coisas mais absurdas que se pode imaginar.. mais sei que isso é feito devido as atualizações. Particularmente não acredito que um blog totalmente . a seguir. portanto gosto. 18) Como avalia a Navegação entre as áreas/seções dos blogs? A maioria dos leitores de telas interagem bem pelo ambiente. para quase em tempo real. quando no caso Isabela as informações estavam chegando no blog 23) Qual é a utilidade dos blogs? 24) Utilize o espaço. A dificuldade de uso pelo dosvox (WEBVOX) que é o navegador do dosvox devido aos embelezamentos desnecessários de determinados blogs. mais isso só está sendo possível devido aos leitores de telas que estão preocupados em oferecer uma melhor 19) Como avalia a sua satisfação no uso? acessibilidade a todos os ambientes feitos e desenvolvidos para pessoas videntes. Velocidade da informação.69 que esses blogs tem como publico alvo a pessoa vidente. pois neste caso basta dar uma olhada geral e a pessoa vidente tem noção de tudo que já foi postado. cito como ex.

Análise realizada pelo Validador 4. todas. portanto acho que devemos é padronizar os ambientes para que quando surja uma dificuldade a mesma seja mínima. pois o que acontece é que quando o cego tem acesso a tal tecnologia ela já deixou de ser novidade a séculos.. NVDA e Orca de telas... funções do sistema. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? Anônimo Masculino Superior incompleto curso Pedagogia Bolsista do projeto de Acessibilidade do IFCE Tenho Retinose Pigmentar e hoje tenho uma baixa visão precária 6) Qual a tecnologia assistiva (leitor Dosvox. .. ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? 8) Qual a funcionalidade que mais lhe ajudou? 9) Qual a funcionalidade que menos Ajuste de contraste e tamanho da fonte lhe ajudou? 10) Você tem alguma sugestão para a melhoria da ferramenta? 11) Você tem alguma crítica sobre a Não ferramenta? 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? Boa Não Não As teclas de atalho Sim.70 fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? acessível possa acontecer devido que novas tecnologias e ferramentas vão surgir e com isso mais barreiras.

71

14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? 16) Você acessa blogs? 17) Como avalia a organização da informação em blogs (distribuição das áreas, estrutura da página)? 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação 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?

Excelente

Diariamente

Sim Quanto a estas questões varia de blog para blog e na maioria a acessibilidade é boa.

Boa

excelente

A comunicação em tempo real.

Muitas vezes a falta da descrição das imagens.

A maior barreira, como já falei a falta da descrição das imagens

Um espaço para comunicação em tempo real, de fácil 23) Qual é a utilidade dos blogs? 24) Utilize o espaço, a seguir, para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? construção Para mim as imagens devem ter descrição.

Análise realizada pelo Validador 5. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? Anônimo Masculino Ensino Médio Completo. Bolsista do projeto de Acessibilidade do IFCE Total

72

6) Qual a tecnologia assistiva (leitor Jaws, Dosvox e NVDA. de telas, funções do sistema, ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? 8) Qual a funcionalidade que mais lhe ajudou? 9) Qual a funcionalidade que menos As funcionalidades para pessoas sem deficiência lhe ajudou? 10) Você tem alguma sugestão para a melhoria da ferramenta? 11) Você tem alguma crítica sobre a Tive problema com os formulários de comentários do ferramenta? 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? 16) Você acessa blogs? 17) Como avalia a organização da informação em blogs (distribuição das áreas, estrutura da página)? 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação no uso? 20) Cite os aspectos positivos em blogs? 21) Cite os aspectos negativos dos Pouco satisfatória. Complicada Às vezes. Acho bastante complicada. Até hoje nunca consegui postar alguma mensagem. Diariamente. Muito boa. Muito Boa. blog visual. Melhoria na organização das informações As informações sobre como usar o site Sim.

73

blogs? 22) Cite as principais barreiras de acessibilidade encontradas em blogs? 23) Qual é a utilidade dos blogs? 24) Utilize o espaço, a seguir, para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? Para mim, nenhuma.

Análise realizada pelo Validador 6. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? 6) Qual a tecnologia assistiva (leitor jaws e NVDA de telas, funções do sistema, ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? 8) Qual a funcionalidade que mais lhe ajudou? 9) Qual a funcionalidade que menos Alt + 4 – Ir para o formulário de pesquisa lhe ajudou? As sugestões que deixo é que procure seguir as recomendações de padronização das teclas de comando para que num site ou blog o comando alt + n faça uma função e em outro faça outra e também 10) Você tem alguma sugestão para a melhoria da ferramenta? verifique as normas de acessibilidade, os atalhos estão com vários problemas, a idéia é boa, mas tem que O alt + 3 – Ir para a página inicial sim Anônimo masculino superior completo Assistente em Administração cego

74

funcionar direitinho. A ferramenta ajuda, mas ela tem que funcionar de acordo, remeter o foco para o ponto que se propõe, funcionar toda vez que for acionada, o que não ocorre 11) Você tem alguma crítica sobre a no blog em questão, se for para ser como mero enfeite ferramenta? não adianta nada. A observação que faço é que nos links rápidos onde consta a tecla de atalho para acessá-lo, o número entre colchetes é desnecessário e atrapalha a compreensão 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? 16) Você acessa blogs? 17) Como avalia a organização da informação em blogs (distribuição das áreas, estrutura da página)? 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação no uso? Os aspectos positivos são, principalmente em reunir 20) Cite os aspectos positivos em blogs? assuntos específicos e ser menos complexos que um site. Os aspectos negativos são, principalmente a falta de ferramentas de acessibilidade por ser muito pessoais e na maioria dos blogs, a poluição de informações 21) Cite os aspectos negativos dos blogs? repetidas e desnecessárias dificultam a comunicabilidade e usabilidade do mesmo. Vai depender de cada blog e leitor de tela, mas em sua maioria a navegação é boa. Avalio como satisfatória. Não tão freqüente, mas acesso sim. Em boa parte dos blogs a distribuição é satisfatória. Tenho um bom conhecimento de internet com o navegador I. E. Muitas horas por dia. do atalho e também que ela tem que remeter ao foco que se propõe como falei anteriormente. Minha experiência é boa, a mais de 12 anos que uso.

75 22) Cite as principais barreiras de acessibilidade encontradas em blogs? São as mesmas citadas na questão anterior. Sim utilizei a grande maioria dos atalhos de teclado Anônimo Masculino Ensino Médio Completo Estagiário em Informática Baixa Visão . Como sou baixa 6) Qual a tecnologia assistiva (leitor visão configuro meu computador para que tudo fique de telas.0 e 10. para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? recomendações sobre acessibilidade definidos pelo WCAG e E-MAG e sempre que possível. A utilidade é de ser um ponto de reunião de informações sobre um determinado assunto e de discução do mesmo pelos vizitantes. ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? 8) Qual a funcionalidade que mais lhe ajudou? Poder aumentar e diminuir a letra. utilizo também a o sistema DOSVOX e não uso alto contraste. a interação rápida entre todos que o vizitam. e as dicas de como utilizar o site ampliado.. a seguir. Proporcionando 23) Qual é a utilidade dos blogs? assim. pois já estou acostumado com o contraste normal do computador.0. Procurar seguir os padrões e recomendações de HTML e CSS definidos pela W3C como também as 24) Utilize o espaço. testados por usuários. Navego na internet com Internet Explorer e Google Chrome. funções do sistema. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? Faço uso dos leitores NVDA e o leitor de tala Jaws 9. Análise realizada pelo Validador 7. acredito estar num bom caminho de acessibilidade.

. Sim gostaria que muitos 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? 16) Você acessa blogs? 17) Como avalia a organização da informação em blogs (distribuição das áreas. sei atalhos. alguns não divulgam informações de forma coerente 21) Cite os aspectos negativos dos blogs? (reais e verdadeiras) e a grande maioria não se preocupa com a acessibilidade a formas de deficiência. faz com que exista também a troca delas e ainda divertem e servem como entretenimento. mas 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação no uso? Os blogs são muito bons porque divulgam 20) Cite os aspectos positivos em blogs? informações. Médio Regular Sou um bom usuário. Sem contar que existem muitos erros de ortografia No meu caso que sou baixa visão até consigo. pelos Deficientes Visuais. Sou um usuário iniciante e sei o básico . para uma pessoa com dificuldades maiores fica mais difícil. por favor. quase sempre As páginas e seu conteúdo não são tão bem organizados dificultando a vida de deficientes visuais. sou usuário regular Diariamente mais sites e blogs aderissem a essas ferramentas. 11) Você tem alguma crítica sobre a No meu computador às vezes o aumentar e diminuir a ferramenta? letra não funcionou 100% bem veja isso. Pode ser um bastante útil para a navegação em blogs. estrutura da página)? Sim.76 9) Qual a funcionalidade que menos O que não utilizei foi o auto contraste . Como já disse aparecem muitos erros ortográficos. lhe ajudou? Sim você pode tentar adicionar em seu site ou blog 10) Você tem alguma sugestão para a melhoria da ferramenta? mais formas de auto contraste e verificar se ele aceita todos os leitores de tela. pois é muito bom para o deficiente visual. faço configurações.

a seguir. 1) Nome: 2) Sexo: 3) Grau de escolaridade: 4) Profissão: 5) Qual é o seu tipo de deficiência visual? 6) Qual a tecnologia assistiva (leitor Jaws. NVDA de telas. * Ter uma estrutura mais organizada * Ter formas de acessibilidade como aumentar letra. * Ter um mapa do site * Imagens com uma legenda adequada Análise realizada pelo Validador 8.77 * Não ter a possibilidade de ampliar a letra no próprio blog * A grande maioria não apresenta auto contraste * Não ter atalhos de teclado 22) Cite as principais barreiras de acessibilidade encontradas em blogs? 23) Qual é a utilidade dos blogs? 24) Utilize o espaço. mas o formulário dos 10) Você tem alguma sugestão para a melhoria da ferramenta? comentários está péssimo. Está com tabindex que obriga qualquer leitor gráfico despresar qualquer outro Teclas de atalho Sim Consultor de acessibilidade Cegueira Anônimo Masculino .. para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? * Não apresentam um mapa do blog * Não há como deficientes visuais saberem as imagens que aparecem porque não há nenhuma descrição Informação. ferramentas) você utiliza? 7) Você utilizou alguma função da barra de acessibilidade em sua navegação pelo site? 8) Qual a funcionalidade que mais lhe ajudou? 9) Qual a funcionalidade que menos Contraste lhe ajudou? Para a ferramenta está tudo bem. entretenimento e diversão. funções do sistema.. cultura.

agora.78 link ou input e ir direto a ele. com títulos ferramenta? de até 30 px. qualquer informação. tudo bem. porque causa o erro de usabilidade de termos de primeiro irmos abaixo do input para depois voltarmos para podermos preenchê-lo. pressionando tabs. "e-mail". você poderia criar um outro salto para pós-posts. que para nós cegos fica difícil chegar por haverem tantos links até lá. mas se fosse colocado ao menos outro salto para após os posts. Sugiro também o captcha com contas. etc estão vindo após o input. alto contraste e só. Sugiro que coloque o label antes e não após o input. Para as pessoas cegas o que pega ali é ter de passar por 10 links antes de entrar no blog propriamente dito. Sugiro que você retire qualquer tabindex das páginas do Word Press. deixando o próprio site já com a letra aumentada. sempre existe algo. Daí usar o salto para o conteúdo. como uma nuvem de tags. Em geral esse salto é utilizado para chegar no primeiro post. iria ganhar mais 10 links no meio dos 500 links que. Isso é péssimo para nós cegos. Sendo assim. está sendo colocar o salto para o conteúdo. Apenas uma idéia. o rótulo "nome". Outra coisa. ele é totalmente acessível e até hoje não me falhou. Pode ver lá no meu blog. pode ter um blog. A tendência. Nossa navegação via teclado. A última coisa é que o amigo só colocou um salto para o conteúdo em sua ferramenta. em geral. Dos pequenos tem uns 200 links por página. Claro que temos de fazer uma boa . O aumento de fonte está ficando em sites que têm espaço para fazer isso. Estou reformulando o Bengala Legal e a 11) Você tem alguma crítica sobre a menor letra dele vai ter 16 px nos textos.

sendo. contanto que o site de quem faça tenha um link de acessibilidade ensinando os usuários a aumentarem a fonte em cada browser. Hoje em dia isso é coisa muito fácil.79 estética disso. Muito boa . fico no meio do caminho. Sua ferramenta é válida a partir de que pensemos em determinada filosofia: fora o salto para o conteúdo principal todo o resto existe nos browsers para serem utilizados. Daí existe uma discussão de que o melhor não é entregar o peixe na mão do usuário. uma das que mais acessam essa função. pessoas jovens e usuários com tempo de uso da web sabem como fazer. estrutura da página)? 18) Como avalia a Navegação entre as áreas/seções dos blogs? 19) Como avalia a sua satisfação no uso? 20) Cite os aspectos positivos em blogs? 21) Cite os aspectos negativos dos Espaço para pessoas disponibilizarem as suas informações de forma fácil Falta de cuidado com acessibilidade Boa Boa Sim No geral boa Regularmente Muito boa vai se atrapalhar. no mínimo no IE e FF. caso contrário vira um monstro. Entretanto pega uma pessoa de idade e ela 12) Você tem alguma observação sobre a ferramenta? 13) Como classificaria sua experiência com leitores de telas? 14) Como classificaria sua experiência com internet? 15) Com que frequência acessa a Internet? 16) Você acessa blogs? 17) Como avalia a organização da informação em blogs (distribuição das áreas. em geral. particularmente. mas incentivá-lo a aprender a utilizar as ferramentas dos browsers. Eu. fora as pessoas de baixa visão.

como se informar sobre um tema direto com 23) Qual é a utilidade dos blogs? 24) Utilize o espaço. . entretenimento e etc Falta de descrição nas imagens.80 blogs? 22) Cite as principais barreiras de acessibilidade encontradas em blogs? Várias. a seguir. muitos links. para fazer comentários e/ou sugestões para a criação de um blog verdadeiramente acessível? especialistas.

Sign up to vote on this title
UsefulNot useful