Você está na página 1de 9

Acessibilidade na Web para Deficientes Auditivos: Um

Estudo de Caso do Site do Vestibular da UFG


Adoniran Dias Ribeiro Andrade, Renato de Freitas Bulco Neto
Instituto de Informtica Universidade Federal de Gois (UFG) Caixa Postal
131 CEP 74001-970 Goinia GO - Brasil
adoneribeiro@gmail.com, renato@inf.ufg.br

Resumo. O presente trabalho tem com tema principal a incluso de deficientes
auditivos na web, notadamente em sites voltados para a Educao. O trabalho inclui
um estudo de sites de universidades que contem contedo e interao adaptados para
essa categoria de usurio, bem como um levantamento das tecnologias disponveis que
apoiam esse processo de adaptao. Como estudo prtico, os autores desenvolveram
pginas web de um site de universidade federal brasileira com contedo na linguagem
LIBRAS, apoiado sobre a tecnologia HTML 5.0. Ao navegar em um site com contedo e
navegao adaptados a suas necessidades, o usurio deficiente auditivo goza no
somente de uma melhor experincia de acesso informao, mas principalmente de
incluso social na Web.
1. Introduo
Dentro da rea educacional existem muitas instituies com pginas web com
intuito de promover uma melhor interao entre o pblico e a prpria instituio. Na
verdade, as pginas web so formas fceis e rpidas de buscar e apresentar contedos e
informaes sobre tudo da instituio, qual sua existncia, e o que ela apresenta.
Informaes de pginas web so visitadas por muitos tipos de usurios, e dentre
esses usurios algumas so pessoas portadoras de necessidades especiais, e por isso,
esse pblico precisa de auxilio para entender por completo as informaes e contedos
prestados nas pginas web.
Aps realizar pesquisas na Web, foi concludo no ser comum encontrar sites
institucionais de universidades ou de departamentos voltados para a educao com
contedos e navegao que ofeream acessibilidade ao portador de deficincia auditiva.
Poucos sites exibem o seu contedo da forma devida para o pblico com necessidades
especiais, o que desmotiva essa classe de usurios, assim como sentido quando um
determinado site no oferece as informaes como desejado, at deixar de ser
acessado para procurar outro com contedo e navegao mais adequados.
Nesse contexto, padres e regras so definidos por organizaes para ajudar na
criao de ambientes que promovam a acessibilidade s pessoas portadoras de
necessidades especiais. Esses padres e requisitos so desenvolvidos para trazer
facilidade e para definir melhores condies de uso e tambm de desenvolvimento aos
construtores das pginas web.
Este trabalho apresenta um modelo de pgina do site do Centro de Seleo da
Universidade Federal de Gois reformulado, utilizando recursos do mais recente padro
de codificao para criao de pgina web, chamado HTML 5.0, criado pela
organizao do W3C
1
que desenvolve padres para a criao e a interpretao de
contedos para a Web. Assim, os novos recursos estabelecidos no HTML 5.0, como as
marcaes de vdeo podem trazer uma melhor visualizao do contedo para portadores
de necessidade especial auditiva, juntamente com o uso da Linguagem Brasileira de
Sinais, que a linguagem padro desses usurios.
A nova verso do site mostra os contedos com mais interatividade para o
pblico indicado, tambm demonstra tecnologias e padres que podem auxiliar na
construo de ambientes e pginas web que possibilitem um contato diferenciado com o
pblico portador de necessidades especiais.
Este trabalho aborda a necessidade do deficiente auditivo de navegar nos sites de
internet em busca de informao, a expectativa do mesmo ao se relacionar sozinho com
a pgina e contedo sem necessidade de outro meio facilitador (como exemplo, um
interprete da lngua). O trabalho tambm descreve novos recursos e modelos de
tecnologias disponibilizados pelos rgos padronizadores governamentais e no
governamentais.
2. Tecnologias Voltadas a Acessibilidade
(SARTORETTO, 2012) O termo Tecnologia Assistiva utilizado para
identificar todo o arsenal de recursos e servios que contribuem para proporcionar ou
ampliar habilidades funcionais de pessoas com deficincia e, consequentemente,
promover vida independente e incluso. Os recursos so todo e qualquer item,
equipamento ou parte dele, produto ou sistema fabricado em srie ou sob medida
utilizado para aumentar, manter ou melhorar as capacidades funcionais das pessoas com
deficincia. Os servios so definidos como aqueles que auxiliam diretamente uma
pessoa com deficincia a selecionar, comprar ou usar os recursos acima definidos.
Nesse contexto, o trabalho foi atualizar o site do Centro de Seleo da UFG, a
pgina de download dos vdeos do edital do vestibular que permite ao usurio baixar os
vdeos para o seu computador. A atualizao foi realizada com os recursos oferecidos
pela tecnologia do HTML 5.0 empregados na construo da pgina de download, que a
partir da atualizao, passe-se a v os vdeos na prpria pgina do centro, como tambm
produzindo um novo visual para a pgina, que melhora a visualizao, permitindo uma
melhor localizao do contedo.
(BRUCE, 2011) Afirma que prover acessibilidade para pessoas com
necessidades especiais uma disposio legal. Desenvolver com a preocupao de
contemplar a acessibilidade uma das caractersticas que diferencia um verdadeiro
profissional web de um iniciante.
Com este proposito de promover a acessibilidade nas pginas de sites
educacionais, foi iniciado um estudo de caso da atualizao da pgina web do Centro de
Seleo da UFG, neste trabalho afirma-se que o novo estilo e as novas tecnologias
empregadas na reconstruo, podem proporcionar melhor interatividade entre o usurio
e pgina web. Com esta ideia pode-se alcanar mais e mais pginas web educacionais,
para que essas atualizem seus contedos e suas pginas web com o intuito de oferecer
melhor condio de uso, atingindo variados tipos de usurios.

1
www.w3schools.com/html5/default.asp - Pgina da Organizao W3C para exemplos de codificao em
HTML5
(WIKIPDIA HTML5) A quinta verso da linguagem HTML traz consigo
importantes mudanas quanto ao papel da HTML no mundo da Web, atravs de novas
funcionalidades como semntica e acessibilidade.
No HTML 5.0 encontra-se novas funes sintticas que foram projetadas com a
finalidade de tornar mais fcil a incluso e a manipulao de contedo grfico e
multimdia na web sem necessidade de recorrer a plug-ins e APIs (Interface de
Programao de Aplicativos), e que proporciona ao programador e desenvolvedor de
pginas web um melhor desempenho no trabalho de criao das pginas web. Sendo
assim, a criao de pginas web com o HTML 5.0 uma forma de promover a
acessibilidade para pessoas portadoras de necessidades especiais.
No exemplo que demonstrado neste trabalho, o HTML 5.0 melhora as
condies para deficientes auditivos, com uma melhor disposio do contedo,
condicionando uma visualizao e entendimento de forma fcil e rpido os contedos
postados nas pginas web.
3. Sites de Universidades Federais no priorizam a acessibilidade
O uso do computador e o uso da internet so um grande passo para incluso de
pessoas com deficincia, oferecendo possibilidades de independncia e autonomia.
Raramente a deficincia de algumas pessoas as impedem de utilizar as tecnologias, mas
no uma barreira para o aprendizado e conhecimento. Pessoas com deficincia
auditiva e pessoas com outros tipos de deficincia encontram vrios obstculos de
acessibilidade que dificultam ou atrapalham a obteno dos contedos que as pginas
web transmitem.
Faz-se entender que priorizar acessibilidade no somente deixar em primeira
pgina contedos voltados a deficiente fsicos, mas oferecer recursos que permitam ao
usurio entender a mensagem que o ambiente apresenta, quer seja na pgina inicial,
quer seja nas demais pginas de um site.
Atravs das pginas das universidades pode-se ter muitas informaes
diferentes. Ultimamente, concursos e vestibulares so os assuntos mais procurados, mas
a grande questo que algumas dessas pginas web onde esto inseridas as informaes
dos concursos e vestibulares no proporcionam uma interatividade com o pblico que
possui deficincia fsica auditiva.
Algumas universidades possuem pginas web acessveis com vdeo, que um
dos meios interativos para pessoas surdas, como exemplo a Universidade Federal de
Santa Catarina, que possui o edital do vestibular em Libras, a Universidade Federal da
Grande Dourados do Mato Grosso do Sul, que adaptou a prova do vestibular em vdeo,
e o site do Centro de Seleo da Universidade de Gois que tambm adaptou o edital do
vestibular em Libras apresentado em vdeo. Porm, a navegao at a pgina que
contm os vdeos no so adaptadas a pessoas que necessitam de acessibilidade; o
usurio portador de necessidade especial deve percorrer todo o site at as pginas com
vdeos em Libras. As pginas no demostram o uso de novos recursos que so
apresentados dentro da tecnologia do HTML 5.0 que podem melhorar o acesso. O lado
bom que as universidades j comearam a desenvolver alternativas de comunicao
acessveis, como a adaptao do contedo interativo para o publico surdo.
4. Certificao de Acessibilidade - Modelo para sites de governo
brasileiro
(E-MAG, 2011.) O Departamento de Governo Eletrnico brasileiro em parceria
com a ONG Acessibilidade Brasil, elaborou o modelo de acessibilidade de governo
eletrnico e-MAG, com a ideia de facilitar o acesso para todas as pessoas s
informaes e servios disponibilizados nos sites e portais do governo desde 18 de
janeiro de 2005 com o material para consulta pblica do modelo e-MAG. O modelo tem
como objetivo garantir que o processo de acessibilidade dos sites do governo brasileiro
seja conduzido de forma padronizada, de fcil implementao, coerente com as
necessidades brasileiras e em conformidade com os padres internacionais.
Os padres de acessibilidade do e-MAG, compreendem recomendaes ou
diretrizes que visam tornar o contedo Web acessvel a todas as pessoas, inclusive s
pessoas com deficincia, destinando-se aos autores de pginas, projetistas de stios e aos
desenvolvedores de ferramentas para criao de contedo.
O modelo referenciado trata de um conjunto de recomendaes para ser utilizado
no processo de acessibilidade dos sites e portais do governo brasileiro, para que tenham
forma padronizada e sejam de fcil implementao. O modelo tem cincia das
necessidades das pessoas brasileiras e tem por base os padres internacionais para
criao dos contedos e pginas web, com o foco nas orientaes aos profissionais que
almejam a publicao de contedo, desenvolver, alterar ou adequar pginas, sites e
portais, permitindo a acessibilidade ao maior nmero de pessoas.
Atravs do modelo e-MAG, a pgina do site alvo do trabalho, foi submetida para
certificao que a mesma est dentro dos padres aceitveis de acessibilidade
determinados pelo programa.
5. O Projeto de Atualizao da Pgina web do Centro de Seleo com
Recursos de Acessibilidade do HTML 5.0
O Centro de Seleo da Universidade Federal de Gois o rgo encarregado da
realizao dos concursos vestibulares da UFG e tambm concursos pblicos diversos. O
centro mantm uma pgina web que pode ser acessada pelo endereo www.cs.ufg.br para
disponibilizar aos usurios informaes sobre processos de seleo de vestibulares e
concursos pblicos e demais informaes do Centro de Seleo.
A pgina do Centro de Seleo contendo o edital em Libras para candidatos
surdos do vestibular 2012/1
2
foi submetida atualizao conforme os novos padres do
HTML 5.0 com a finalidade de exibir os contedos de uma forma compreensiva para o
pblico com deficincia auditiva que usa a lngua de sinais brasileira como meio de
comunicao e obteno de informao.

2
www.vestibular.ufg.br/2011/ps2012_1/librasdownload.php - Link da pgina de download do edital em
Libras

Figura 1 - Pgina do Edital em Libras com player para exibio online
A figura 1 demostra uma pgina criada para exibir um vdeo com a explicao
de um item do edital em Libras. Para a exibio deste vdeo, o browser do usurio deve
ter instalado plug-ins e outros recursos necessrios exigidos, o que no interessante
aos usurios, pois traz um desconforto na procura de plug-ins ou programas para
decodificao da pgina web, o que no bem visto pelos padres que garantem que a
pgina acessvel deve trazer todos os recursos j previstos para o usurio somente usar a
pgina e poder ver o seu contedo de maneira prtica e objetiva.

Figura 2 - Pgina Submetida a Atualizao A imagem acima a pgina atual do Centro de Seleo
com os vdeos do edital para download, o usurio pode clicar sobre o item para descarregar a
informao.
A figura 2 mostra o contedo da pgina somente para download, no traz outra
interao com o pblico, que pode levar aos usurios esquecerem depois de baixados os
vdeos. Os usurios deixam de ter contato com a pgina web, passam a ver o contedo
em sua mquina, deixando de lado outras informaes que a pgina pode trazer;
infelizmente no h outros recursos que os mantenham conectados. A pgina web acima
vista na figura 2 no oferece nada alm dos arquivos para download, sem qualquer
interao adicional de navegao pelo contedo em vdeo.
As tecnologias empregadas na atualizao da pgina so recursos que melhoram
a interao do usurio pgina, pois possibilita o usurio ver na prpria pgina o
contedo dentro da sua linguagem padro de comunicao. Pessoas com deficincia
auditiva utilizam os olhos e mos para comunicao, sendo atravs de vdeos e imagens
a forma mais convencional para comunicao com esses usurios.
Quando um usurio portador de necessidade especial, no exemplo que trazemos,
uma pessoa surda encontra uma pgina que traz na sua linguagem o contedo e as
explicaes de como navegar no site, este passa a ter uma melhor interatividade com a
pgina web, neste caso, o acesso ao site fica mais fcil de ser entendido e assim
consegue localizar com mais agilidade o contedo que procura.
Na nova verso do HTML tem novas possibilidades de utilizar recursos visuais
de maneira melhorada, o que gera uma satisfao para quem faz a programao e
construo da pgina. Os vdeos que so trabalhados na pgina podem ser
implementados de forma mais fcil e rpida, e a partir disso pode construir uma pgina
tambm fcil de ser usada e com agilidade na exibio, independente de plataforma que
os usurios utilizaro, transformando a pgina bsica em pginas mais interativas e
acessveis.
Durante a atualizao da pgina foi utilizado o recurso de vdeos, que de acordo
como o novo padro HTML 5.0, um dos recursos mais indicado para trabalhar em
sistemas ou pginas web destinados aos portadores de deficincia auditiva. A tecnologia
permite trabalhar melhor os vdeos. Tambm foi utilizado recursos de CSS
3
(Cascading
Style Sheets) que configuram o site em uma melhor apresentao visual, condicionando
ao usurio a percepo da interatividade da pgina.
A seguir um exemplo do cdigo utilizado na atualizao da pgina:
<div id="conteiner-video">
<div id="title">Da Abertura</div>
<div id="video">
<center>
<video id="watch-video" width="655" height="373" controls="controls">
<source src="video/1.Abertura.mp4" type="video/mp4" accesskey="t"/>
<source src="video/1.Abertura.webm" type="video/webm" accesskey="t"/>
<source src="video/1.Abertura.theora.ogv"type="video/ogv" accesskey="t"/>
</video>
</center>
</div>


3
http://www.w3schools.com/css/css_intro.asp - Pgina do W3C que define a apresentao de
documentos em HTML utilizando a Folha de Estilos em Cascata.

Figura 3 - Pgina Adaptada Nova Verso HTML 5 A imagem acima demonstra a pgina do Centro
de Seleo com o edital do vestibular no formato de vdeos com os respectivos players para exibio
do contedo.
A nova pgina traz maior interatividade com o usurio, traz a possibilidade de o
usurio saber o que est acontecendo na pgina, traz informaes do que ele pode
encontrar. A nova pgina traz elementos que facilitam o usurio saber o que se passa
com o contedo como: Legendas de diferentes tipos ou formas, controles de vdeos, os
vdeos sem necessidade da instalao de plug-ins e codificadores de vdeos para a
exibio. Bem como a listagem dos vdeos apresentada de melhor forma, trazendo a
interatividade do usurio com a pgina web, as letras, as fontes, as cores usadas na
criao, alm do conforto de encontrar o que precisa neste nico lugar.
6. Consideraes Finais e Trabalhos Futuros
possvel utilizar de vrios recursos que a internet oferece para proporcionar a
diferentes tipos de usurios uma melhor condio de uso das pginas web. Juntando as
tecnologias direcionadas internet para construo de sites e os padres de
acessibilidade, podem-se criar meios interativos para todos os pblicos ou ainda
atualizar o que j temos para promover uma perfeita comunicao do ambiente e o
usurio, seja ele deficiente ou no. Mostrando que os sites educacionais podem
transformar seus contedos e a apresentao dos dados para promover a acessibilidade
de uma maneira fcil e tecnolgica.
A pgina web objeto de estudo deste trabalho foi implementada seguindo os
padres do HTML 5.0 determinado pelo W3C e tambm os padres mencionados no
Modelo de Acessibilidade de Governo Eletrnico (e-MAG), obedecendo aos critrios
que so apontados no modelo verso 3.0 em relao lgica e semntica, leitura
intuitiva, ttulos descritivos e informativos pgina, links claros e sucintos, com
fornecimento alternativo aos textos para as imagens do site e disponibilizao dos
documentos em formatos acessveis.
A pgina do Centro de Seleo da UFG atualizada ser submetida avaliao
por pessoas com necessidades especiais - deficientes auditivos da Universidade Federal
de Gois e por outros da comunidade (Associao de Surdos da cidade de Goinia), no
intuito de testar e verificar a pgina, se a mesma traz a interao e facilidade do
entendimento do contedo da pgina web.
Tambm passar pelo avaliador de acessibilidade "Da Silva" que um avaliador
de websites, um software que detecta a partir anlise do contedo do cdigo HTML,
verificando se est ou no dentro de um conjunto de regras. Que pode ser feito usando
as regras de acessibilidade do WCAG e E-GOV. O Da Silva a ferramenta ideal para
web-designers, webmasters e todas as pessoas que desenvolvem sites para a Internet e
tenham a necessidade de torn-los acessveis.
7. Referncias
BRUCE Lawson, STEVE Faulkner. HTML5 and Acessibility - Acessibilidade
na HTML5. Disponvel em: <msdn.microsoft.com/en-us/magazine//hh204741.aspx>
Acesso em 11 jun. 2012.

CENTRO DE SELEO DA UFG Universidade Federal de Gois Edital de
Vestibular. Disponvel em: <www.vestibular.ufg.br/2011/ps2012_1/edital.php> Acesso
em 13 jun. 2012

SECRETARIA DE LOGSTICA E TECNOLOGIA DA INFORMAO.
e-MAG Modelo de Acessibilidade em Governo Eletrnico/ Ministrio do
Planejamento, Oramento e Gesto, Secretaria de Logstica e Tecnologia da
Informao; Ministrio da Educao, Secretaria de Educao Profissional e Tecnolgica
- Braslia : MP, SLTI, 2011.
Disponvel em <http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG>
Acessado em 17 jun.2012

MODELO VERSO (3.0) - e-MAG Modelo de Acessibilidade em Governo
Eletrnico.
Disponvel em <http://www.governoeletronico.gov.br/biblioteca/arquivos/e-
mag-3.0/download> Acessado em 17 jun.2012

SARTORETTO, Mara Lcia e BERSCH, Rita Assitiva Tecnologia e
Educao, 2012 Disponvel em: <www.assistiva.com.br/tassistiva.html> Acessado em
15 ago. 2012

HTML5 Wikipdia
Disponvel em: <pt.wikipedia.org/wiki/HTML5> Acessado em 15 ago. 2012

UNIVERSIDADE FEDERAL DE SANTA CATARINA (UFSC)
Disponvel em <www.vestibular2012.ufsc.br/index.php?s=libras> Acessado em
15 ago. 2012

UNIVERSIDADE FEDERAL DA GRANDE DOURADOS MATO GROSSO
DO SUL (UFGD)
Disponvel em <www.ufgd.edu.br/noticias/ufgd-e-a-terceira-do-pais-a-traduzir-
a-prova-do-vestibular-na-libras> Acessado em 15 ago 2012

W3C - WIKIPDIA
Disponvel em <pt.wikipedia.org/wiki/W3C> Acessado em 16 ago.2012

HTML 5.0 - W3SCHOOLS
Disponvel em <www.w3schools.com/html5/default.asp> Acessado em 16
ago.2012

DA SILVA - Avaliador de Acessibilidade em Portugus para Websites
Disponvel em <http://www.dasilva.org.br/?blogid=1> Acessado em 19
ago.2012

W3SCHOOLS - Tutorial CSS
Disponvel em <http://www.w3schools.com/css/default.asp> Acessado em 21
ago.2012

HTML.NET - Tutorial CSS
Disponvel em <http://pt-br.html.net/tutorials/css/lesson1.php> Acessado em 21
ago.2012