Post on 03-Mar-2016
description
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 1/55
Acessibilidadena Web
Santa Maria - 23 de julho de 2015
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 2/55
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 3/55
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 4/55
A Web é acessível na sua origem
Tim Berners-Lee, diretor do W3Cafrma que o poder da Web está nasua universalidade. Para ele, “seracessada por todos, independente dedefcincia, ! um aspecto essencial".
# acessibilidade na Web si$nifca, portanto, permitir o acesso atodos, independente do tipo deusuário, situação ou ferramenta.
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 5/55
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 6/55
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 7/55
Acessibilidade na Web:
Custo ou benefício?
https://www.youtube.com/watch!"y#!$%&'()p*
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 8/55
Mas a acessibilidade atende apenas as pessoascom de+ici,ncia
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 9/55
9
Em números: Quem se beneficiaria da acessibilidade?
alta cidadania +oto de Miltonun
arros estacionados em !aasespeciaishttp://www.+lic*r.com/photos/cbnsp/53)0#210/ licence
%3,&' da popula()o brasileira *oucerca de + miles de pessoas/ 0
1,+' tem 2 anos ou mais0
,23' s)o anal4abetos0
15' das pessoas Pessoas que nuncaacessaram a internet, mas usaram umcomputador ale$am que n)o usam6nternet por 4alta de abilidade.
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 10/55
70%alta de habilidade com ocomputador/internet
onte: 4esuisa 67 8omic9lios 2013 7.br4essoas ue nunca acessaram a internet; mas usaram um computador.
Moti!os pelos uais nunca utili(ou a internet
onte: http://www.cetic.br/
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 11/55
Deficiência temporria oto: lic*r.com - 6u+tronic10000
ibilid d b d i ?
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 12/55
Acessibilidade na !eb: A "uem se destina?
#surios de Dispositi$os &$eis
oto: e!erystoc*photo.com -bartimaeus-
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 13/55
'dade A$an(ada
)&s* da"ui
al+uns
anos
oto: lic*r.com - acob <=>tter
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 14/55
,utros tipos de usurios---
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 15/55
#surios de +o$erno eletr.nico
4reocupa?@o com prote?@o e seuran?ados dados pessoais A3BC
8i+iculdade em encontrar os ser!i?os ueprecisam A2BC
8i+icilmente recebem retorno ArepostaC Dssolicita?EesA2#BC
Fs ser!i?os est@o dispon9!eis; mas n@o Gposs9!el completar a transa?@o A23BC
H@o temos con+irma?@o de ue o pedido
cheou e ue !ai ser processado A21BC 'sar a internet para contato com o o!ernoG muito complicado A21BC
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 16/55
#surios de +o$erno eletr.nico
● ##B - IMuito importanteJ ue um s9tio deo!erno o+erecesse e$plica?Ees sobre comoutili(ar um ser!i?o.
●
#B - IMuito importanteJ ue um s9tio deo!erno o+erecesse e$plica?Ees sobre osdireitos do cidad@o.
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 17/55
17
% acessibilidade bene+icia a todos.
Acessibilidade / para todos
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 18/55
18
omo eu sei ue um site G acess9!el
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 19/55
7á nave$ou no seu site apenas com teclado8
1em C11 ou scripts?
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 20/55
1em C11 ou scripts?
1em C11
e ima+ens
oto: lic*r.com - <addoK
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 21/55
sem monitor ?
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 22/55
Como as pessoas navegam pelo leitor
de tela?
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 23/55
Como as pessoas navegam pelo leitor
de tela?
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 24/55
Como as pessoas navegam pelo leitor
de tela?
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 25/55
2rocesso para desen$ol$er sítio acessí$el:
● Seuir os padrEes Leb
● Seuir as diretri(es e recomenda?Ees de acessibilidade
● Neali(ar a!alia?@o de acessibilidade.
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 26/55
Odio acess9!el ontePdo alternati!o para elementos n@o-te$tuais 8ados de tabelas acess9!eis ormulQrios acess9!eis Menus de escape 6eclas de acesso olhas de estilo com medidas relati!as 8ocumentos le9!eis sem a +olha de estilos SemRntica
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 27/55
Odio acess9!el
4rorama?@o em camadas H@o usar tabelas para diaramar H@o utili(ar +rames H@o utili(ar elementos proprietQrios
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 28/55
3ídeos com le+endas
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 29/55
7maens acess9!eis
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 30/55
abe?alhos
4568ítulo 2rincipal4956
451ubtítulo495 45;1ub<1ubtítulo495;
451ubtítulo495
45;1ub<1ubtítulo495; 45=----495=
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 31/55
ontraste
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 32/55
ormulQrios
>ormulrios
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 33/55
input type"Tchec*bo$T !alue"TyesT name"TapplesTUApples
input type"Tchec*bo$T !alue"TyesT name"ToranesTU ,ran+es
input type"Tchec*bo$T !alue"TyesT name"TlemonsTU emons
input type"Tchec*bo$T !alue"TyesT name"TlimesTU
imes
>ormulrios
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 34/55
input type"Tchec*bo$T !alue"TyesT id@apples name"TapplesTUlabel for@applesBU Apples/labelU
input type"Tchec*bo$T !alue"TyesT id@oran+es name"ToranesTU
label for@oran+esBU ,ran+es/labelU
input type"Tchec*bo$T !alue"TyesT id@lemmons name"TlemonsTUlabel for@lemonsBU emons/labelU
input type"Tchec*bo$T !alue"TyesT id@limes name"TlimesTUlabel for@limesBU imes/labelU
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 35/55
6abelas
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 36/55
6abelas
%5 - 674F 8V FHVW=F 4%N% %VSSF X 7H6VNHV6 HF 8FM7Y&7F4ercentual sobre o total de domic9lios com acesso D 7nternet 1 4ercentualABC Modem 6radicional Aacesso discado linha tele+ZnicaC <anda &ara 2Futros HS/HN 3 6F6%& <anda &ara Modem diital !ia linha tele+Znica
Atecnoloia 8S&C Modem !ia cabo one$@o !ia rQdio one$@o !ia satGlite6F6%& <N%S7& 20 )) 23 25 1 3 ) 10 [NV% 'N<%H% 1 )) 2 2) 1 3 ) N'N%& 21 55 1\ 1 20 5 # 1) NV7]VS 8F 4%YS S'8VS6V 22 )5 21 3011 3 10 HFN8VS6V 1 ) 12 32 1# 1 10 S'& 13 \1 3 12 22 3 # 10HFN6V 31 23 11 11 5 1 \ VH6NF-FVS6V 13 )\ 3 1# 13 2 # 13NVH8% %M7&7%N %tG N^)5 1) 51 1 20 1 3 12 21 N^))-N^30 22 )11# 2 15 1 N^31-N^135 23 )2 22 2 13 2 ) N^13)-N^2325 23 )323 22 15 3 ) # N^232)-N^)50 1) \5 32 2# 11 \ N^)51 ou mais 12 \#2\ 3 1) 1 ) 5 &%SSV SF7%& % 11 #1 2 1 1 3 3 < 1# \1 2# 2) 133 ) \ 22 )1 1 2 15 3 5 12 8V 2) 1 10 15 15 2 3 2
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 37/55
%cess9!el !ia teclado
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 38/55
_6M& e SS
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 39/55
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
Mito 1
"Acessibilidade Web é só para deficientes visuais."
8emor oculto: T7maina o trabalh@o ue !ai dar; +a(eracessibilidade para todo mundo`T
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 40/55
Mito 2
"Na prática, o número de usuários beneficiados com aacessibilidade é relativamente muito pequeno."
8emor oculto: "Esse negócio de acessibilidade é muitoinvestimento para pouco retorno."
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 41/55
Mito 3
"Fazer um site acessvel demora e custa caro."
8emor oculto: “Não estarei empregando mal os recursos quetenho, ao a!er acessibilidade Não vou icar no pre#u$!o%
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 42/55
8obrou o nPmero de !isitantes ecortou os custos de manuten?@o em
2/3.
35 mil libras para constru?@o 13milhEes de retorno annual.
HV6 - 30B de aumento detrQ+eo !indo do oole apOsimplementar transcri?@o emarui!os multimidia.
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 43/55
Mito
"! melor fazer uma pá#ina especial paraos deficientes visuais."
8emor oculto: T% ente n@o !ai conseuir +a(er uma pQinaacess9!el; ue seja t@o bonita e +uncional como a nossa.T
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 44/55
Mito 5
"$m site acessvel a deficientes visuais n%o é bonito."
8emor oculto: TSO sei +a(er sites bonitos usando tecnoloiasinacess9!eis de +ato; n@o sei e$atamente uais s@o os elementos!isuais ue atrapalham a acessibilidade. 4or isso; uando tenhoue +a(er um site acess9!el; +a?o sempre o arro( com +eij@o.T
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 45/55
% ibilid d \ i 1 9
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 46/55
Mito )
&'amos por partes( primeiro fazemos o site, depois fazemosacessibilidade."
8emor oculto: "Não vamos conseguir a!er um site acess$vel,com o tempo, os recursos e a equipe que temos."
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 47/55
% ibilid d \ it 1 9 L d S lt
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 48/55
Mito \
"A #ente sabe o que é bom para o usuário."
8emor oculto: "Não quero e&por meu pro#eto 's cr$ticas."
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
%cessibilidade \ mitos e 1 eu9!oco L d S lt
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 49/55
Vu9!oco
")eu site é direcionado a um público especfico* ele
n%o interessa a todos os #rupos de usuários."
uando restrinimos o acesso do nosso site ao ue julamos serem as caracter9sticas do seu pPblico al!o;
estamos; na prQtica; usando a internet para limitar o nossopPblico; ao in!Gs de ampliQ-lo.
%cessibilidade \ mitos e 1 eu9!oco por Leda Spelta
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 50/55
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 51/55
omo eu aprendo
http://www.enap.o!.br/
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 52/55
e-M% 8esen!ol!edor 6'NM% 2/2015 de 11/0#/2015 a 0\/0/20157nscri?Ees abertas atG 0)/0#/2015
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 53/55
8 de Acessibilidade do W;C
● 6radu?@o do 8ocumento base do L%http://traducoes.w3c.br/6N/L%/
● 4r,mio 6odosLeb
● artilha de %cessibilidade na Leb Aasc9culo 7C
http://www.ceweb.br/
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 54/55
7/21/2019 Garotadpi Acessibilidade Santamaria
http://slidepdf.com/reader/full/garotadpi-acessibilidade-santamaria 55/55
+arotadpi-com-brt!itter: +arotadpi
itub-com9+arotadpi
+arotadpi+mail-com
ernanda _o++mann &obato
,bri+ado