Sie sind auf Seite 1von 14

Desenvolvimento Web

Aula 6 Acessibilidade na Web


Licenciatura em Computao
Prof.: Diogo Novais

Programao

Padres de Acessibilidade

Diversidade de Habilidades

Acessando sites pelo Dosvox

Padres de Acessibilidade

O poder da Web est em sua


universalidade. Acesso por qualquer
um independente de deficincias
uma caracterstica essencial.

Adaptado de (W3C, 2013)

Padres de Acessibilidade

Qualquer pessoa deve usufruir da internet

Deficincias cognitivas: dficits de ateno,


aprendizado etc.

Acessibilidade tambm envolve questes sociais

Deficincias fsicas: auditivas, motoras,visuais

Pessoas de baixa renda podem no ter acesso a


tecnologias de ponta
A localizao geogrfica pode no dar acesso a
conexes velozes de internet

Acessibilidade envolve Hardware

Nem todo dispositivo capaz de exibir imagens

Padres de Acessibilidade

Acessibilidade na W3C

O grupo WAI, Iniciativa de Acessibilidade Web (do


Ingls Web Acessibility Initiative) trata da
acessibilidade

Adaptada de http://pnld.moderna.com.br/2012/12/03/dia-internacional-da-pessoa-com-deficiencia/

Diversidade de Habilidades

Pessoas podem ter diferentes demandas especiais


dependendo das circunstncias

Perca de habilidades por conta da idade

Mltiplas deficincias

Alterao de habilidades

Restries temporrias

Cada usurio tem restries


diferentes e disponibilidade
diferente em utilizar tecnologias
assistivas

Resultantes de acidentes, cirurgias etc

Restries relacionadas a situao especfica

Audio aps vo
Reduo de viso aps exame de vista

Diversidade de Habilidades

Deficincias Auditivas

Dificuldade ou impossibilidade de identificar sons

Contedo de udio e vdeo deve possuir:

Transcritos para contedo de udio


Reprodutores com legendas e suporte para
ajuste de tamanho, contrate e brilho das
legendas
Opes de parar, continuar e ajustar volume
independente do Sistema Operacional
udio de boa qualidade e facilmente distinguvel
do udio de fundo

Adicionalmente pode ser oferecido contedo


alternativo em Libras

Diversidade de Habilidades

Deficincias Cognitivas ou Neurolgicas

Alteraes no sistema nervoso central, inclusive o


crebro, sem necessariamente impactar na inteligncia
Alguns cuidados podem prover acessibilidade:

Contedo bem estruturado e de fcil orientao


Legendas, formulrios e imagens consistentes
Links e comportamento previsvel
Diferentes formas de navegao

Buscas, menu em rvore, etc

Opo de suprimir popups, imagens, sons ou


animaes

Diversidade de Habilidades

Deficincias Motoras

Dificuldade de realizar movimentos, tremores, ausncia


de membros etc
Alguns cuidados podem prover acessibilidade:

Todo site deve estar acessvel apenas pelo


teclado
reas para clique no devem ser muito
pequenas
Interao no deve exigir preciso na
movimentao do mouse
Pgina deve ter boa navegabilidade

Diversidade de Habilidades

Deficincias Visuais

Dificuldade de distinguir cores, de enxergar de perto,


longe, pequenas imagens, sensibilidade ao brilho ou
perca completa da viso
Alguns cuidados podem prover acessibilidade:

Imagens devem ser utilizadas apenas


composio de aparncia
Grficos, diagramas e imagens devem possuir
texto alternativo explicando seu contedo
Site deve possuir opes de ajustes de cores e
usar bom contraste entre fontes e fundo
Possibilidade de ajuste de tamanho de fontes

DosVox

Programa desenvolvido pelo Ncleo de Computao


Eletrnica (NCE/UFRJ)
Prov acessibilidade para
fornecendo uma interface
sintetizador
de fala

deficientes visuais
orientada por um

DosVox

O programa composto por:

Sistema operacional que contm os elementos de interface


com o usurio;

Sistema de sntese de fala;

Editor, leitor e impressor/formatador de textos;

Impressor/formatador para braille;

Diversos programas de uso geral para o cego, como Jogos


de carter didtico e ldico;
Ampliador de telas para pessoas com viso reduzida;
Programas para ajuda educao de crianas com
deficincia visual;

Programas sonoros para acesso Internet

Leitor simplificado de telas para Windows

DosVox

Leitura de pginas Web pelo Dosvox

Pginas so lidas sequencialmente de acordo com a


ordem de definio no HTML e estilo desconsiderado
Caso haja texto alternativo para imagens lido o texto,
caso contrrio lido o nome da imagem
No navega em contedos Flash
capaz de acessar links, submeter formulrios e fazer
download de arquivos

Referncias
W3C. Acessibility. , 2013. Disponvel em:
<http://www.w3.org/standards/webdesign/accessibilit
y>. Acesso em: 02 de Outubro de 2013.
W3C. Diversity of web users. , 2013. Disponvel
em: <http://www.w3.org/WAI/intro/people-useweb/diversity>. Acesso em: 02 de Outubro 2013.