Garotadpi Acessibilidade Santamaria

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







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.







Acessibilidade na Web:

Custo ou benefício?

https://www.youtube.com/watch!"y#!$%&'()p*

https://www.youtube.com/watch?v=y8vxALUz6pk

https://www.youtube.com/watch?v=y8vxALUz6pk



Mas a acessibilidade atende apenas as pessoascom de+ici,ncia



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.

http://www.flickr.com/photos/cbnsp/5360821409/






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/



Deficiência temporria oto: lic*r.com - 6u+tronic10000

ibilid d b d i ?



Acessibilidade na !eb: A "uem se destina?

#surios de Dispositi$os &$eis

oto: e!erystoc*photo.com -bartimaeus-



'dade A$an(ada

)&s* da"ui

al+uns

anos

oto: lic*r.com - acob <=>tter



,utros tipos de usurios---



#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



#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.



17

% acessibilidade bene+icia a todos.

Acessibilidade / para todos



18

omo eu sei ue um site G acess9!el



7á nave$ou no seu site apenas com teclado8

1em C11 ou scripts?



1em C11 ou scripts?

1em C11

e ima+ens

oto: lic*r.com - <addoK



sem monitor ?



Como as pessoas navegam pelo leitor

de tela?




de tela?




de tela?



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.



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



Odio acess9!el

4rorama?@o em camadas H@o usar tabelas para diaramar H@o utili(ar +rames H@o utili(ar elementos proprietQrios



3ídeos com le+endas



7maens acess9!eis



abe?alhos

4568ítulo 2rincipal4956

451ubtítulo495 45;1ub<1ubtítulo495;

451ubtítulo495

45;1ub<1ubtítulo495; 45=----495=



ontraste



ormulQrios

>ormulrios



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



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



6abelas



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



%cess9!el !ia teclado



_6M& e SS



%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



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."




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%




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.



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




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 [email protected]




% ibilid d \ i 1 9



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."




% ibilid d \ it 1 9 L d S lt



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 L d S lt



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.






omo eu aprendo

http://www.enap.o!.br/



e-M% 8esen!ol!edor 6'NM% 2/2015 de 11/0#/2015 a 0\/0/20157nscri?Ees abertas atG 0)/0#/2015



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/

http://traducoes.w3c.br/TR/WCAG/

mailto:Todos@Web

mailto:Todos@Web

http://traducoes.w3c.br/TR/WCAG/





+arotadpi-com-brt!itter: +arotadpi

itub-com9+arotadpi

+arotadpi+mail-com

ernanda _o++mann &obato

,bri+ado

Documents

Garotadpi Acessibilidade Santamaria