22/07/2010

UNIVERSIDADE ESTADUAL PAULISTA JLIO DE MESQUITA FILHO FACULDADE DE FILOSOFIA E CINCIAS DE MARLIA

Acessibilidade Tecnologias Assistivas

Msc. Lisandro Rogrio Modesto

22/07/2010

Roteiro da Apresentao
Arquitetura da Informao. Acessibilidade / Acessibilidade WEB. Diretrizes para desenvolvimento de contedos WEB. Ferramentas Assistivas. Ferramentas para Avaliao de Acessibilidade

22/07/2010

Incluso Digital

Fonte: Humortadela Disponvel em: <http://www.humortadela.com.br>. Acesso em: 28 jun. 2010

22/07/2010

Arquitetura da Informao
Segundo Morville e Rosenfeld (2006) a Arquitetura da Informao pode ser definida como:
O design estrutural de ambientes de informao compartilhada. A combinao de organizao, rotulagem, pesquisa e sistemas de navegao em sites e intranets. A arte e a cincia de dar forma a produtos de informao e experincias de apoio usabilidade. Uma disciplina emergente e comunidade prtica focada em trazer princpios do design e da arquitetura para o cenrio digital.

22/07/2010

Diviso da Arquitetura de um WebSite

Descrio dos 4 grandes sistemas:
Sistema de Organizao (Organization System): Classificao do contedo; Sistema de Rotulao (Labeling System): formas de representao e de apresentao da informao; Sistema de Navegao; Navegao (Navegation System):

Sistema de Busca (Search System): Solicitao X Apresentao do resultado.

22/07/2010

Acessibilidade
Segundo o Decreto n 5296, de 02 de dezembro de 2004, acessibilidade considerada:
A condio para utilizao, com segurana e autonomia, total ou assistida, dos espaos, mobilirios e equipamentos urbanos, das edificaes, dos servios de transporte e dos dispositivos, sistemas e meios de comunicao e informao, por pessoa portadora de deficincia ou com mobilidade reduzida.

22/07/2010

Portadores de Necessidades Especiais

De acordo com o Decreto n 3298 de 20 de dezembro de 1999, que regulamenta a lei 7.853/1989, pode-se considerar deficincia como:
A perda ou anormalidade de uma estrutura ou funo psicolgica, fisiolgica ou anatmica que gere incapacidade para o desempenho de atividade, dentro do padro considerado normal para o ser humano. Alm disso, leva em considerao a incapacidade que uma reduo efetiva e acentuada da capacidade de integrao social.

22/07/2010

Portadores de Necessidades Especiais

Segundo artigo 4 do Decreto n 3.298, considerase portador de deficincia a pessoa que se enquadra nas seguintes categorias:
deficincia fsica ou motora: alterao completa ou parcial de um ou mais segmentos do corpo humano, acarretando o comprometimento da funo fsica. deficincia auditiva: perda parcial ou total das possibilidades auditivas sonoras, variando de graus e nveis na forma seguinte: surdez leve, surdez moderada, surdez acentuada, surdez severa, surdez profunda e anacusia.

22/07/2010

Portadores de Necessidades Especiais

Segundo artigo 4 do Decreto n 3.298, considerase portador de deficincia a pessoa que se enquadra nas seguintes categorias:
deficincia mental: funcionamento intelectual significativamente inferior mdia, com manifestao antes dos dezoito anos e limitaes associadas a duas ou mais reas de habilidades adaptativas, tais como: comunicao, cuidado pessoal, habilidades sociais, utilizao da comunidade, utilizao dos recursos da comunidade, sade e segurana, habilidades acadmicas, lazer e trabalho.

22/07/2010

Portadores de Necessidades Especiais

Segundo artigo 4 do Decreto n 3.298, considerase portador de deficincia a pessoa que se enquadra nas seguintes categorias:
deficincia visual: refere-se a uma situao irreversvel de diminuio da resposta visual, em virtude de causas congnitas ou hereditrias, mesmo aps tratamento clnico e/ou cirrgico e uso de culos convencionais. deficincia mltipla: associao de duas ou mais deficincias.

10

22/07/2010

Nmero de Deficincias no Brasil

11

22/07/2010

Acessibilidade WEB
Acessibilidade WEB, significa dar condies a portadores de necessidades especiais de usarem a WEB, ou seja, ferramentas projetadas para interagir com este pblico possibilitando autonomia ao mesmo, fazendo com este usurio contribua tambm de forma ativa na criao de materiais.

12

22/07/2010

Superando Barreiras
Atualmente os portadores de necessidades especiais, por meio das novas tecnologias, podem ter acesso a praticamente todas as informaes que necessitam por meio da WEB, desde que as barreiras de acessibilidade sejam superadas. Alm de possibilitar o acesso a WEB, tambm necessrio avaliar os softwares web (navegadores e ferramentas de autoria) e os sites acessveis, verificando se realmente podem ser utilizados por pessoas com deficincia.

13

22/07/2010

W3C e WAI
Para a questo de acessbilidade, a WAI Web Accessibility Initiative da W3C World Wide Web Consortium, desenvolve orientaes e tcnicas que descrevem as solues de acessibilidade para softwares e programadores WEB, sendo que as orientaes, tcnicas e diretrizes da WAI so consideradas os padres internacionais de acessibilidade WEB. A W3C World Wide Web Consortium (W3C), estabelece vrios padres para WEB como o protocolo Hypertext Transfer Protocol (HTTP) e a HiperText Mark-up Language (HTML).

14

22/07/2010

Componentes Essenciais para WEB

contedo: a informao em uma pgina da Web ou aplicativo da Web, incluindo informaes naturais (imagens e sons) e cdigo ou marcao que define a estrutura, apresentao, etc; tecnologia assistiva (leitores de tela, teclados alternativos, software de digitalizao, etc); o conhecimento dos usurios, experincias e, em alguns casos, estratgias adaptativas usando a Web; ferramentas de autoria (software de criao de sites);

15

22/07/2010

Componentes Essenciais para WEB

desenvolvedores (designers, programadores, autores, etc), incluindo desenvolvedores com deficincias e usurios que contribuem com contedo; navegadores Web, players de mdia; instrumentos de avaliao (avaliao de acessibilidade de ferramentas Web, validadores HTML, validadores de CSS, etc). OBS: essencial que os vrios componentes diferentes de desenvolvimento Web estejam integrados para que a Web seja acessvel s pessoas com deficincia.

16

22/07/2010

Componentes Essenciais para WEB

Exemplo: Texto alternativo em imagens.
As especificaes tcnicas abordam o texto alternativo (por exemplo, o HTML define o atributo de texto alternativo (alt) do elemento de imagem (img)); As diretrizes WAI definem a forma de implementar um texto alternativo para acessibilidade nos diferentes componentes; Os desenvolvedores fornecem o texto com formulao alternativa adequada; As ferramentas de autoria permitem, facilitam e promovem o fornecimento de texto alternativo em uma pgina da Web;

17

22/07/2010

Componentes Essenciais para WEB

Exemplo: Texto alternativo em imagens.
As ferramentas de avaliao so usadas para ajudar a verificar se existem textos alternativos; As tecnologias assistivas fornecem uma interface para o texto alternativo em vrias modalidades; Usurios sabem como obter o texto alternativo de seu agente de usurio e / ou tecnologia de apoio, conforme necessrio.

18

22/07/2010

Diretrizes de Acessibilidade WEB

A W3C World Wide Web Consortium e WAI Web Accessibility Initiative desenvolveram diretrizes de acessibilidade Web para diferentes componentes, sendo eles:
Authoring Tool Accessibility Guidelines (ATAG): aborda ferramentas de autoria; Web Content Accessibility Guidelines (WCAG) aborda o contedo da Web, e usada pelos desenvolvedores, criao de ferramentas e instrumentos de avaliao de acessibilidade User Agent Accessibility Guidelines (UAAG) aborda Web browsers e players de mdia, incluindo alguns aspectos das tecnologias assistivas.

19

22/07/2010

Diretrizes para Criao de Contedos WEB

A WCGA Web Content Accessibility Guidelines, define padres e diretrizes que explicam como tornar o contedo Web acessvel a pessoas com deficincia. A idia principal dessas diretrizes explicar como fazer com que o contedo Web seja mais acessvel a portadores de necessidades especiais definitivas ou temporrias e a pessoas que procuram por uma maior usabilidade.

20

22/07/2010

Diretrizes para Criao de Contedos WEB

Prover alternativas equivalentes para contedo auditivo e visual:
No caso de fotos e imagens so necessrias explicaes textuais. Explicaes em texto tambm podem ser usadas para descrever contedo visual complexo como grficos ou diagramas.

21

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Portal Terra. Disponvel em: <http://www.terra.com.br/portal >. Acesso em: 28 jun. 2010.

22

22/07/2010

Diretrizes para Criao de Contedos WEB

No criar dependncia somente de cores:
comum na WEB cores serem utilizadas para definir prioridades ou chamar a ateno do usurio, porm textos, imagens, grficos e outros elementos visuais devem ser totalmente compreendidos mesmo sem a dependncia das cores, pois algumas deficincias, como daltonismo e deficincia visual parcial, podem no distinguir certas cores ou podem estar usando dispositivos de leitura de telas que no fazem a distino entre as cores.

23

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Portal UOL. Disponvel em: <http://noticias.uol.com.br/ultnot/bichos/>. Acesso em: 28 de junho de 2010.

24

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Havainas. Disponvel em http://br.havaianas.com/pt-BR. Acesso em: 28 jun. 2010

25

22/07/2010

Diretrizes para Criao de Contedos WEB

Uso apropriado de marcao HTML:
Um documento estruturado composto por contedo (texto, figuras, etc) e informao sobre o papel do contedo no documento, ou seja, como ele est estruturado. Cada componente (ou "elementos") possui marcao especfica e gramtica formal definida: ttulos, listas, citaes e expresses matemticas, etc.

26

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: W3C. Imagem disponvel em: <http://www.w3.org/>. Acesso em: 28 jun. 2010.

27

22/07/2010

Diretrizes para Criao de Contedos WEB

28

22/07/2010

Diretrizes para Criao de Contedos WEB

Apontar o uso de linguagem natural:
necessrio que os criadores de contedo marquem as mudanas de linguagem no documento, dessa forma os sintetizadores de voz e os dispositivos Braille podem passar automaticamente para a nova lngua, tornando o documento mais acessvel a usurios multilnges. Essa mesma marcao pode ser utilizada para facilitar a interpretao ou pronncia de abreviaes ou palavras em idioma diferente do idioma natural.

29

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Jaguafrangos. Disponvel em: <http://www.jaguafrangos.com.br>. Acesso em: 28 jun. 2010.

30

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Havainas. Disponvel em http://br.havaianas.com/pt-BR. Acesso em: 28 jun. 2010

31

22/07/2010

Diretrizes para Criao de Contedos WEB

Criar tabelas interativas:
O uso de tabelas deve ser feito somente quando houver necessidade estrita de organizao tabular e nunca apenas para organizao de layout.

32

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: PROUNI. Disponvel em: <http://siteprouni.mec.gov.br/cronograma.html>. Acesso em: 28 jun. 2010.

33

22/07/2010

Diretrizes para Criao de Contedos WEB

Adaptao de pginas contendo novas tecnologias:
O uso de novas tecnologias uma constante na rea de desenvolvimento de aplicaes web, sendo assim necessrio que o contedo esteja acessvel mesmo quando essas novas tecnologias no forem suportadas pelo agente do usurio. OBS: Permisso de leitura mesmo sem as folhas de estilo.

34

22/07/2010

Diretrizes para Criao de Contedos WEB

Assegurar controle do usurio sobre contedos interativos e animados:
Algumas pessoas com deficincias cognitivas ou visuais no conseguem ler texto em movimento rpido. Os leitores de tela no so capazes de ler texto em movimento. Pessoas com deficincia fsica podem no ser capazes de se mover rapidamente ou com preciso suficiente para interagir com objetos em movimento. Sendo assim necessrio que os usurios possam controlar esse tipo de recurso desabilitando quando necessrio.

35

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Renault. Disponvel em: <http://www.renault.com.br/stepway/> . Acesso em: 28 jun. 2010.

36

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Dakota. Disponvel em: <http://www.dakota.com.br/site/>. Acesso em: 28 jun. 2010

37

22/07/2010

Diretrizes para Criao de Contedos WEB

Assegurar acessibilidade direta a objetos com interface proprietria
Assegurar que a interface do usurio obedea a princpios de funcionalidade que no dependam de equipamentos. Se a interface do objeto ou aplicativo no puder ser acessvel, uma soluo alternativa deve ser fornecida.

38

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: HP Brasil. Disponvel em: <http://www.hp.com/latam/br/lar/produtos/notebooks.html>. Acesso em: 28 jun. 2010

39

22/07/2010

Diretrizes para Criao de Contedos WEB

Projetar visando equipamentos: independncia de

Usar os recursos que permitam a ativao dos elementos da pgina atravs de uma variedade de dispositivos de entrada independente de dispositivos de acesso. Se, por exemplo, um formulrio s puder ser ativado com um mouse ou outro dispositivo apontador, um usurio deficiente visual no ser capaz de us-lo.

40

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Hotmail. Disponvel em: <http://www.hotmail.com.br>. Acesso em: 28 jun. 2010

41

22/07/2010

Diretrizes para Criao de Contedos WEB

Usar solues intermedirias:
Em verses mais antigas de browsers necessrio o uso de solues intermedirias para que as tecnologias de acessibilidade funcionem corretamente. Aparecimento de novas pginas, mudana da janela atual ou o aparecimento repentino de novas janelas (pop-up) pode ser muito confuso para os usurios que no conseguem ver que isso aconteceu.

42

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Americanas.com. Disponvel em: <http://www.americanas.com.br>. Acesso em: 28 jun. 2010.

43

22/07/2010

Diretrizes para Criao de Contedos WEB

Usar tecnologias diretrizes do W3C: em conformidade com as

As tecnologias para desenvolvimento de contedos WEB devem estar em conformidade com as diretrizes do W3C. Quando no for possvel utilizar tecnologias que estejam em conformidade com o W3C, necessrio fornecer uma verso alternativa do contedo a ser acessado. Formatos com ShockWave Flash e PostScript necessitam do uso de plugins ou aplicaes externas o que resulta na impossibilidade de acesso pelos agentes dos usurio.

44

22/07/2010

Diretrizes para Criao de Contedos WEB

Fornecer contexto e orientao:
O agrupamento de elementos com a mesma funo e o fornecimento de informaes contextuais sobre as relaes entre os elementos pode ser til para todos os usurios. Exemplo: Agrupar elementos de mesma funo, Prover informao contextual para o usurio, Uso de frames com ttulo e identificao, Diviso de informaes extensas em blocos, Prover identificadores explcitos e reas do site bem determinadas.

45

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Ministrio da Fazenda. Disponvel em: <http://www.receita.fazenda.gov.br/>. Acesso em: 28 jun. 2010.

46

22/07/2010

Diretrizes para Criao de Contedos WEB

Fornecer mecanismos claros de navegao:
Fornecer mecanismos de navegao consistentes e claros, informaes de orientao, barras de navegao, um mapa do site, etc, para aumentar a probabilidade de que um usurio encontre o que ele est procurando no site. O uso de links como CLIQUE AQUI so exemplos do que no deve ser usado uma vez que no prov metforas concretas e significantes.

47

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Acessibilidade Brasil. Disponvel em: <http://www.acessobrasil.org.br/>. Acesso em: 28 jun. 2010.

48

22/07/2010

Fonte: Faculdade de Apucarana FAP Disponvel em: <http://wae.fap.com.br/neadfap19/>. Acesso em: 28 jun. 2010.

49

22/07/2010

Diretrizes para Criao de Contedos WEB

Assegurar que os documentos sejam claros e simples
Assegurar que os documentos sejam claros e simples para que eles possam ser compreendidos mais facilmente. Com o uso de uma linguagem clara e simples possvel proporcionar uma comunicao eficaz com pessoas com deficincias cognitivas ou de aprendizagem, alm de beneficiar as pessoas cuja primeira lngua diferente do idioma do site, incluindo aquelas pessoas que se comunicam por linguagem de sinais.

50

22/07/2010

Diretrizes para Criao de Contedos WEB

Fonte: Projeto Motrix. Disponvel em: <http://intervox.nce.ufrj.br/motrix/>. Acesso em: 28 jun. 2010.

51

22/07/2010

Ferramentas Assistivas
Ferramentas Assistivas so aquelas cuja finalidade ajudar tanto os desenvolvedores a construrem Websites mais acessveis, quanto os portadores de deficincias a utiliz-las para possibilitar ou melhorar o seu acesso aos Websites. Ferramentas Assistivas podem ser enquadradas em: leitores de tela, navegadores textuais, ampliadores de tela, sintetizadores de voz, reconhecedores de voz, navegadores com voz, teclados alternativos, entre outros.

52

22/07/2010

Ferramentas Assistivas
Deficincia Auditiva:
Player Ryben:

Fonte: Ryben. Disponvel em: <http://www.rybenamobile.com.br/webplayer/player_rybena.jsp>. Acesso em: 28 jun. 2010.

53

22/07/2010

Ferramentas Assistivas
Deficincia Auditiva:
Dicionrio de LIBRAS Lngua Brasileira de Sinais:

Fonte: Acessibilidade Brasil. Disponvel em: <http://www.acessobrasil.org.br/libras/>. Acesso em: 28 jun. 2010.

54

22/07/2010

Ferramentas Assistivas
Deficincia Fsica ou Motora:
HeadMouse:

Fonte: Indra Tecnologas Accesibles. Disponvel em: <http://www.tecnologiasaccesibles.com/es/descargas.htm >. Acesso em: 28 jun. 2010.

55

22/07/2010

Ferramentas Assistivas
Deficincia Fsica ou Motora:
VirtualKeybord:

Fonte: Indra Tecnologas Accesibles. Disponvel em: <http://www.tecnologiasaccesibles.com/es/descargas.htm >. Acesso em: 28 jun. 2010.

56

22/07/2010

Ferramentas Assistivas
Deficincia Fsica ou Motora:
Motrix:

Fonte: Projeto Motrix. Disponvel em: <http://intervox.nce.ufrj.br/motrix/>. Acesso em: 28 jun. 2010.

57

22/07/2010

Ferramentas Assistivas
Deficincia Visual:

58

22/07/2010

Ferramentas Assistivas
Deficincia Visual:

59

22/07/2010

Ferramentas Assistivas
Deficincia Visual:
NVDA - NonVisual Desktop Access: NVDA Portable - NonVisual Desktop Access Portable: Linux Ubuntu e Sintetizador de Voz ORCA: utilizao de diversas combinaes de sntese de voz, Braille e ampliao de telas.

Fonte: Acessibilidade Legal. Disponvel em: <http://www.acessibilidadelegal.com/33-manual-orca.php>. Acesso em: 28 jun. 2010.

60

22/07/2010

Ferramentas Assistivas
Deficincia Visual:
Lightning Plus:

Fonte: Claro Software. Disponvel em: <http://www.clarosoftware.com>. Acesso em: 28 jun. 2010.

61

22/07/2010

Ferramentas para Avaliao de Websites

O W3C aborda com mais profundidade na seo de validao do documento de tcnicas do WCAG 1.0 os mais importantes mtodos de validao.
Da Silva W3C Link Checker

62

22/07/2010

Da Silva
O "Da Silva" um avaliador que detecta o cdigo HTML e faz uma anlise do seu contedo, verificando se est ou no dentro de um conjunto de regras do WCAG.
Prioridade 1: Pontos que os criadores de contedo WEB devem satisfazer inteiramente impossibilidade de acesso. Prioridade 2: Pontos que os criadores de contedos na WEB deveriam satisfazer dificuldades de acesso. Prioridade 3: Pontos que os criadores de contedos na WEB podem satisfazer possveis dificuldade de acesso. Ferramenta: http://www.dasilva.org.br

63

22/07/2010

W3C Link Checker

Ferramenta que faz a verificao de Links quebrados em um portal evitando o aparecimento do erro 404 que indica link quebrado.
Ferramenta: http://validator.w3.org/checklink

64

22/07/2010

Consideraes Finais
Levantamento de leis e decretos; Definio das deficincias e suas particularidades; Ferramentas Assistivas; Busca e produo de informaes de portadores de necessidades especiais; Deficincias no so mais obstculos; Interao homem-mquina; Avaliao de Acessibilidade.

65

22/07/2010

Referncias
Acessibilidade Brasil. Disponvel em: http://www.acessobrasil.org.br/softwares/. Acessado em: 29 de maio de 2010. Authoring Tool Accessibility Guidelines (ATAG). W3C. Disponvel em: http://www.w3.org/WAI/intro/atag.php. Acessado em: 03 de junho de 2010. BRASIL. Decreto-lei n 3.298, de 20 de dezembro de 1999, publicado no DOU em 21/12/1999. Disponvel em: http://www010.dataprev.gov.br/sislex/paginas/23/1999/3298.htm. Acessado em: 01 junho de 2010. BRASIL. Decreto-lei n 5.296, de 2 de dezembro de 2004, publicado no DOU em 03/12/04. Disponvel em: http://www3.dataprev.gov.br/SISLEX/paginas/23/2004/5296.htm. Acessado em: 01 junho de 2010.

66

22/07/2010

Referncias
Corradi, J. A. M. Ambientes Informacionais Digitais e Usurios Surdos: Questes de Acessibilidade. Dissertao (Mestrado em Cincia da Informao) Faculdade de Filosofia e Cincias. Universidade Estadual Paulista, Marlia SP, 2007. Domnio Host. Disponvel em: http://www.dominiohost.com.br/. Acessado em: 05 de junho de 2010. Indra Tecnologas Accesibles. Disponvel em:http://www.tecnologiasaccesibles.com). Acessado em: 15 de maio de 2010. Projeto MOTRIX. Disponvel em: http://intervox.nce.ufrj.br/motrix/). Acessado em: 15 de maio de 2010. Projeto NVDA. Disponvel em: http://www.nvda-project.org). Acessado em: 15 de maio de 2010. ROSENFELD, L. & MORVILLE, P. Information Architecture for the Word Wide WEB. 3ed. Sebastopol: O'Reilly, 2006.

67

22/07/2010

Referncias
Ryben. Disponvel em: http://www.rybena.com.br. Acessado em: 30 de maio de 2010. SHIPLE, J. Information Architecture Tutorial, WEBmonkey, 2000. User Agent Accessibility Guidelines (UAAG). W3C. Disponvel em: http://www.w3.org/WAI/intro/uaag.html. Acessado em: 03 de junho de 2010. WEB Acessibility Initiative (WAI). W3C. Disponvel em: http://www.w3.org/wai. Acessado em: 29 de maio de 2010. WEB Content Acessibility Guidelines 1.0 (WCAG). W3C. Disponvel em: http://www.w3.org/TR/WAI-WEBCONTENT/. Acessado em: 03 de junho de 2010. World Wide WEB Consortium (W3C). Disponvel em: http://www.w3.org. Acessado em: 29 de maio de 2010.

68