8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
1/14
Desenvolvimento Web
Aula 6 – Acessibilidade na WebLicenciatura em Computação
Prof.: Diogo ovais
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
2/14
Programação
Padr!es de Acessibilidade
Diversidade de "abilidades
Acessando sites pelo Dosvox
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
3/14
Padrões de Acessibilidade
O poder da Web está em suauniversalidade. Acesso por qualquerum independente de deficiências é
uma característica essencial.
Adaptado de (W3C, !"3#
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
4/14
Padrões de Acessibilidade
#ual$uer pessoa deve usufruir da internet Defici%ncias f&sicas: auditivas' motoras'visuais Defici%ncias cognitivas: d(ficits de atenção'
aprendi)ado etc. Acessibilidade tamb(m envolve $uest!es sociais
Pessoas de bai*a renda podem não ter acesso atecnologias de ponta
A locali)ação geogr+fica pode não dar acesso acone*!es velo)es de internet
Acessibilidade envolve "ard,are em todo dispositivo ( capa) de e*ibir imagens
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
5/14
Padrões de Acessibilidade
Acessibilidade na W-C grupo WA/' /niciativa de Acessibilidade Web 0do
/ngl%s – Web Acessibility Initiative1 trata daacessibilidade
Adaptada de $ttp%&&pnld.moderna.com.br&!"&"&!3&dia'internacional'da'pessoa'com'deficiencia&
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
6/14
Diversidade de Habilidades
Pessoas podem ter diferentes demandas especiaisdependendo das circunst2ncias Perca de 3abilidades por conta da idade
45ltiplas defici%ncias Alteração de 3abilidades estriç!es tempor+rias
esultantes de acidentes' cirurgias etc estriç!es relacionadas a situação espec&fica
Audição ap7s v8o edução de visão ap7s e*ame de vista
Cada usuário tem restri)esdiferentes e disponibilidadediferente em utili*ar tecnolo+iasassistivas
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
7/14
Diversidade de Habilidades
Defici%ncias Auditivas Dificuldade ou impossibilidade de identificar sons Conteúdo de áudio e vídeo deve possuir:
9ranscritos para conte5do de +udio eprodutores com legendas e suporte para
auste de taman3o' contrate e bril3o daslegendas
pç!es de parar' continuar e austar volumeindependente do ;istema peracional
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
8/14
Diversidade de Habilidades
Defici%ncias Cognitivas ou eurol7gicas Alteraç!es no sistema nervoso central' inclusive o
c(rebro' sem necessariamente impactar na intelig%ncia Alguns cuidados podem prover acessibilidade:
Conte5do bem estruturado e de f+cil orientação Legendas' formul+rios e imagens consistentes Lin=s e comportamento previs&vel
Diferentes formas de navegação >uscas' menu em +rvore' etc
pção de suprimir popups' imagens' sons ouanimaç!es
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
9/14
Diversidade de Habilidades
Defici%ncias 4otoras Dificuldade de reali)ar movimentos' tremores' aus%ncia
de membros etc
Alguns cuidados podem prover acessibilidade: 9odo site deve estar acess&vel apenas pelo
teclado
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
10/14
Diversidade de Habilidades
Defici%ncias ?isuais Dificuldade de distinguir cores' de en*ergar de perto'
longe' pe$uenas imagens' sensibilidade ao bril3o ouperca completa da visão
Alguns cuidados podem prover acessibilidade:
/magens devem ser utili)adas apenascomposição de apar%ncia
@r+ficos' diagramas e imagens devem possuir
te*to alternativo e*plicando seu conte5do ;ite deve possuir opç!es de austes de cores e
usar bom contraste entre fontes e fundo Possibilidade de auste de taman3o de fontes
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
11/14
DosVo
Programa desenvolvido pelo 5cleo de Computaçãoletr8nica 0CBE1
Prov% acessibilidade para deficientes visuaisfornecendo uma interface orientada por umsinteti)adorde fala
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
12/14
DosVo
programa ( composto por: ;istema operacional $ue cont(m os elementos de interface
com o usu+rioF ;istema de s&ntese de falaF
ditor' leitor e impressorBformatador de te*tosF /mpressorBformatador para brailleF Diversos programas de uso geral para o cego' como Eogos
de car+ter did+tico e l5dicoF
Ampliador de telas para pessoas com visão redu)idaF Programas para auda G educação de crianças com
defici%ncia visualF Programas sonoros para acesso G /nternet
Leitor simplificado de telas para Windo,s
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
13/14
DosVo
Leitura de p+ginas Web pelo Dosvo* P+ginas são lidas se$uencialmente de acordo com a
ordem de definição no "94L e estilo ( desconsiderado Caso 3aa te*to alternativo para imagens ( lido o te*to'
caso contr+rio ( lido o nome da imagem ão navega em conte5dos las3 H capa) de acessar lin=s' submeter formul+rios e fa)er
do,nload de ar$uivos
8/18/2019 Desenvolvimento Web -Aula 6 - Acessibilidade
14/14
!e"er#ncias
W3C. Acessibility. , 2013. Disponível em:
Top Related