FACULDADE REGIONAL DA BAHIA TECNOLOGO EM ANLISE E DESENVOLVIMENTO DE SISTEMAS

ANTONIO CARLOS SILVA SALES LUIZ HENRIQUE SANTOS DA SILVA

ACESSIBILIDADE WEB PARA DEFICIENTES VISUAIS ATRAVS DE SISTEMAS DE WEB SITES DE INSTITUIO DE ENSINO SUPERIOR

SALVADOR 2011

ANTONIO CARLOS SILVA SALES LUIZ HENRIQUE SANTOS DA SILVA

ACESSIBILIDADE WEB PARA DEFICIENTES VISUAIS ATRAVS DE SISTEMAS DE WEB SITES DE INSTITUIES DE ENSINO SUPERIOR

Trabalho de concluso de curso apresentado a Faculdade Regional da Bahia, como parte dos requisitos Sistemas. Orientador: Prof. Ms. Mrcio Lima Albuquerque. para concluso do curso de Tecnlogo em Anlise e Desenvolvimento de

SALVADOR 2011

ANTONIO CARLOS SILVA SALES LUIZ HENRIQUE SANTOS DA SILVA

Trabalho de concluso de curso apresentado a Faculdade Regional da Bahia, como parte dos requisitos para concluso do curso de Tecnlogo em Anlise e Desenvolvimento de Sistemas.
Salvador, 16 de Janeiro de 2012.

BANCA EXAMINADORA

Prof. Ms Orientador: Prof. Ms. Marcio Lima Albuquerque Orientador Presidente da Banca

Prof. MS Viviane Andrade Componente da Banca

Prof. Ms. Jos Roberto Andrade

Componente da Banca convidado

Dedicamos este trabalho ao nosso colega Carlos Tercio Muller, que apesar de todas as dificuldades encontradas para concluir este curso, sempre nos deu nimo atravs de sua f, fora de vontade e superao.

AGRADECIMENTOS

Agradecemos Primeiramente a Deus que atravs da f nos proporcionou perseverana e fora para lutar; Aos nossos queridos mestres que nos orientaram nessa importante etapa de nossa vida; Aos nossos familiares que nos apoiaram nos momentos mais difceis alm de nos sustentar com segurana, amor e compreenso; Aos nossos colegas que compartilharam conosco diversos momentos de tristezas, alegrias e sucessos.

Pessoas que utilizaro um produto ou servio sabem de suas necessidades, metas e preferncias, e papel do designer descobrir isto e projetar para eles. Dan Saffer.

RESUMO A funo de promover acesso queles considerados antes incapazes de realizarem diversas funes se tornou mais favorvel graas a uma srie de normas e legislaes que visam uma acessibilidade democrtica a todos e tm se mostrado de suma importncia, onde todos possam usufruir e das mesmas possibilidades. Quando se trata da acessibilidade web o desenvolvedor de websites tem um papel fundamental para projetar um contedo acessvel a todos, desta forma se cria a grande questo: Como o Desenvolver um web sites atravs dos conhecimentos adquiridos pelas normas e diretrizes pode tornar um web site acessvel queles que possuam de fato alguma deficincia visual? Estudar as prticas recomendadas nos principais documentos, podendo dessa forma condicionar acessibilidade durante o projeto de seus sistemas utilizando mecanismos que torne o site mais transparente aos usurios finais. Um estudo realizado sobre as principais normas, leis, diretrizes existentes no mercado levando em considerao o conhecimento das tecnologias assistativas e ferramentas de testes, leva a considerar as formas mais eficazes de tornar linguagem de programao utilizada atravs de cdigos do web site se tornarem mais eficazes a acessibilidade do contedo. Atravs da criao de um pequeno sistema inacessvel possvel utilizar das boas prticas para uma melhor acessibilidade no web site para aqueles que possuam deficincia visual. Fica bem claro e notrio de como os testes se tornam imprescindveis, pois ser atravs deles que ser possvel determinar o que deve ser melhorado ou at mesmo mudado.
PALAVRAS-CHAVE: Acessibilidade. Testes de acessibilidade. Tecnologias Assistativas.

SUMRIO

INTRODUO ..........................................................................................................................12 1 ACESSIBILIDADE.................................................................................................................14 1.1 CONCEITOS DE ACESSIBILIDADE E A INFLUNCIA SOFRIDA PELOS DIREITOS HUMANOS................................................................................................................................14 1.2 NORMAS DE ACESSIBILIDADE.......................................................................................16 1.3 WEB ACESSVEL...............................................................................................................19 1.4 ACESSIBILIDADE X USABILIDADE..................................................................................20 1.5 ACESSIBILIDADE DIGITAL PARA PORTADORES DE DEFICINCIA VISUAL.............21 2 DESENVOLVENDO COM PADRES DE ACESSIBILIDADE............................................24 2.1 RECURSOS, LINGUAGENS E CDIGOS........................................................................24 2.2 ADEQUANDO O WEB SITE AOS PRINCIPAIS TIPOS DE DEFICINCIA VISUAL QUE IMPOSSIBILITAM A ACESSIBILIDADE .................................................................................25 2.2.1 BAIXA VISO..................................................................................................................26 2.2.1.1 DEGENERAO MACULAR.......................................................................................26 2.2.1.2 GLAUCOMA.................................................................................................................26 2.2.1.3 RETINOPATIA DIABTICA..........................................................................................27 2.2.1.4 CATARATA...................................................................................................................27 2.2.1.5 POSSVEIS SOLUES A SEREM APLICADAS NO WEB SITE PARA PROBLEMAS DE BAIXA VISO..............................................................................................28 2.2.2 DALTONISMO.................................................................................................................29 2.2.2.1 DEFICIENTES DAS CORES VERMELHO E VERDE.................................................29 2.2.2.2 PROTANOPIA E PROTANOMALIA.............................................................................29 2.2.2.3 DEUTERANOPIA, DEUTERANOMALIA E TRITANOPIA...........................................30 2.2.2.4 ROD MONOCROMIA OU ACRIMIA............................................................................30 2.2.3 CEGUEIRA TOTAL.........................................................................................................31 3 PROTTIPO DE UM SISTEMA DE CADASTRO PARA INFORMAES DE UMA INSTITITUIO DE ENSINO SUPERIOR...............................................................................34 3.1 O PROTTIPO DE SISTEMA INACESSVEL...................................................................34 3.2 FERRAMENTAS DE TESTES ..........................................................................................36 3.3 TESTE DE ACESSIBILIDADE...........................................................................................37 3.3.1 USO DA FERRAMENTA ASES......................................................................................38 3.4 FERRAMENTA DE VALIDAO......................................................................................39 3.5 TESTES COM LEITORES DE TELA.................................................................................39 3.4 TECNOLOGIAS ASSISTATIVAS.......................................................................................40

3.5 RESULTADOS....................................................................................................................41 Fonte: ASES, Avaliador e simulador de Acessibilidade...........................................................42 ...................................................................................................................................................43 Fonte: ASES, Avaliador e simulador de Acessibilidade...........................................................43 CONCLUSO ...........................................................................................................................44 REFERNCIAS.........................................................................................................................46

LISTA DE FIGURAS FIGURA 1: POPULAO RESIDENTE POR TIPO DE DEFICINCIA..................................21 FIGURA 2: GRAU DE INCIDNCIA DE DEFICINCIA VISUAL POR REGIES NO BRASIL ...................................................................................................................................................22 FIGURA 3: SIMULAO DA VISO DE UM PORTADOR DE DEGENERAO................26 FIGURA 4: SIMULAO DA VISO DE UM PORTADOR DE GLAUCOMA.........................27 FIGURA 5: SIMULAO DA VISO DE UM PORTADOR DE RETINOPATIA DIABTICA. 27 FIGURA 6: SIMULAO DA VISO DE UM PORTADOR DE CATARATA..........................28 FIGURA 7: SIMULAO DE VISO DE UM INDIVDUO PORTADOR DE PROTANOPIA E PROTANOMALIA.....................................................................................................................29 FIGURA 8: SIMULAO DE VISO DE UM INDIVIDUO PORTADOR DE PROTANOPIA E PROTANOMALIA.....................................................................................................................30 FIGURA 9 SIMULAO DE VISO DE UM INDIVIDIO PORTADOR DE TRITANOPIA.......30 FIGURA 10 SIMULAO DE VISO DE UM INDIVDUO PORTADOR DE ROD MONOCROMIA OU ACROMIA................................................................................................30 FIGURA 11 PGINA INICIAL DO PROTTIPO COMO MODELO........................................35 FIGURA 12 PGINA INICIAL DO SISTEMA...........................................................................36 FIGURA 13 TELA INICIAL DO ASES......................................................................................41 FIGURA 14 RESUMO DE RELATRIO..................................................................................42 FIGURA 15 PONTOS DE VERIFICAO...............................................................................43

LISTA TABELAS FIGURA 1: POPULAO RESIDENTE POR TIPO DE DEFICINCIA..................................21 FIGURA 2: GRAU DE INCIDNCIA DE DEFICINCIA VISUAL POR REGIES NO BRASIL ...................................................................................................................................................22 FIGURA 3: SIMULAO DA VISO DE UM PORTADOR DE DEGENERAO................26 FIGURA 4: SIMULAO DA VISO DE UM PORTADOR DE GLAUCOMA.........................27 FIGURA 5: SIMULAO DA VISO DE UM PORTADOR DE RETINOPATIA DIABTICA. 27 FIGURA 6: SIMULAO DA VISO DE UM PORTADOR DE CATARATA..........................28 FIGURA 7: SIMULAO DE VISO DE UM INDIVDUO PORTADOR DE PROTANOPIA E PROTANOMALIA.....................................................................................................................29 FIGURA 8: SIMULAO DE VISO DE UM INDIVIDUO PORTADOR DE PROTANOPIA E PROTANOMALIA.....................................................................................................................30 FIGURA 9 SIMULAO DE VISO DE UM INDIVIDIO PORTADOR DE TRITANOPIA.......30 FIGURA 10 SIMULAO DE VISO DE UM INDIVDUO PORTADOR DE ROD MONOCROMIA OU ACROMIA................................................................................................30 FIGURA 11 PGINA INICIAL DO PROTTIPO COMO MODELO........................................35 FIGURA 12 PGINA INICIAL DO SISTEMA...........................................................................36 FIGURA 13 TELA INICIAL DO ASES......................................................................................41 FIGURA 14 RESUMO DE RELATRIO..................................................................................42 FIGURA 15 PONTOS DE VERIFICAO...............................................................................43

12

INTRODUO A falta de relevncia aos estudos das normas e diretrizes que determinam padres de acessibilidade que visam tornar um web site acessvel ou muitas vezes por falta de conhecimento da existncia de tais documentos acaba ocasionando na criao incorreta e mal estruturada em diversos sites, tornando a vida mais difcil para aqueles que dependem deste acesso. Se o web site no for feito seguindo determinados padres existentes, o seu acesso fica prejudicado ou at mesmo impossvel. Como ento, possvel desenvolver web sites acessveis queles que possuem deficincia visual? Atravs do contedo pesquisado foi possvel ter um melhor esclarecimento sobre leis, legislaes, normas e diretrizes existentes, bem como devem ser aplicadas corretamente atravs de linguagens de programao padronizadas que so utilizadas para criao dos web sites, analisar como as principais ferramentas de testes, bem de como as tecnologias assistativas podem ajudar o desenvolvedor testar a acessibilidade do site e por fim identificar falhas de acessibilidade em um modelo inacessvel de web site de Instituio de Ensino Superior atravs dos testes aplicar no cdigo sistema. O modelo para avaliao de acessibilidade escolhido um prottipo de um pequeno sistema de Instituio de Ensino Superior, pois ao que se refere a estas instituies, essa falha ocasiona o no acesso s informaes relevantes da Instituio para aqueles que possuam tal deficincia. Atravs de pesquisa descritiva e qualitativa foi possvel determinar o das normas e diretrizes criadas por setores competentes para melhorar a acessibilidade dos sites de Instituies de Ensino Superior, garantindo o seu uso por pessoas que possuam alguma deficincia visual. Esse trabalho visa correlacionar importncia da acessibilidade do sistema web, garantindo o uso de seus recursos ao pblico, garantindo o acesso a todos. Foi realizado estudo atravs de livros com referncia ao assunto, alm de artigos encontrados na prpria internet, bem como em fruns e reportagens os artefatos que vieram a construir este trabalho tais como pesquisas e relatrios inerentes ao possveis melhorias, obtendo dessa forma acessibilidade no

13

assunto do IBGE, a utilizao de tecnologias assistativas mais utilizadas, todas as leis e legislaes, alm de decretos que atendem aos direitos dos deficientes. Foi necessrio atravs de anlise informar as leis mais importantes alm das normas e diretrizes que so favorveis ao assunto. Como exemplo prtico foi criado um sistema inacessvel, onde todos os testes pudessem ser realizados, identificando o que torna o web site inacessvel e atravs da indicao dos principais problemas de viso, a correo no cdigo mais apropriada para super-lo ento pde ser executada. Atravs de toda essa metodologia que foi apresentada foi possvel dividir este trabalho em trs captulos. O primeiro captulo trata do conceito de acessibilidade suas normas, leis e diretrizes que visam uma melhor soluo ao problema. O segundo captulo investiga o que o desenvolvedor de web sites atravs da documentao apresentada no captulo anterior e tambm atravs do conhecimento dos principais sintomas que trazem deficincia visual a um indivduo, possa realizar no cdigo, sendo que o captulo trs apresenta testes que vo garantir a melhor mudana qual trar acessibilidade mais vivel ao sistema do web site.

14

1 ACESSIBILIDADE Este captulo aborda o conceito de acessibilidade, esclarecendo como questes referentes aos direitos humanos conseguiram influenciar as normas e diretrizes criadas com o intuito gerar acessibilidade no meio digital para portadores de deficincia visual mostrando sua importncia como assunto dessa pesquisa. So identificadas s principais normas de acessibilidade, onde atravs de sua existncia possvel formular tcnicas para avaliar melhor o projeto de um web site, dessa forma tambm ser fcil descobrir os problemas que tornam as pginas web inacessveis. A abordagem da diferena entre acessibilidade e usabilidade faz-se necessria para diferenciar tais conceitos, alm de identificar suas relaes e dependncias. 1.1 CONCEITOS DE ACESSIBILIDADE E A INFLUNCIA SOFRIDA PELOS DIREITOS HUMANOS Quando se fala de acessibilidade, primeiramente vem em mente o acesso a algo ou alguma coisa, o que no deixa de ser verdade. Acessibilidade acesso. Pode ser entendida como acesso de qualquer pessoa, incluindo as pessoas com deficincia e com mobilidade reduzida, ao meio fsico da sociedade, ao transporte e comunicao, garantindo sua segurana e sua autonomia. (HARZAD, et al. 2007 p11). A questo que se estabelece saber como este acesso oferecido e como abrange cada indivduo em si, dessa forma possvel verificar a existncia de alguma acessibilidade ou at mesmo nenhuma, causado por problemas que podem ser desde degenerativo, deficincia de nascena ou ocasionado pela idade, acidente ou por diversos outros motivos qual venha trazer insegurana ao convvio social e a atividades exercidas pelo indivduo. A forma como o assunto tratado sempre foi um fator determinante para aes de mudanas.
Por muito tempo, predominou a viso da deficincia como problema individual, transferindo pessoa a responsabilidade de mudar ou adaptarse para viver em sociedade. A partir da dcada de 1960, essa viso comeou a ser questiona e, pouco a pouco a deficincia passou a ser entendida a partir da interao das pessoas com o contexto em que vivem.

15

No modelo inclusivo, fundamentado nessa viso, cabe sociedade adaptasse para acolher as diferenas e promover condies de acesso para todos os cidados, com ou sem deficincia aos servios coletivos de sade, educao, trabalho, locomoo, segurana, etc. (OTS Brasil, 2011 p.06).

A funo de promover acesso queles considerados incapacitados algo que deve ser atribudo a cultura do ser humano, pois por um bom tempo foi atribudo aos prprios deficientes a culpa por aquela situao indesejvel, excluindo estes, at mesmo das tarefas mais simples. A mudana dessa concepo foi feita atravs de um processo lento que comeou com a nova viso social trazida pela democracia, onde as desigualdades deveriam ser substitudas por direitos iguais e isso quer dizer igual capacidade de realizar algo por todos independentes de suas capacidades. O Estado passou a enxergar o seu papel na promoo desses valores, dessa forma os direitos humanos passaram a ter foco e transparncia, afinal os direitos humanos so universais e se aplica, a todos os homens e todas as mulheres, como tambm so independentes e indivisveis. A grande questo ao se abrir mo de um direito sem prejudicar os demais se torna complicado (HARZARD, et. al, 2007 p11). A preocupao de estudar os problemas que incapacitem a condio de um indivduo passou a ter importncia, quando constatado que cada pessoa pode contribuir para o crescimento da sociedade mesmo possuindo alguma incapacidade, ainda mais se estes problemas forem sanados. As pessoas com deficincia querem incluso e direitos, dessa forma muitos pases desenvolveram polticas pblicas para pessoas com deficincia superando o modelo mdico de atendimento dos enfoques assistencialistas passando a adotar modelos scias, modelo dos direitos de cidadania ou modelo da incluso ou participao. (OTS Brasil, 2011 p.06) Levando em considerao os diversos graus de inacessibilidade que uma pessoa possa ter, possvel verificar a quantidade de problemas que possam incapacitar o indivduo, desse modo desenvolver uma maneira que haja uma incluso social para todos, no de maneira nenhuma uma tarefa fcil e visando isso, foi necessria a criao de legislaes que pudessem tornar a vida do cidado com alguma deficincia mais socivel.

16

O direito a acessibilidade ou o direito reabilitao, por exemplo, podem permitir ou incapacitar o exerccio dos outros direitos: o acesso ao trabalho, educao, ao lazer, etc. (HARZARD, et. al, 2007 p11) A consolidao de legislaes atravs de decretos e diretrizes possibilita uma maior vigilncia nos atos que convertam a negligncia em preconceitos, garantindo uma busca constante da garantia e cumprimento da lei.
O atual texto da Conveno sobre os direitos das pessoas com deficincia da ONU (Organizaes das Naes Unidas), define no seu 1 artigo, que Pessoas com deficincia so aquelas que tm impedimentos de natureza fsica, mental, intelectual ou sensorial, os quais, em interao com diversas barreiras podem obstruir sua participao plena e efetiva na sociedade com as demais pessoas (ITSBRASIL, 2011).

Para assegurar que as leis estabelecidas sejam cumpridas, houve a necessidade do aprimoramento delas ou at mesmo de adaptaes com o passar do tempo, no significando que esto em sua excelncia de atribuies, mas reflete as principais idias de uma vida acessvel. Normas mais claras foram surgindo, a coletividade passou a ser mais abrangente, porm o de que estes documentos em sua maioria passam apenas por ser recomendaes, no sendo obrigatrios, fazendo uso de bom censo por aqueles que desenvolvem web sites, como ser visto no tpico seguinte. 1.2 NORMAS DE ACESSIBILIDADE As normas de acessibilidade so padres que foram criados para garantir o direito de acessibilidade institudo atravs das leis de cada pas que vem na democracia o dever de fazer com que todos possam ter as mesmas chances e oportunidade para viver. A prpria internet que surgiu da necessidade da ARPA (Agncia de Projetos e Pesquisas Avanadas) em criar um mecanismo de comunicao rpido para o Departamento de Defesa Americano teve a necessidade de se adequar a uma linguagem mais ampla e fcil para que pudesse ter seu uso ampliado atravs das universidades. Em se tratando de acessibilidade web, as primeiras iniciativas de acessibilidade ocorreram no Canad, USA e Austrlia e muito teve que ser revisto para chegar ao padro atual, e mesmo assim, este padro foi bastante modificado com o tempo.

17

Foi atravs do padro criado por Tim Berners-Lee, fundador do W3C World Wid Web Consortiun que surgiu o formato atual onde possvel vincular um documento a outro, atravs de novas linguagens (HTML, XHTNL e CSS), garantindo uma melhor funcionalidade do sistema.
Para que pudesse haver uma verdadeira compatibilidade entre sistemas e as redes formadas atravs de links pudessem atender e serem compartilhadas por reas distantes havia necessidade da criao de uma ferramenta que atendesse essa necessidade e foi Tim Berners-Lee, engenheiro de Sistemas que conseguiu criar esse tipo de documento eletrnico no Centro Europeu de Pesquisas Nucleares. (NICACIO, 2010 p20).

O W3C um Consorcio formado por vrias empresas, organizaes independentes alm de receberem apoio das principais empresas do ramo de informtica como IBM e Microsoft e criou o WCAG, documento que lista as recomendaes de Acessibilidade para Contedo Web, que est na verso 2.0. Nesta pesquisa sero descritas as principais recomendaes do documento em relao acessibilidade para deficientes visuais. WCAG 2.0, abrange diversas recomendaes com finalidade de tornar o contedo Web mais acessvel. Seguir essas recomendaes com a finalidade de tornar o contedo acessvel para um grupo de pessoas com deficincia deixa o contedo web mais acessvel para o usurio em geral1. Como as diretrizes do W3C, tratam apenas de recomendaes, passando a ser de bom senso que o desenvolvedor utilize tais padres, alguns pases desenvolvidos regras mais claras muitas baseadas nas recomendaes da prpria W3C garantindo o acesso a internet. Pesquisadores Brasileiros, preocupados com essa necessidade, fizeram um estudo atravs do Ministrio de Planejamento e da Secretaria de Educao Profissional e Tecnolgica dos melhores mtodos e padres para cria seu documento. As verses do e-MAG foram criadas realizando um estudo de acessibilidade atravs de um mtodo comparativo entre normas adotadas por diversos pases como a Section 508 dos Estados Unidos da America Reforma do Decreto de Reabilitao, os padres CLF do Canad, as diretrizes Irlandesas de acessibilidade e documentos de outros pases, entre eles Portugal e Espanha, sendo realizada

Traduo da W3C, Recomendaes de Acessibilidade para contedo Web WCAG 2.0, 2008 p2,

fonte: WWW.ilearn.com.br/TR/WCAG20/ , acessado 22/11/2011.

18

tambm uma anlise detalhada das regras de verificao do rgo internacional WAI/W3C, presentes na WCAG 1.0 (e-MAG 3.0, 2011, p5) 2. O e-MAG, funciona com licena creative Commons, onde permitido compartilhar, copiar e transmitir a obra, desde que respeita as condies de atribuio ou compartilhamento de licena. Seu modelo foi desenvolvido para atender as necessidades brasileiras, podendo haver atualizaes, j que essa necessidade algo que precisa ser muito discutida. Vale salientar que este documento visa a acessibilidade dos websites do Governo e foi institucionalizado pela portaria n3 de 7 de maio de 2007. As normas existentes para a rea esto geralmente relacionadas a aplicaes Web e ao poder pblico (LUQUE, Leandro Et al. 2011, p58). O importante o fato que essa preocupao mobilizou o governo para atitudes como essas pudessem ser tomadas. No que se refere incluso digital de pessoas com necessidades especiais, o Brasil tem adotado uma poltica favorvel a aes que procuram promover a educao inclusiva, amplamente defendida pela legislao brasileira (NICACIO, 2010, p. 04). As aes que so favorecidas pelas polticas que favorecem a incluso digital podem ser proveitosas se forem divulgadas de maneira mais eficaz, no s pela internet, mas pelos diversos meios de comunicao. , portanto responsabilidade da Administrao pblica oferecer ao cidado a melhor experincia possvel de acesso ao governo eletrnico, respeitando inclusive as particularidades da populao atingida (Governo eletrnico, 2011). As recomendaes de Acessibilidade do Governo Eletrnico formam a base para o processo de acessibilidade para os sites do Governo e so segmentadas conforme nveis de prioridades, onde possuem uma ordenao e numerao lgica compatvel com as prioridades.
A adoo dos padres traz muitas vantagens na gesto de stios, como a garantia do nvel de qualidade, pois possibilita a mensurao de resultados. Fornece tambm requisitos para correta contratao de equipe, empresa que desenvolva ou mantenha o stio (Governo eletrnico, 2011).

Outras leis e decretos foram criados na tentativa de conscientizao e uma das formas que o governo trabalha para aqueles com tais necessidades possam ser atendidas, foi a criao de decretos a exemplo da lei n 5.296 de 2 de dezembro de 2004, que estabelece normas gerais e critrios bsicos para promoo de
2

Em: <http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG>. Acesso 10 de julho de 2011..

19

acessibilidade

das pessoas portadoras de deficincia, garantindo que todo

desenvolvimento voltado para rea de tecnologia dos setores pblicos ou terceiros que desenvolvam pro setor pblico atendam as exigncias dessas normas. A lei N 10.098 de 23 de maro de 1994, Estabelece normas gerais e critrios bsicos para a promoo da acessibilidade das pessoas portadoras de deficincia ou com mobilidade reduzida. importante que o desenvolvedor de um web site possa observar as leis, normas e diretrizes existentes e com bom senso aproveitar das melhores prticas para criao de uma web acessvel e para tanto necessrio entender qual seu conceito o ser explicado no prximo tpico. 1.3 WEB ACESSVEL Uma Web Acessvel, quer dizer a garantia de um indivduo possa entender e navegar de forma fcil em um site, pois este stio foi projetado utilizando todas as regras necessrias para tornar essa interao possvel deixando de ser restrita para o usurio. Uma Web acessvel e que permita a participao de pessoas portadoras de necessidades especiais na sociedade fundamental para proporcionar oportunidades iguais para todos nas diversas reas (HENRY, 2011). Para melhor interao dos vrios tipos de indivduos que venham ter acesso aos recursos computacionais e a rede mundial, se tornou necessrio haver uma melhor abordagem ao que se refere acessibilidade, um ambiente disponvel independente de sua capacidade. O correto permitir acesso a todos, independente do tipo de usurio, situao ou ferramenta.
Web acessvel a representao da web ideal, onde todas as pessoas teriam acesso ao seu contedo. No s as pessoas, mas tambm sistemas, uma vez que sistemas tambm acessam contedos de pginas na internet para algum propsito, dependendo do sistema (NICCIO, 2010, p22).

Como meio de acesso a informao a internet nos dias atuais deve ser de garantia a todos e para isso que necessrio que as pginas web sejam devidamente planejadas, garantindo sua acessibilidade, no entanto quando se aborda a questo de projeto, pode-se confundir com usabilidade e por isso o

20

prximo tpico define mais claramente a diferena entre acessibilidade e usabilidade. 1.4 ACESSIBILIDADE X USABILIDADE Definido o conceito de acessibilidade importante diferenci-lo de usabilidade, pois a execuo dos mesmos pode ser confundida, pois este se define pela facilidade de uso, ou seja, quando h a interao entre o humano e o computador.
O termo usabilidade tem sido usado na prtica por pessoas com diferentes percursos, experincias e reas de interveno, significando coisas diferentes. Alguns associam usabilidade funcionalidade do sistema ou utilidade, par a outros, porm, est associada ausncia ou presena de certas caractersticas na interface de utilizador, considerando variveis contextuais, como consideraes ambientais de trabalho, na interpretao de usabilidade (KALN, 1997).

Nesse ponto, a usabilidade define os mtodos utilizados para que o indivduo tenha facilidade no manuseio da mquina. A Usabilidade assegurar-se de que algo funcione bem, onde algum com habilidade e experincia comuns possa usar bem o web site assim como qualquer coisa (KRUG, 2010, p5). Para trabalhar a usabilidade de um site necessrio planejar toda estrutura da pgina no em funo de como o desenvolvedor achar de como deve ser, mas sim visando o usurio final, pois este o fator predominante para que um website execute a sua funo de levar a informao como tambm manter-se com sucesso. Usabilidade nada mais do que estruturar um site pensando no usurio final, concentrando esforos para a facilidade do uso, criando um sistema transparente e de fcil entendimento e operao3. A acessibilidade uma caracterstica da usabilidade, ou seja, para que uma web tenha usabilidade satisfatria necessrio que nela haja tambm acessibilidade disponvel, ou seja, a acessibilidade faz parte da usabilidade. Acessibilidade e usabilidade so condies bsicas para a incluso social digital (GOMES, 2011). possvel presumir que enquanto a acessibilidade se preocupa com a flexibilidade do acesso, a usabilidade preocupa-se com a facilidade do uso, porm a acessibilidade no aborda apenas a questo de ter um acesso fcil informao,
3

Acessibilidade, Usabilidade e Navegabilidade. Em: <http://www.slideshare.net/fivecom/acessibilidade-

usabilidade-e-navegabilidade>. slide 11. Acesso 08 de setembro de 2011

21

mas sim a maneira que se pode obter esse acesso, o que depende do uso de ferramentas e at mesmo ao desenvolvimento das pginas de tal maneira que seja voltada ao uso dessas ferramentas.
A acessibilidade est sendo usadas em sua acepo mais ampla de condio de acesso aos servios de informao, documentao e comunicao, por parte no apenas de portadores e necessidades especiais, mas de todo e qualquer cidado (FERREIRA, et al, 2010 p16).

O mais importante saber que tanto um como outro depende do trabalho dos desenvolvedores, porm a acessibilidade tambm depender que o usurio possua as ferramentas necessrias instaladas no computador para garantir o seu acesso, independente disso o desenvolvedor deve prover o suficiente de tcnicas visando o mximo possvel tornarem o web site acessvel. O prximo tpico aborda o motivo da escolha para estudo da acessibilidade para portadores de deficincia visual. 1.5 ACESSIBILIDADE DIGITAL PARA PORTADORES DE DEFICINCIA VISUAL Desde o surgimento do computador e sua constante evoluo, esse meio de comunicao se tornou essencial para humanidade, somando-se deste ento o aparecimento da internet, o que fez mudar todo conceito de comunicao que vivido atualmente. O acesso internet se tornou parte do cotidiano, desde para receber correspondncias, estas agora no precisam de mensageiros dos correios pra ser entregues, apenas basta segundos para envio e recebimento da mensagem, como tambm acesso a contedo multimdia, bate papo em tempo real, sistemas de conferncias online, compras e vendas de produtos, alm de uma infinidade de funes. Como existem vrias deficincias que possa impossibilitar a acessibilidade, possa ser motora, visual, auditiva, sensorial ou qualquer outra forma que incapacite o indivduo de exercer normalmente o uso destes meios de comunicao, percebemos o quanto ainda deve ser feito para o indivduo consiga o devido convvio ou incluso social. Em 2000, cerca de 24,6 milhes de pessoas se declararam portadoras de alguma deficincia. (IBGE Apude Leandro Luque et al. 2011, p56). Na FIGURA 1 possvel verificar a populao residente por tipo de deficincia. FIGURA 1: POPULAO RESIDENTE POR TIPO DE DEFICINCIA.

22

Fonte: IBGE, Resultados preliminares da amostra Censo Demogrfico 2010, http://www.ibge.gov.br/home/presidencia/noticias/imprensa/ppts/0000000646051114201105141650644 7.pdf

vivel saber que um mesmo indivduo pode possuir mais de um tipo de deficincia, mesmo assim notvel que a deficincia visual seja a mais abrangente e este o motivo que este trabalho abordar esta como foco principal de estudo. No que se refere incluso digital de pessoas com necessidades especiais, o Brasil tem adotado uma poltica favorvel a aes que procuram promover a educao inclusiva, amplamente defendida pela legislao brasileira. (NICACIO, 2010, p. 04) O Nordeste a segunda regio que possui pessoas com algum tipo de deficincia visual (como mostra a FIGURA 2) e a falta de investimentos necessrios populao mais carente agrava essa situao, ainda mais no que se diz respeito educao. Sem um grau de escolaridade adequado, tais indivduos possuem uma maior invulnerabilidade principalmente aos problemas sociais.

FIGURA 2: GRAU DE INCIDNCIA DE DEFICINCIA VISUAL POR REGIES NO BRASIL

23

Fonte:http://www.ibge.gov.br/home/estatistica/populacao/censo2010/resultados_preliminares_a mostra/default_resultados_preliminares_amostra.shtm

Dentre os estados do Nordeste, a Bahia possui o maior indice com 26% da populao investigada possuido algum tipo de Deficincia Visual. Pensando nesses dados, o desenvolvimento de uma web acessvel a esse grupo se torna fundamental, garantindo o uso da internet atravs de web sites mais amigvei e direcionados a todos os pnlicos. O desenvolvedor possui um papel fundamental para que esse fato seja realizado e o proximo captulo tratar de que forma isso possvel. No campo acadmico esse nmero se torna altssimo, alm de uma viso social necessria tambm uma viso mais abrangente, pois demonstram que muitas faculdades no esto prontas para receber este pblico que tambm gera recursos financeiros para instituies particulares, onde estas necessitam adequar seus ambientes e padro educacional de forma eficaz para atender tal demanda.

24

2 DESENVOLVENDO COM PADRES DE ACESSIBILIDADE Qual a importncia do desenvolvedor no processo de criao de pginas acessveis e de que forma este pode interagir com as normas, leis e diretrizes existentes garantindo aos usurios que possuam algum tipo de deficincia visual acesso adequado s pginas web? Este captulo abordar tais aspetos alm de identificar os principais problemas visuais que atingem ao usurio e de que forma o desenvolvedor pode utilizar adequadamente o conhecimento adquirido nas normas, leis e diretrizes de acessibilidade para atravs do uso de recursos dentro do cdigo do web site converter o que era antes inacessvel em um sistema capaz de atender aos requisitos mais simples sugeridos pelos principais rgos. A definio do papel do desenvolvedor de web sites ser bem abordada alm dos recursos, linguagens e cdigos utilizados por estes para garantir a acessibilidade em sites e os principais tipos de testes e validao realizados. 2.1 RECURSOS, LINGUAGENS E CDIGOS O conhecimento tcnico adequado a melhor arma que o desenvolvedor possui, e para aquisio desses necessrio uma busca constante, identificando atravs do tempo, experincias e boas prticas um trabalho mais lapidado e voltado para o pblico. O maior problema que os desenvolvedores podem ter o fato de que muitos ingressam na carreira sem o conhecimento necessrio, muitas vezes por serem pessoas autodidatas conseguem assimilar conhecimento atravs de experincias aderindo profisso. O problema que isso com o tempo pode ocasionar que esses mesmos profissionais repitam sempre as mesmas tcnicas, onde os principais erros sero sempre copiados, criando pginas carregadas e com vrios erros, afinal para o cliente bastar que a apresentao final seja apresentvel. Um trabalho bem feito independe de beleza, mas sim de funcionalidade e so as normas e diretrizes que podem garantir tais aspectos. Seguindo as boas prticas orientadas pela W3C ou at mesmo o e-MAG (Modelo de Acessibilidade em Governo Eletrnico), podem ser executadas vrias dicas para o uso correto das principais linguagens para uso na internet a exemplo do HTML, CSS, PHP dentre outros.

25

O contedo o principal agente de informao; constitudo do texto, formulrios, listas de itens, pargrafos, hiperlinks, dentre outros, formando junta a estrutura da pgina. As tcnicas sugeridas pelo WCAG seguem naturalmente os padres web, e so em HTML, que a codificao com demarcadores. A apresentao de uma pgina o tamanho, forma e cores do texto, do fundo da pgina, das bordas de imagens e tudo aquilo que faa parte do estilo visual do site. A recomendao que essa apresentao seja feita em CSS, Cascading Style Sheets. Na programao no existe apenas uma forma de fazer o cdigo, sempre com fazer da forma mais prtica e limpa, seguindo uma linha simples de pensamento, afinal isso facilitar na hora da correo. H uma grande importncia nos cdigos de acessibilidade web, pois so eles que iro ajudar na navegao de pginas web para deficientes, entre essas ferramentas existem padres que devero ser seguidos e esto associados aos cdigos das pginas web e a recomendaes do W3C.
AI, Web Accessibility Initiative, departamento do W3C, responsvel pelo WCAG, documento de diretrizes de acessibilidade para a web, recomenda que, para se tiver um acesso rpido s pginas da internet, deve-se desenvolv-las separando contedo e estrutura de apresentao4.

Quando necessrio, ser utilizadas tcnicas de usabilidade para ampliar o conforto dos usurios, porm as ferramentas para criar a interface com contedo voltado para determinados tipos de usurios sero essas j citadas, cada uma com suas especificidades e objetivos. Sabendo-se adequar o site as normas e diretrizes, o ponto crucial entender as principais deficincias, como ela atinge o indivduo e dessa forma compatibilizar o cdigo do web site aos problemas mais freqentes que sero tratados no prximo tpico. 2.2 ADEQUANDO O WEB SITE AOS PRINCIPAIS TIPOS DE DEFICINCIA VISUAL QUE IMPOSSIBILITAM A ACESSIBILIDADE O conhecimento pelo menos os principais tipos de problemas relacionados deficincia visual necessrio para saber avaliar durante o projeto de um web site que pode ser feito para atenuar o problema. O tpico seguinte informa os principais
4

Em: <http://begalegal.com/capitulomag#301>

26

problemas atenuados a viso e em sequncia qual a melhor forma de trabalhar com o cdigo para que o resultado final possa atender as pessoas que possuam algum desses problemas. 2.2.1 BAIXA VISO O usurio apenas percebe o contedo, mas no o enxerga com nitidez por estar pequeno ou no ter contraste. Esta condio a viso do usurio no pode ser totalmente corrigida por culos, atinge a leitura e a conduo. O resultado de condies tais como: degenerao macular, glaucoma, retinopatia diabtica, ou catarata5 so apresentados nos prximos tpicos. 2.2.1.1 DEGENERAO MACULAR Perda gradual da viso, onde a regio central mais afetada, nesse caso os objetos visualizados diretamente so mais difceis de serem visualizados, veja a FIGURA 3. FIGURA 3: SIMULAO DA VISO DE UM PORTADOR DE DEGENERAO

Fonte: http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

2.2.1.2 GLAUCOMA

Media Brasil, 2011

27

Perda de viso perifrica devido ao aumento de presso dentro dos olhos, a viso fica borrada conforme simulao da FIGURA 4.

FIGURA 4: SIMULAO DA VISO DE UM PORTADOR DE GLAUCOMA

Fonte: Media Brasil, http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

2.2.1.3 RETINOPATIA DIABTICA Sendo efeito da diabete, onde ocorre fuga dos vasos sanguneos da retina. Causa manchas escuras no campo de viso, conforme simulao da FIGURA5. FIGURA 5: SIMULAO DA VISO DE UM PORTADOR DE RETINOPATIA DIABTICA

Media Brasil, http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

2.2.1.4 CATARATA

28

Seu efeito deixa a viso turva ou vaga, principalmente sobre efeito da luz, simulao da FIGURA 6. FIGURA 6: SIMULAO DA VISO DE UM PORTADOR DE CATARATA

Fonte: http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

2.2.1.5 POSSVEIS SOLUES A SEREM APLICADAS NO WEB SITE PARA PROBLEMAS DE BAIXA VISO O desenvolvedor pode projetar o site com melhor contraste principalmente no texto. O tamanho do texto tambm fundamental, pois textos pequenos so difceis de l. possvel aderir a novos conceitos de tecnologia, como por exemplo, adicionar leitores de textos nos campos mais importantes, alterar o brilho, contraste ou transparncia das imagens, adicionar at um dispositivo na pgina que j efetue automaticamente na pgina que est sendo visualizada. Atravs de o CSS possvel fazer a anlise de contraste de cores, pois uma ferramenta para verificar se determinada combinao de cores para o fundo e para o primeiro plano, oferecendo boas condies de visibilidade, suas funcionalidades podem fazer simulaes de determinadas condies visuais (MAUJOR, 2011). Para anlise das melhores condies de contraste pode-se observar as diretrizes do WCAG2.0, pois l se prev este ndice que destina-se a facilitar a distino entre o primeiro plano e imagens ou sons de fundo. O analisador de contraste e cores alm de ser uma ferramenta livre, funcional no apenas para imagens, mas tambm para textos.

29

Outro recurso que vm sendo bastante usado utilizar ampliador de tela no site, interessante para mostrar detalhes em fotos, esse recurso pode ser adquirido atravs do JQZoom que uma lupa para ampliar imagens in line construdo na plataforma muito popular, o jQuery. Na verdade um script muito bom e fcil de implementar, para que se possa ampliar tudo o que quisermos. Existem problemas relacionados as cores e estes sero visto no tpico seguinte. 2.2.2 DALTONISMO Outro problema relacionado viso o Daltonismo, que hereditrio e consiste na no percepo das diferenas de cores ou combinaes, conforme apresentados nos prximos tpicos. 2.2.2.1 DEFICIENTES DAS CORES VERMELHO E VERDE Esta a mais comum, tais cores no so distinguidas, sendo que alguns conseguem distinguir com outros tons tipo amarelo, laranja ou bege, conforme FIGURA 7. FIGURA 7: SIMULAO DE VISO DE UM INDIVDUO PORTADOR DE PROTANOPIA E PROTANOMALIA

Fonte: http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

2.2.2.2 PROTANOPIA E PROTANOMALIA A cor vermelha sempre se apresenta com um tom diferente, FIGURA 8.

30

FIGURA 8: SIMULAO DE VISO DE UM INDIVIDUO PORTADOR DE PROTANOPIA E PROTANOMALIA

Fonte: http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

2.2.2.3 DEUTERANOPIA, DEUTERANOMALIA E TRITANOPIA Deuteranopia e deuteranomalia a deficincia em enxergar a cor verde, Tritanopia, dificuldade em enxergar a cor azul, simulao na FIGURA 9. FIGURA 9 SIMULAO DE VISO DE UM INDIVIDIO PORTADOR DE TRITANOPIA

Fonte: http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

2.2.2.4 ROD MONOCROMIA OU ACRIMIA Nesse grupo, os indivduos tm dificuldade em enxergar as cores, simulao FIGURA 10. FIGURA 10 SIMULAO DE VISO DE UM INDIVDUO PORTADOR DE ROD MONOCROMIA OU ACROMIA

31

Fonte: http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V

O WCAG orienta que a cor no deve ser a nica forma de identificar elementos numa pgina web, se determinado campo, formulrio, imagem no for acessvel simplesmente por causa da cor, ento este site deixa de ser acessvel. A grande questo que as pessoas que possuam deficincia gerada pelo daltonismo no conseguem distinguir as cores, mas isso no quer dizer que deixe de utilizar determinada cor, o que na verdade necessrio um estudo de cores, por exemplo, se o problema o vermelho, na verdade basta descobrir qual tonalidade de vermelho pode ser usada que no venha prejudicar a diferenciao de cores pelo daltnico, o mesmo acontece com o azul. Alguns cdigos foram criados para ajudar aqueles que possuam esse problema, onde O cdigo consiste em pequenos smbolos que identificam as cores primrias: azul, amarelo e vermelho. A unio de dois smbolos identifica as cores secundrias como o verde, que o amarelo combinado com o azul (ANDRADE, 2012). O desenvolvedor pode utilizar Os novos filtros de cores Soft proofing no photoshop, que simulam viso de pessoas daltnicas, dessa forma possvel distinguir qual tonalidade da cor pode ser visualizada.

2.2.3 CEGUEIRA TOTAL

32

Para este caso, de leitores de tela imprescindvel, o projetista dever organizar bem a consulta pela tecla Tab do teclado, pois atravs dela que o usurio que possua tal deficincia poder utilizar os leitores de tela do mercado. Quando se assiste um deficiente visual usando um leitor de tela, para ns algo muito rpido, pois o fato de ter que utilizar tal ferramenta se torna to comum que o usurio nem precisa escutar todo o texto, pensando nisso o projetista deve organizar dentro do cdigo os textos que devero ser passados em ordem de necessidade, assim como as imagens devem ser marcadas com o ttulo de sua descrio. A Tabela 1 resume os principais problemas relacionados a viso e as principais solues apresentadas na construo do web site. TABELA 1 PROBLEMAS DE VISO E POSSVEIS MELHORIAS BAIXA VISO Problemas
Degenerao macular Glaucoma Retinopatia diabtica Catarata

Efeitos Perda gradual viso Perda de

Melhorias da Melhor contraste principalmente no texto; viso Aumentar tamanho do texto;

perifrica Usar leitores de textos nos campos efeito da diabete deixa a viso turva ou mais importantes; vaga Alterar o brilho, contraste ou transparncia das imagens; Fazer melhorias atravs do CSS; Adicionar dispositivo a pgina para melhorias; Observar diretrizes do WCAG2.0.

DALTONISMO

Problemas
Deficientes cores vermelho verde Protanopia protanomalia Deuteranopia, deuteranomalia

Efeitos das Como j diz.

e e A

Observar

Melhorias diretrizes do

WCAG2.0

referente as cores; cor vermelha Verificar melhor diferentes

sempre se apresenta com um tom diferente. deficincia em enxergar a cor verde.

combinaes de cores; Utilizar filtros de cores Soft proofing

33

Tritanopia

dificuldade

em no

photoshop

ou

similar

que

Rod monocromia ou dificuldade acrimia

enxergar a cor azul. identifique problemas de daltonismo em nas cores. enxergar as cores.

CEGUEIRA TOTAL

Problemas Cegueira Total

Efeitos Falta total de viso

Melhorias Uso de leitor de telas; A orientao dos campos, links e imagens devem seguir uma seqncia lgica. As imagens devem ser corretamente marcadas com textos que as representem;

Fonte: Luiz Silva

Visto os principais e diferentes graus de inacessibilidade para deficientes visuais, fica mais visvel a necessidade do aprendizado para projetar websites acessveis, o problema passa a ser as barreiras que muitos projetistas e desenvolvedores colocam em frente a seus projetos, criando mitos para no utilizar acessibilidade. A forma mais prtica de se passar por todo esse processo dentro do desenvolvimento de um web site, o captulo seguinte aborda a criao de um pequeno sistema para uso de uma instituio de ensino superior foi criado, onde ser possvel passar pelas fases de criao e testes, desta forma podendo no final fazer as devidas correes e incrementaes tornado mais acessvel conforme normas e diretrizes.

34

PROTTIPO DE UM SISTEMA DE CADASTRO PARA INFORMAES DE UMA INSTITITUIO DE ENSINO SUPERIOR Este captulo visa o estudo de um sistema inacessvel atravs de um prottipo

de um sistema de cadastro de faculdade de ensino superior. Sero apresentadas nesse estudo as formas de testar um sistema web obtendo relatrios dos quais ser possvel utilizar os recursos oferecidos nas normas e diretrizes para resolver ou amenizar os problemas de acessibilidade visual. Tambm ser abordado de que forma o desenvolvedor poder utilizar as tecnologias assistativas para testes do web site. A razo para esse estudo ser feito em um Sistema para ser usado pelas IES o fato destas garantirem o aprendizado das tcnicas necessrias para a propagao de uma web acessvel atravs dos cursos destinados a esse fim, tambm devem garantir a conscientizao de cidadania, justificando dessa forma os reais motivos das tcnicas ensinadas serem empregadas. Essas mesmas instituies garantem o acesso daqueles que possuam alguma deficincia acesso as informaes que lhes podero garantir tambm ao acesso do ensino superior por isso se torna fundamental que a difuso e o ensino de tcnicas que viabilizem a construo e publicao na Web de pginas com contedo acessvel, preparando desta forma os futuros construtores de pginas da Internet na perspectiva da incluso. (NICACIO, 2010 P05) 3.1 O PROTTIPO DE SISTEMA INACESSVEL Foi desenvolvido este sistema com o propsito de realizar um estudo de um Website Inacessvel, para que desta forma possa-se utilizar os testes padres e atravs da anlise buscar nas normas e diretrizes existentes as tcnicas apropriadas para tornar o sistema acessvel. Este Sistema de Instituio de ensino Superior onde o intuito cadastrar interessados nos cursos existentes para mant-los informados sobre novas informaes. Como conseqncia do uso do sistema, espera-se a melhora nos principais recursos de web sites de Instituies de Ensino Superior. A FIGURA 11 demonstra a tela de abertura do sistema que atualmente encontra-se no sitio para testes: www.aquitudotem.com.br

35

FIGURA 11 PGINA INICIAL DO PROTTIPO COMO MODELO

Fonte: Luiz silva (2011)

O Sistema de cadastro bem simples, ao acessar o link do modelo Inacessvel apresentado o prottipo do Sistema de Cadastro Universitrio, onde a apresentao de dos cursos existentes para escolha do usurio. Ao acessar o link de modelo acessvel, vai observar que a pgina inacessvel foi formatada com ajustes no cdigo garantindo uma maior acessibilidade. O produto a ser gerado neste projeto um Web site com demonstrao de inacessibilidade conforme FIGURA 12. A pgina foi criada com todas as qualidades para realmente ser realmente inacessvel, com tudo que uma pgina no deveria ser. Aps a utilizao dos testes de acessibilidade, ser possvel avaliar o que pode ser melhorado nesta pgina para que se torne mais acessvel, podendo mesmo at acarretar numa mudana geral.

36

FIGURA 12 PGINA INICIAL DO SISTEMA

Fonte: Luiz silva (2011)

A apresentao de tcnicas de acessibilidade que podem ser ajustadas ao cdigo do sistema aps os testes necessrios serem realizados que sero estudados no tpico seguinte.

3.2 FERRAMENTAS DE TESTES A melhor forma que o desenvolvedor venha analisar a acessibilidade de seu sistema ou site atravs do uso de ferramentas de testes. Para analisar a usabilidade de um sistema, determinando e resolvendo os problemas de interao, necessrio estabelecer uma bateria de avaliaes de testes a serem aplicadas como parte integrante do projeto. (MOREIRA, 2009, p. 30). So vrias as ferramentas que podero ser utilizadas, at mesmo online, mas para uma melhor organizao foi utilizado o programa Ases criado pelo governo eletrnico para avaliar sites do governo e que servem para testar outros sites, j que este programa observa as normas e diretrizes nacionais e internacionais, desta

37

forma os testes podero garantir que linhas de cdigos devem ser mexidas, alm de sugestes que so dadas pelo programa.
Ao desenvolver ou redesenhar um site, a avaliao da acessibilidade logo no incio e ao longo do trabalho detectar itens de acessibilidade que se tornaro mais fceis de corrigir do que se deixarmos o trabalho de avaliao para o final do projeto. Tcnicas simples, tais como alterar as 'setagem' do browser (resoluo, tamanho da janela, tamanhos de fontes, etc...) podem determinar conformidades com alguns itens de acessibilidade. Uma avaliao acurada para determinar se um site est conforme as diretrizes de acessibilidade uma tarefa mais complexa (HENRY, 2011).

Para uma melhor garantia dos testes, as tecnologias assistativas que so de usadas por aqueles que possuem alguma deficincia, so vitais para testar de determina operao realmente funcionar de forma correta, tal como os testes de acessibilidade que sero estudados no prximo tpico. 3.3 TESTE DE ACESSIBILIDADE So realizados testes de caixa branca, pois o analista ou desenvolvedor tem acesso a toda parte estrutural do sistema, podendo mexer no cdigo livremente. O teste de acessibilidade o principal dentre todos, pois diz respeito observao da acessibilidade em pginas e websites. possvel combinar uma srie de tcnicas como a verificao da codificao usada em paginas Web com auxilio de ferramentas automticas usa de navegadores e tecnologias assistativas em diferentes configuraes de acesso. Atravs do teste de acessibilidade possvel listar as principais verificaes: Utilizar ferramenta Ases para verificar todos os pontos inerentes a inacessibilidade.
1. Utilizar Leitor de tela para averiguar pontos ilegveis no contexto.
2. Utilizar Ampliador de telas para averiguar legibilidade do contedo. 3. Checar os textos alternativos para imagens que transmitam informao. 4. Checar os textos alternativos para imagens decorativas 5. 'Oua' contedos de vdeo e udio, sem volume 6. Checar a acessibilidade de seus formulrios 7. Checar a possibilidade de aumentar o tamanho dos textos 8. Checar seu web site no browser Lynx 9. Checar a navegabilidade sem uso de um mouse (MAUJOR, 2011)

Assegure-se que os textos dos links sejam descritivos para o destino remetido

38

Todas essas etapas podem ser realizadas como programas especficos, no caso do ASES que ser abordado no prximo tpico, como tambm por Tecnologias assistativas. A necessidade de trazer acessibilidade aos usurios de computador trouxe a tona o desenvolvimento de vrias ferramentas de acessibilidade, tanto para uso desktop como para uso na internet. 3.3.1 USO DA FERRAMENTA ASES O diferencial dessa ferramenta dentre vrias outras existentes que possam testar a acessibilidade o fato de ser uma ferramenta livre, de uso do Governo Brasileiro, o que j traz certa confiabilidade e segurana, h tambm a importncia que suas funcionalidades atende aos requisitos mnimos para avaliar um site na questo da acessibilidade abordada nesse trabalho. O programa avalia a acessibilidade seguindo modelo e acessibilidade (E-MAG e WCAG), tem um avaliador de CSS e HTML (4.01 e XHTML), alm de simuladores de leitor de tela (tempo) e Baixa viso (daltonismo, miopia, catarata); Possui uma ferramenta para selecionar o DocType, contedo alternativo, associador de rtulos, links redundantes, corretor de eventos e preenchimento de formulrios. F O programa foi desenvolvido para uso tanto no Windows6 como no Linux7 e pode ser baixada no site do Governo Eletrnico.
Alm de avaliar a acessibilidade de um stio, o ASES tambm permite os procedimentos necessrios para a sua correo e avalia o CSS e HTML de pginas. possvel, na verso 1.0, avaliar a acessibilidade tanto pelo e-MAG 2.0 quanto pelo padro internacional WCAG 1.0. O ASES um programa de plataforma, sendo possvel a anlise de stios inteiros, ou apenas camadas e sees especficas, algo que no pode ser realizado por validadores Web, que avaliam apenas a pgina fornecida pela url.(GOVBR, 2011).

Para instalao da ferramenta pr-requisito o uso de Java Application Platform SDK para Windows e Java Runtime Environment JRE para Linux, ambos responsveis para rodar aplicaes Java no PC. necessrio tambm fazer cadastro na comunidade do Ases, para poder logar e ter aceso aos recursos da ferramenta, o que pode ser feito acessando: http://www.softwarepublico.gov.br/register/user-new Para aqueles que no tm interesse em baixar o sistema ASES, mas gostariam
6 7

de

uma

ferramenta

simples

online,

podem

usar

Para Windowns: http://www.governoeletronico.gov.br/anexos/ases-windows/view?searchterm=ases Para Linux: http://www.governoeletronico.gov.br/anexos/ases-linux/view?searchterm=ases

39

http://www.dasilva.org.br, Site Desenvolvido pela Acessibilidade Brasil em 2006, com recursos baseados no ASES, porm simplificados, alm da anlise apenas do cdigo HTML, atendendo de forma prtica ao usurio. Um avaliador um software que detecta um cdigo HTML e faz uma anlise do seu contedo, verificando se est ou no dentro de um conjunto de regras. No nosso caso, a anlise feita usando as regras de acessibilidade do WCAG e EGOV(ACESSIBILIDADE BRASIL, 2011). Existem vrias ferramentas para teste de acessibilidade, mas O uso destas, principalmente o ASES, suficiente para este estudo. 3.4 FERRAMENTA DE VALIDAO Passar pelas validaes de acessibilidade vai exigir do projetista mais ateno s diretrizes da W-cag e E-mag ou outra qualquer outra.
A avaliao da acessibilidade deve ser feita por meio de ferramentas automticas e da reviso direta. Os mtodos automticos so geralmente rpidos, mas no so capazes de identificar todas nuances da acessibilidade. A avaliao humana pode ajudar a garantir a clareza da linguagem e a facilidade da navegao (Recomendaes para a acessibilidade8).

Os desenvolvedores buscam que o cdigo do site seja vlido, para a maioria das pessoas significa validar apenas o HTML/XHTML, mas existem ferramentas que validam tambm as CSS. O cdigo CSS, apesar de haver diferenas entre renderizao entre navegadores e suas verses e ser obrigado a testar para tentar conciliar a diferena entre eles (ACESSIBILIDADE LEGAL, 2011). Cdigos vlidos significam tambm rapidez de interpretao para todos os agentes do usurio, sejam navegadores ou tecnologias assistativas, assim, conexes lentas, discadas ou conexes divididas por inmeros usurios em rede, tecnologia assistativas, como ampliadores de tela, que navegam associados muitas vezes a leitores de tela e possuem um peso que acabam por aumentar o tempo de navegao, comeam atravs de cdigos corretos a possurem um tempo de download das pginas web mais adequados. 3.5 TESTES COM LEITORES DE TELA
8

Recomendaes para a acessibilidade do contedo da web 1.0. Em: <http://www.acessobrasil.org.br/media/2/20030828-w3crevisto3.doc>, Anexo A, acessado 9/ de outubro de 2011.

40

O Jaws (Job Acess With Speech) sem dvida o principal leitor de telas do Mercado. Desenvolvido pela Freedom Scientific o software conisderado por muitos o melhor e mais completo leitor de telas para plataforma Windows.
O software permite aos usurios cegos ou com baixa viso acesso quase que total as principais funcionalidades do sistema, desde manipulao de pastas arquivos e arquivos configurao e personalizao do sistema, criao e edio de documentos no pacote escritrio Office, navegao em sites da internet, entre outras funcionalidades (MELO, 2011).

Existem muitas tecnologias assistativas no mercado e que tem evoludo com o tempo, o uso de determinada ferramenta depende muito da afeio ou praticidade do usurio. No tpico seguinte tais tecnologias sero melhor argumentas.

3.4 TECNOLOGIAS ASSISTATIVAS Essas ferramentas por um longo perodo apresentavam vrios problemas com o contedo na internet a exemplo de deficincia na leitura de imagens, vdeos, Java script, aplicaes em Java, dentre outras, mas graas renovao do conceito do contedo na internet, existe a possibilidade de trazer acessibilidade a todo esse contedo antes inacessvel, claro que necessrio que o desenvolvedor do website ajude criando o sistema de fcil leitura por estas ferramentas ou programas, chamados de Tecnologias Assistativas.
Tecnologias assistativas uma rea do conhecimento, de caractersticas interdisciplinar, que engloba produtos, recursos, metodologias, estratgias, prticas e servios que objetivam promover a funcionalidade, relacionada atividade e participao de pessoas com deficincia, incapacidades ou mobilidades reduzida, visando sua autonomia, independncia, qualidade de vida e incluso social (COMIT DE AJUDAS TCNICAS, 2007).

A maior dificuldade para o usurio achar a ferramenta ideal que atenda as suas necessidades, pois apesar de haverem muitas, a facilidade de uso um diferencia, onde o utilizador vai esbarrar em algumas dificuldades como aprendizado da ferramenta, tempo hbil para isso, a relao do sistema operacional que estiver utilizando com a ferramenta, tempo de resposta para execuo da tarefa, dentre outros. Entende-se por tecnologia assistativa recurso facilitador, um instrumento ou utenslio que especificadamente contribuir no desempenho da tarefa desejada. H ainda a necessidade do aprimoramento de muitas ferramentas pra que chegue a um

41

padro ideal, pois essas tecnologias surgem com grande importncia para o desenvolvimento social. O prprio Governo brasileiro atravs de pesquisas criou um sitio relacionado a Tecnologias assistativas, mostrando a importncia do desenvolvimento dessas tecnologias. A grande questo para a realizao de testes com ferramentas assistativas o fato de o desenvolvedor poder fazer com que o site esteja precavido com o uso das vrias tecnologias existentes, no entanto deve-se pensar na possibilidade do no obter esses recursos e viabilizar os mtodos necessrios para que venha deixar o web site acessvel. 3.5 RESULTADOS Para obter resultados necessrio o uso das ferramentas de testes, a exemplo do prottipo ser utilizado a ferramenta ASES para avaliar a acessibilidade do sistema. Aps baixado e implantado, ao abrir aparecer a seguinte tela correspondente a FIGURA 13. No campo 1, coloca-se o tipo de avaliao, ou seja qual por quais diretrizes o site vai ser avaliado se pela diretriz internacional WCAG ou a nacional E-MAG. No Campo 2, deve ser escolhido o nvel de avaliao, no campo 3 a prioridade que vai de 1 a 3 e no campo 4 digita-se o site a ser verificado. No prprio site do governo eletrnico a um manual sobre todas estas especificaes9, porm o uso do programa intuitivo e fcil, a priori a ser aberto as principais funes j ficam pr selecionadas, bastando adicionar o link ser verificado executar a tarefa de avaliao.

FIGURA 13 TELA INICIAL DO ASES

http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/material-de-apoio/ases-avaliador-esimulador-de-acessibilidade-sitios/ases-avaliador-e-simulador-de-acessibilidade-sitios

42

Fonte: ASES, Avaliador e simulador de Acessibilidade

Quando avaliado gerado um reumo de relatrio conforme FIGURA 14 e para verificar quais problemas foram encontrados clica-se duas vezes em uma das observaes, no exemplo ser visualizado o item ERROS P1, correspondente a erros de prioridade 1. FIGURA 14 RESUMO DE RELATRIO

ACESSIBILIDADE

A tela que se segue, conforme FIGURA 15, mostra do tudo referente aos erros de prioridade 1, no lado superior esquerdo exibido o cdigo da pgina, na parte inferior a descrio dos erros, ocorrncia de cada erro e as linhas onde encontra-se. Do lado direito observaes e sugestes para fazer melhorias.

43

Ao clicar no PV (Ponto de Verificao), so dadas sugestes de melhorias para o PV selecionado. FIGURA 15 PONTOS DE VERIFICAO

Fonte: ASES, Avaliador e simulador de Acessibilidade

Como resultado dessa avaliao possvel verificar todos os pontos correspondentes as diretrizes escolhidas, sem precisar conhecer todas, pois a prpria verificao indicar o que deve ser feito de acordo as diretrizes, dessa forma possvel avaliar cada erro e realizar as melhorias mais adequadas. O resultado final ser obter um site com uma tima correo, que seja bem minuciosa, ou rpida caso queira-se apenas melhoras alguns itens escolhidos. O programa Ases prova ser um importante aliados do desenvolvedor na criao de web sites acessveis, fazendo um trabalho eficiente e com qualidade.

44

CONCLUSO Verificado todos os pontos que atinge a acessibilidade para pessoas com deficincia visual, possvel conseguir desenvolver um produto que possa atender as necessidades mostradas. possvel desenvolver web sites acessveis utilizando adequadamente os testes de acessibilidade, aplicando dessa forma os padres sugeridos nas normas e diretrizes na codificao do sistema. Seguindo as regras mais bsicas possvel atravs das linguagens apropriadas para internet, utilizar cdigos simples que trabalhem principalmente acessibilidade para deficientes visuais, j que essa a de maior incidncia no pas. Atualmente possvel desenvolver cdigo em HTML, CSS, PHP e at mesmo no Java Script e novas tcnicas so desenvolvidas melhorando o padro existente. Atravs dos testes de acessibilidade e testes utilizando tecnologia assistativas, onde dessa forma possvel analisar os principais problemas de acessibilidade e desta forma utilizar todo conhecimento adquirido nas normas e diretrizes para utilizar os principais recursos e resolver o problema. As tecnologias assistativas que so utilizadas pelos usurios so fundamentais para testes pelo desenvolvedor, pois atravs delas possvel averiguar como o site reagir determinada ferramenta. fundamental tambm o conhecimento dos principais problemas crnicos que trazem problemas visuais, pois desta forma este conhecimento ser til para agir exatamente para atingir a inacessibilidade causada pelos mesmos. O aprimoramento do conhecimento dos cdigos e ferramentas necessrias para criao de web sites tem muita importncia e devem seguir as orientaes fornecidas pelas principais diretrizes e normas que este poder conseguir realizar um bom trabalho. O estudo apresentado nesse trabalho possibilita a avaliao de um prottipo de um sistema web de cadastro utilizado pode uma instituio de ensino superior, avaliando dessa forma as melhores ferramentas de testes e assistativas que podem ser utilizadas e onde atravs do relatrio ser possvel aplicar no cdigo gerado uma reavaliao e em consequncia um ajuste utilizando na linguagem e nos locais apropriados o cdigo que trar acessibilidade, a modificao no layout e cores necessrias. O programa Ases destaca-se como a melhor ferramenta para avaliao

45

de sites, alm de ser um produto nacional e gratuito, segue os modelos de avaliao do WCAG ou do E-MAG, obtendo uma tima resposta no sentido de verificar todos os problemas existentes e possibilitando a indicaes das melhorias que podem ser realizadas. A acessibilidade conseguida seguindo todas essas etapas e por isso que muitos desenvolvedores deixam passar em branco, apresentando apenas um trabalho sem preocupao do pblico alvo, porm este conceito tem mudado, principalmente pelo fato que a internet tem chegado s diversas classes sociais e adequar-se a ela se torna fundamental para que o pblico alvo possa no apenas visitar o web site, mas que tambm se torne referncia para retorno. Ao que se refere as instituies de ensino superior, as tcnicas empregadas possibilitam alm de um melhor preparo nos sistemas e web sites das instituies para atender a crescente demanda de indivduos portadores de deficincia visual, como tambm obter a preferncia desse pblico que precisa ser alcanado graas ao seu alto potencial e com certeza as instituies que conquistarem esse pblico podero usufruir do privilgio de serem pioneiras nesse assunto podendo explorar as varias possibilidades que surgirem. Cabe salientar que tais melhorias apenas no atendero a este pblico especfico, mas de certa forma a todos, pois quando so aplicadas tcnicas de acessibilidade num web site, este se torna mais transparente, rpido, organizado alm de mais agradvel, possibilitando novos adeptos e a obteno de alta referncia para acesso.

46

REFERNCIAS HAZARD, Damien et al. Incluso digital e social de pessoas com deficincia, Organizao das Naes Unidas a Educao, a Cincia e a Cultura. (UNESCO), 2007 . NICCIO, Jalves Mendona, Tcnicas de acessibilidade - Criando uma web para todos. Braisil, Editora edUFAL, 2010. LUQUE, Leandro et al. Artigo: Acessibilidade Java, Java Magazine, Brasil, editora DevMedia, 2011. KRUG, Steve, No me faa pensar, EUA, editora Alta books, 2 edio, 2010. FERREIRA, Sueli Soares Pinto, Acessibilidade e viabilidade de Revistas Cientificas Eletrnicas, Editora Senac, 2010. Instituto de Tecnologia Social, Tecnologias Assistativas nas escolas, p.06. Em: <http://www.itsbrasil.org.br/pages/23/TecnoAssistiva.pdf>. Acesso em 9/10/2011 ItsBrasil, em: < http://www.itsbrasil.org.br/pages/23/TecnoAssistativa>. Acesso: 9/10/2011 Governo eletrnico, em: <www.governoeletronico.gov.br/acoes-e-projetos>. Acesso 22 de outubro de 2011. Governo eletrnico, em: <http://www.governoeletronico.gov.br/acoes-e-projetos/eMAG>. Acesso 10 de julho de 2011 Henry, Shawn Lawton, artigo: Introduo a acessibilidade web. Em: <http://maujor.com/w3c/introwac.html>, acesso 07 de Novembro de 2011. Kaln, 1997 apud Souza, Portal do empreendedor da UA: Uma ferramenta de incentivo e apoio ao empreendedorismo. Em: <HTTP://ria.ua.pt/bitstrean/10773/3588/14318.pdf>. Acesso 5 de outubro de 2011. GOMES, Ivo, Usabilidade na Acessibilidade. Em: <http://usabilidoido.com.br/usabilidade_na_acessibilidade.htm>. Acesso 24 de outubro de 2011. Media Brasil. Em: <http://www.brasilmedia.com/Baixa-visao.html#.Trq7RvRKP3V>. Acesso 11 de novembro de 2011. MAUJOR, Analisador de Contraste de Cores 1.1. Em: <http://maujor.com/tutorial/ccanalyser.php> acesso 11de dezembro de 2011. MAUJOR, 10 testes rpidos para checar a acessibilidade ao seu web site. Em: <http://maujor.com/tutorial/ccanalyser.php> acesso 11de dezembro de 2011.

47

GovBr , p1 e p2. Em: < http://www.slideshare.net/govbr/artigo-ases>, acesso 15 de outubro de 2011. ANDRADE, Milton. Em < http://miltonandrade.com/?p=1918>. acesso 11 de janeiro de 2012. HENRY, Shawn Lawton. Introduo a acessibilidade web. Em: <http://maujor.com/w3c/introwac.html>, Acesso 07 de novembro de 2011. Acessibilidade Brasil, artigo: O que o DaSilva?. Em: < http://www.dasilva.org.br/? itemid=10>, acesso 15 de novembro de 2011. ACESSIBILIDADE LEGAL, Em:< http://acessibilidadelegal.com/23-padroesweb.php> Ricardo de melo, artigo: 5 leitores de tela para seu computador. Em <HTTP:///www.movimentolivre.org/artigo.php?id=50> acesso 9 de outubro de 2011. Comit de Ajudas Tcnicas, Corde/SDE/PR, 2007 apud OTS Brasil, Instituto de tecnologia Social, Tecnologia Assistativa nas escolas, p11, Em: < http:www.itsbrasil.org.br/pages/23/TecnoAssistativa.pdf>.Acesso 9 de outubro de 2011