SlideShare une entreprise Scribd logo
1  sur  20
Télécharger pour lire hors ligne
ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB:
USABILIDADE COM FOCO NOS USUÁRIOS COM NECESSIDADES ESPECIAIS

                             Autor: Cláudio Diniz Alves

  Defesa de monografia (TCC) para obtenção do título de
Especialista em Arquitetura e Organização da Informação

          Orientadora: Profa Marta Macedo Kerr Pinheiro
INTRODUÇÃO

14,5% com necessidades especiais no Brasil -
 IBGE, 2000(*);

9,6% idosos no Brasil (a partir de 60 anos) -
 IBGE, 2003 - com melhoria da expectativa de
 vida o número continuará aumentando;

10% deficientes no mundo - OMS/ONU;

O Brasil ainda está longe de atingir o ideal da
 democratização da informação e da inclusão
 social/digital; deixa à margem pessoas que
 possuem algum tipo de deficiência visual,
 auditiva, motora ou cognitiva.
  (*)
        Até a presente data o IBGE não havia divulgado as novas planilhas
                                               referentes ao censo 2010.



                                                       © Cláudio Diniz Alves 2010
JUSTIFICATIVA


Contribuir para informar, conscientizar e demonstrar o papel da
 Arquitetura de Informação e dos Arquitetos de Informação na produção
 de websites acessíveis;

Aumento crescente de websites que não levam em conta uma parcela
 considerável de usuários reais ou potenciais da informação digital: os
 portadores de necessidades especiais, os idosos etc.;

Falta de informação, preconceito sobre as normas, as técnicas, os
 softwares e os benefícios da implantação da acessibilidade e da
 usabilidade em websites ainda é comum entre os empresários,
 organizações, instituições de ensino superior e equipes de
 desenvolvimento de sites.



                                                             © Cláudio Diniz Alves 2010
OBJETIVO GERAL




Identificar técnicas, softwares,
 normas, recomendações e outros
 recursos que poderão auxiliar os
 Arquitetos de Informação em sua
 função de organizar o conteúdo
 informacional, criar os melhores
 esquemas de navegação na web,
 viabilizar a conclusão de tarefas
 na internet, facilitar o acesso e a
 compreensão do conteúdo digital.




                           © Cláudio Diniz Alves 2010
OBJETIVOS ESPECÍFICOS

 Definir Arquitetura de Informação, Arquiteto de Informação e seus
  papéis em equipes interdisciplinares de desenvolvimento de websites
  acessíveis;

 Definir acessibilidade, desenho universal, tecnologia assistiva e
  usabilidade;

Demonstrar os principais benefícios na adoção de práticas de
 acessibilidade durante o projeto e desenvolvimento de sites;

Listar os principais tipos de necessidades especiais e seus respectivos
 recursos de acessibilidade;

Expor os principais métodos de acessibilidade que os Arquitetos de
 Informação poderão usar em seu trabalho individual e como membro de
 uma equipe interdisciplinar de desenvolvimento de sites.


                                                               © Cláudio Diniz Alves 2010
METODOLOGIA




                                                             
Revisão de publicações sobre




                                                            
 acessibilidade (pesquisa
 documental): livros e artigos
 acadêmicos sobre Ciência
 da Informação, Arquitetura
 de Informação, usabilidade,
 acessibilidade, desenvolvimento
 web etc. Normas, leis,
 recomendações e padrões
 nacionais* e internacionais# sobre
 acessibilidade.
   *CONADE – Conselho Nacional dos Direitos da Pessoa com Deficiência
     Decreto no 5.296
     Comitê Brasileiro de Acessibilidade (CB-40)
   #
     WCAG – Web Content Accessibility Guidelines (Manual de Conteúdo Acessível na Web)
     WAI – Web Accessibility Initiative (Iniciativa de Acessibilidade Web)

                                                                                          © Cláudio Diniz Alves 2010
ARQUITETURA DE INFORMAÇÃO


”A ciência e a arte de estruturar e classificar websites e intranets para
 ajudar pessoas a encontrar e administrar informação” (ROSENFELD E
 MORVILLE, 2007);

“Arquitetura de Informação é a arte e a ciência de estruturar
 e organizar ambientes de informação para ajudar as pessoas a
 satisfazerem suas necessidades de informação de forma efetiva” (TOUB
 citado por REIS, 2007).




                                                               © Cláudio Diniz Alves 2010
ACESSIBILIDADE



ACESSIBILIDADE NA WEB

Significa permitir o acesso à web por todos, independente de tipo de
 usuário, situação ou ferramenta.

É criar ou tornar as ferramentas e páginas web acessíveis a um maior
 número de usuários, inclusive pessoas com deficiências.

A acessibilidade na web beneficia também pessoas idosas, usuários de
 navegadores alternativos, usuários de tecnologia assistiva e de acesso
 móvel.

                                                           (DIAS, 2007)



                                                            © Cláudio Diniz Alves 2010
TECNOLOGIA ASSISTIVA

Técnicas, aparelhos, instrumentos, produtos e procedimentos que
 visam auxiliar a mobilidade, percepção e utilização pelos deficientes.
 Exemplos: leitores de tela, órteses para digitação, display Braille etc.




                                                               © Cláudio Diniz Alves 2010
MITOS versus BENEFÍCIOS
                            Acessibilidade Web é só para deficientes visuais;




                        MITOS
                            Fazer um site acessível demora e custa caro;

                            Websites acessíveis não tem um layout bonito,
                             não são atraentes ao público e não são funcionais.



         Desenvolvedores e Arquitetos de Informação passam a ter mais
          experiência profissional e acrescentam ao seu currículo e portfólio
BENEFÍCIOS




          sites com qualidade acima da média e público mais amplo;
         Websites acessíveis são melhores posicionados em mecanismos de
          buscas, atingem um público maior, são de mais fácil manutenção,
          minimizam reclamações por parte dos clientes, facilitam as compras
          online e disponibilizam a informação mais facilmente etc.;

         Ideal para a portabilidade e tecnologias futuras.
                                                                   © Cláudio Diniz Alves 2010
DEFICIÊNCIA VISUAL




Tecnologias assistivas: leitores de tela,
 ampliadores de tela, navegadores com voz,
 impressora Braille, display Braille etc.

Colocar descrição textual (atributo alt)
 em imagens, vídeos, áudio. Devem ser
 compreensíveis.

Indicar a localização no website (“você está
 aqui”).
Permitir alteração do tamanho do texto.



                                      © Cláudio Diniz Alves 2010
DEFICIÊNCIA AUDITIVA




Softwares que melhoram o desempenho do
 áudio do computador. Adaptam o som às
 necessidades auditivas do usuário;

Legendas, tradução do conteúdo para Língua
 Brasileira de Sinais (LIBRAS).




                                  © Cláudio Diniz Alves 2010
DEFICIÊNCIA COGNITIVA




Usar parágrafos curtos, com linguagem
 simples e clara, de elementos que
 contribuam para a orientação e localização,
 telas simples, organizadas e com layout
 harmônico (ou padronizado) e com fluxos
 de navegação com sequências óbvias e
 lógicas.




                                © Cláudio Diniz Alves 2010
DEFICIÊNCIA MOTORA




Dispositivos especiais: mouses ou teclados
 modificados, pedais ou joysticks para
 navegar na web e inserir informações. O
 Arquiteto de Informação deve possibilitar
 a navegação por teclado e a facilidade do
 uso de softwares de comando de voz.




                               © Cláudio Diniz Alves 2010
DEFICIÊNCIAS MÚLTIPLAS




Associação de duas ou mais deficiências (Decreto no 5.296 de 2 de
 dezembro de 2004);

Com o envelhecimento, é comum que as pessoas adquiram deficiências
 auditivas e visuais simultaneamente;

As normas da W3C comtemplam vários tipos de deficiência ao mesmo
 tempo.




                                                           © Cláudio Diniz Alves 2010
TESTES DE ACESSIBILIDADE

Aplicativos avaliadores dos códigos (identificam
 problemas de acessibilidade);

Verificação ortográfica e gramatical por um revisor;

Um profissional que entenda de acessibilidade
 deve fazer uma verificação manual do website
 (Apresentação adequada? Funciona corretamente?
 Comportamento em outros browsers? Funciona com
 Tecnologia Assistiva?);

O Serpro recomenda: “peça a pessoas com
 deficiências que revejam os documentos. Esses
 usuários, com ou sem experiência, são uma fonte
 inestimável de informações sobre o estado dos
 documentos, no que diz respeito ao seu grau de
 acessibilidade e de facilidade de utilização”.

                                        © Cláudio Diniz Alves 2010
TESTES DE ACESSIBILIDADE
                     ”Um processo de design centrado no usuário coloca
                        as pessoas no centro da atenção ao desenvolver
                        um produto ou serviço. Isso substitui o trabalho
                        de adivinhar o comportamento do usuário e fazer
                        suposições sobre isto baseadas em pesquisa. No
  final, o design geral do site deve espelhar como os usuários entendem
  o assunto e como eles esperam encontrar as informações que precisam”
  (KALBACH, 2009);

(1) o usuário fica diante do site e o explora sozinho e sem interferência.
 Ele dá opiniões dizendo o que gosta, o que não gosta, indica o que está
 claro ou confuso e (2) é apresentada uma lista de tarefas com diferentes
 graus de dificuldade para serem realizadas no site. Um observador
 realiza anotações durante o processo;

Devem ser utilizados em todo processo de desenvolvimento. Garantem a
 qualidade do site. Possibilitam empatia entre desenvolvedor e usuário.

                                                               © Cláudio Diniz Alves 2010
CONSIDERAÇÕES FINAIS

Carência (ou ausência) de cursos voltados para projetos de
 produtos que abranjam a acessibilidade. Cursos de design,
 arquitetura de informação, ciência da computação etc., não
 abordam a acessibilidade;

As maiores barreiras à acessibilidade ainda são o
 preconceito e a falta de informação;

O maior foco ainda é dirigido aos deficientes visuais. Mais
 estudos futuros e desenvolvimentos de produtos deverão
 ser dirigidos a outros grupos de deficientes;

Os Arquitetos de Informação devem demonstrar de forma
 convincente aos envolvidos no processo de produção
 de websites as vantagens do uso dos procedimentos e
 técnicas relativas à acessibilidade (diplomata e formador
 de opinião).
                                                © Cláudio Diniz Alves 2010
REFERÊNCIAS
ALMEIDA PRADO, A. R. de; LOPES, M. E.; ORNSTEIN, S. W. (orgs.) Desenho Universal: Caminhos da
Acessibilidade no Brasil. São Paulo: Annablume, 2010. 306p.

BRASIL. DECRETO NO 5.296, de 2 de dezembro de 2004. Regulamenta as Leis nos 10.048, de 8 de
novembro de 2000, que dá prioridade de atendimento às pessoas que especifica, e 10.098, de 19 de
dezembro de 2000, que estabelece normas gerais e critérios básicos para a promoção da acessibilidade
das pessoas portadoras de deficiência ou com mobilidade reduzida, e dá outras providências. Disponível
em: < https://www.planalto.gov.br/ccivil_03/_Ato2004-2006/2004/Decreto/D5296.htm>. Acesso em: 4
ago. 2010.

BRASIL. Serviço Federal de Processamento de Dados. Validação. Disponível em: <http://www.serpro.gov.
br/acessibilidade/g_validacao.php>. Acesso em: 18 jun. 2010

DIAS, C. Usabilidade na Web: Criando Portais Mais Acessíveis. Rio de Janeiro: Altabooks, 2007. 296p.

KALBACH, J. Design de Navegação Web: otimizando a experiência do usuário. Tradução de Eduardo Kessler
Piveta. Porto Alegre: Bookman, 2009. 430p.

REIS, G. A. Centrando a Arquitetura de Informação no usuário. São Paulo: Universidade de São Paulo –
USP. Escola de Comunicação e Artes. SP, 2007. Disseração (Mestrado em Ciência da Informação). 250p.

ROSENFELD, L.; MORVILLE, P. Information architecture for the World Wide Web. Sebastopol. CA: O’Reilly,
2007. 508p.


                                                                                        © Cláudio Diniz Alves 2010
Muito obrigado!




                       ©Cláudio Diniz Alves
                                •
  Especialização em Arquitetura e Organização da Informação (2010)
Universidade Federal de Minas Gerais • Escola de Ciência da Informação

Contenu connexe

Tendances

Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacaocarlosremontti
 
Projecto multimédia
Projecto multimédiaProjecto multimédia
Projecto multimédiaNuno Cardoso
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegaçãopospipoca
 
Perspectiva com dois pontos de fuga PDF
Perspectiva com dois pontos de fuga PDFPerspectiva com dois pontos de fuga PDF
Perspectiva com dois pontos de fuga PDFFelipe Cardoso
 
Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1PEDRO DAVID
 
8 fazes do planejamento de sites
8 fazes do planejamento de sites8 fazes do planejamento de sites
8 fazes do planejamento de sitesIsaac Batista
 
Aula de revisão de word
Aula de revisão de wordAula de revisão de word
Aula de revisão de wordDaniel da Silva
 
Inteligência Artificial
Inteligência ArtificialInteligência Artificial
Inteligência ArtificialAmanda Nalesso
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivosaiadufmg
 
Regras do power point
Regras do power pointRegras do power point
Regras do power point010693
 
Segurança na internet
Segurança na internetSegurança na internet
Segurança na internetLuísa Lima
 
Design Universal
Design UniversalDesign Universal
Design Universalaiadufmg
 
Arquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosArquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosLuciana Nunes
 
Caracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptxCaracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptxTomasSousa7
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoLuiz Agner
 
Redes sociais- Pontos positivos e negativos
Redes sociais- Pontos positivos e negativosRedes sociais- Pontos positivos e negativos
Redes sociais- Pontos positivos e negativosLuana Bastos
 
Perspectiva
PerspectivaPerspectiva
Perspectivagapski
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web designCarla Suelen
 

Tendances (20)

Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacao
 
Projecto multimédia
Projecto multimédiaProjecto multimédia
Projecto multimédia
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Perspectiva com dois pontos de fuga PDF
Perspectiva com dois pontos de fuga PDFPerspectiva com dois pontos de fuga PDF
Perspectiva com dois pontos de fuga PDF
 
Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1
 
8 fazes do planejamento de sites
8 fazes do planejamento de sites8 fazes do planejamento de sites
8 fazes do planejamento de sites
 
Aula de revisão de word
Aula de revisão de wordAula de revisão de word
Aula de revisão de word
 
Inteligência Artificial
Inteligência ArtificialInteligência Artificial
Inteligência Artificial
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivos
 
Regras do power point
Regras do power pointRegras do power point
Regras do power point
 
Segurança na internet
Segurança na internetSegurança na internet
Segurança na internet
 
Design Universal
Design UniversalDesign Universal
Design Universal
 
Arquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementosArquitetura de Informação: história, definição e seus elementos
Arquitetura de Informação: história, definição e seus elementos
 
Caracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptxCaracterizar o design e as várias áreas de intervenção (2).pptx
Caracterizar o design e as várias áreas de intervenção (2).pptx
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de Informação
 
Tics na Educação
Tics na EducaçãoTics na Educação
Tics na Educação
 
Redes sociais- Pontos positivos e negativos
Redes sociais- Pontos positivos e negativosRedes sociais- Pontos positivos e negativos
Redes sociais- Pontos positivos e negativos
 
Perspectiva
PerspectivaPerspectiva
Perspectiva
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Introdução ao web design
Introdução ao web designIntrodução ao web design
Introdução ao web design
 

En vedette

Usabilidade e Acessibilidade
Usabilidade e AcessibilidadeUsabilidade e Acessibilidade
Usabilidade e AcessibilidadeKetlin Stringhini
 
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidadeConteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidadeMárcia Silva Corrêa
 
Html e acessibilidade
Html e acessibilidadeHtml e acessibilidade
Html e acessibilidadeRenan Alfarth
 
Isc aula 5 - estrutura e organização da informação
Isc   aula 5 - estrutura e organização da informaçãoIsc   aula 5 - estrutura e organização da informação
Isc aula 5 - estrutura e organização da informaçãoFábio Andrade
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeNécio de Lima Veras
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoRodrigo Savazoni
 
Web Semântica no Domínio Bibliográfico
Web Semântica no Domínio BibliográficoWeb Semântica no Domínio Bibliográfico
Web Semântica no Domínio BibliográficoUNESP
 
Re architecting web based publishing and subscriptions application
Re architecting web based publishing and subscriptions applicationRe architecting web based publishing and subscriptions application
Re architecting web based publishing and subscriptions applicationDiaspark
 
Apresentação sobre web semântica
Apresentação sobre web semânticaApresentação sobre web semântica
Apresentação sobre web semânticasamuelfructuoso
 
Sistemas para internet Faccamp - aula7
Sistemas para internet Faccamp - aula7Sistemas para internet Faccamp - aula7
Sistemas para internet Faccamp - aula7André Seiji Goto
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveisaiadufmg
 
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacionalWeb semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacionalRichard Duchatsch Johansen
 
Análise da usabilidade e proposta de melhorias no SIG - UFLA
Análise da usabilidade e proposta de melhorias no SIG - UFLAAnálise da usabilidade e proposta de melhorias no SIG - UFLA
Análise da usabilidade e proposta de melhorias no SIG - UFLAThiago Nascimento Oliveira
 
Po planificación y organizacion walter mancheno
Po planificación y organizacion walter manchenoPo planificación y organizacion walter mancheno
Po planificación y organizacion walter manchenowaltermancheno66
 
Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoAula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoJolvani Morgan
 

En vedette (20)

Usabilidade e Acessibilidade
Usabilidade e AcessibilidadeUsabilidade e Acessibilidade
Usabilidade e Acessibilidade
 
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidadeConteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
Conteúdos digitais multimídia: o foco na usabilidade e na acessibilidade
 
Por que Arquitetura de Informação e Usabilidade são importantes?
Por que Arquitetura de Informação e Usabilidade são importantes?Por que Arquitetura de Informação e Usabilidade são importantes?
Por que Arquitetura de Informação e Usabilidade são importantes?
 
Html e acessibilidade
Html e acessibilidadeHtml e acessibilidade
Html e acessibilidade
 
Isc aula 5 - estrutura e organização da informação
Isc   aula 5 - estrutura e organização da informaçãoIsc   aula 5 - estrutura e organização da informação
Isc aula 5 - estrutura e organização da informação
 
Sites Acessíveis
Sites AcessíveisSites Acessíveis
Sites Acessíveis
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Web semântica: em busca da web inteligente
Web semântica: em busca da web inteligenteWeb semântica: em busca da web inteligente
Web semântica: em busca da web inteligente
 
Web Semântica no Domínio Bibliográfico
Web Semântica no Domínio BibliográficoWeb Semântica no Domínio Bibliográfico
Web Semântica no Domínio Bibliográfico
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Re architecting web based publishing and subscriptions application
Re architecting web based publishing and subscriptions applicationRe architecting web based publishing and subscriptions application
Re architecting web based publishing and subscriptions application
 
Apresentação sobre web semântica
Apresentação sobre web semânticaApresentação sobre web semântica
Apresentação sobre web semântica
 
Sistemas para internet Faccamp - aula7
Sistemas para internet Faccamp - aula7Sistemas para internet Faccamp - aula7
Sistemas para internet Faccamp - aula7
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveis
 
Web semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacionalWeb semântica e html5 na recuperação de conteúdo informacional
Web semântica e html5 na recuperação de conteúdo informacional
 
Pdf Campus Party 2010
Pdf   Campus Party 2010Pdf   Campus Party 2010
Pdf Campus Party 2010
 
Análise da usabilidade e proposta de melhorias no SIG - UFLA
Análise da usabilidade e proposta de melhorias no SIG - UFLAAnálise da usabilidade e proposta de melhorias no SIG - UFLA
Análise da usabilidade e proposta de melhorias no SIG - UFLA
 
Po planificación y organizacion walter mancheno
Po planificación y organizacion walter manchenoPo planificación y organizacion walter mancheno
Po planificación y organizacion walter mancheno
 
Aula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externoAula 03. utilização inline, incorporado e externo
Aula 03. utilização inline, incorporado e externo
 

Similaire à APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM FOCO NOS USUÁRIOS COM NECESSIDADES ESPECIAIS

Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebLucas Augusto Carvalho
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisLogan Web
 
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...WordCamp Floripa
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webBruno Borges
 
Inclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todosInclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todosGisely Lucas
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidadeaiadufmg
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevLucas J Silva
 
Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a InternetMarcio Duarte
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011Hudson Augusto
 
Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessívelMDesign Estúdio
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAlan Vasconcelos
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Marcelo Sales
 
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...tdc-globalcode
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na webAna Espadinha
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 

Similaire à APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM FOCO NOS USUÁRIOS COM NECESSIDADES ESPECIAIS (20)

Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na Web
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes Visuais
 
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
WordCamp Floripa 2021 - Eliane - Seu site limita o acesso dos usuários? Como ...
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na web
 
Inclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todosInclusão Web: Tornando a web para todos
Inclusão Web: Tornando a web para todos
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC Dev
 
Introdução a Internet
Introdução a InternetIntrodução a Internet
Introdução a Internet
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
Acessibilidade e Tecnologias Assistivas
Acessibilidade e Tecnologias AssistivasAcessibilidade e Tecnologias Assistivas
Acessibilidade e Tecnologias Assistivas
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessível
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - Mhtx
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
 
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 

Plus de Claudio Diniz - Designer Gráfico

Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...
Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...
Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...Claudio Diniz - Designer Gráfico
 

Plus de Claudio Diniz - Designer Gráfico (20)

Selo BH Hip-Hop 40 anos
Selo BH Hip-Hop 40 anosSelo BH Hip-Hop 40 anos
Selo BH Hip-Hop 40 anos
 
TRUCK PARK BR.pdf
TRUCK PARK BR.pdfTRUCK PARK BR.pdf
TRUCK PARK BR.pdf
 
Apresentação Descentra
Apresentação DescentraApresentação Descentra
Apresentação Descentra
 
Festivais Municipais
Festivais MunicipaisFestivais Municipais
Festivais Municipais
 
Identidade Visual para o Instagram
Identidade Visual para o InstagramIdentidade Visual para o Instagram
Identidade Visual para o Instagram
 
MARCA BELO HORIZONTE FILM COMMISSION
MARCA BELO HORIZONTE FILM COMMISSIONMARCA BELO HORIZONTE FILM COMMISSION
MARCA BELO HORIZONTE FILM COMMISSION
 
Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...
Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...
Acoes emergenciais e estruturantes para a cultura em belo horizonte junho-202...
 
Sesc Business Intelligence - Defesa de Marca
Sesc Business Intelligence - Defesa de MarcaSesc Business Intelligence - Defesa de Marca
Sesc Business Intelligence - Defesa de Marca
 
Via Verde
Via VerdeVia Verde
Via Verde
 
Sesc 3 anos de gestao 2010-2013
Sesc 3 anos de gestao 2010-2013Sesc 3 anos de gestao 2010-2013
Sesc 3 anos de gestao 2010-2013
 
Conheça o Sesc
Conheça o SescConheça o Sesc
Conheça o Sesc
 
Ai ad aula 2_parte1
Ai ad aula 2_parte1Ai ad aula 2_parte1
Ai ad aula 2_parte1
 
Arquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e DesenvolvimentoArquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e Desenvolvimento
 
O Arquiteto da Informação
O Arquiteto da InformaçãoO Arquiteto da Informação
O Arquiteto da Informação
 
Arquitetura da Informação e Interdisciplinaridade
Arquitetura da Informação e InterdisciplinaridadeArquitetura da Informação e Interdisciplinaridade
Arquitetura da Informação e Interdisciplinaridade
 
Sistemas da Arquitetura da Informação
Sistemas da Arquitetura da InformaçãoSistemas da Arquitetura da Informação
Sistemas da Arquitetura da Informação
 
Wireframes
WireframesWireframes
Wireframes
 
Sitegrama e fluxo
Sitegrama e fluxoSitegrama e fluxo
Sitegrama e fluxo
 
Card Sorting
Card SortingCard Sorting
Card Sorting
 
Deficiências e Tecnologias Assistivas
Deficiências e Tecnologias AssistivasDeficiências e Tecnologias Assistivas
Deficiências e Tecnologias Assistivas
 

Dernier

O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...azulassessoria9
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...azulassessoria9
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Centro Jacques Delors
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaCentro Jacques Delors
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...AnaAugustaLagesZuqui
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.denisecompasso2
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Cabiamar
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º anoRachel Facundo
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptssuser2b53fe
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxFlviaGomes64
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfAutonoma
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticash5kpmr7w7
 
AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022LeandroSilva126216
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Centro Jacques Delors
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024azulassessoria9
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...azulassessoria9
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxTailsonSantos1
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptxJssicaCassiano2
 
Slides 9º ano 2024.pptx- Geografia - exercicios
Slides 9º ano 2024.pptx- Geografia - exerciciosSlides 9º ano 2024.pptx- Geografia - exercicios
Slides 9º ano 2024.pptx- Geografia - exerciciosGentil Eronides
 
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE   atividade muito boa paraINTERTEXTUALIDADE   atividade muito boa para
INTERTEXTUALIDADE atividade muito boa paraAndreaPassosMascaren
 

Dernier (20)

O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022AULÃO de Língua Portuguesa para o Saepe 2022
AULÃO de Língua Portuguesa para o Saepe 2022
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Slides 9º ano 2024.pptx- Geografia - exercicios
Slides 9º ano 2024.pptx- Geografia - exerciciosSlides 9º ano 2024.pptx- Geografia - exercicios
Slides 9º ano 2024.pptx- Geografia - exercicios
 
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE   atividade muito boa paraINTERTEXTUALIDADE   atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
 

APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM FOCO NOS USUÁRIOS COM NECESSIDADES ESPECIAIS

  • 1. ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM FOCO NOS USUÁRIOS COM NECESSIDADES ESPECIAIS Autor: Cláudio Diniz Alves Defesa de monografia (TCC) para obtenção do título de Especialista em Arquitetura e Organização da Informação Orientadora: Profa Marta Macedo Kerr Pinheiro
  • 2. INTRODUÇÃO 14,5% com necessidades especiais no Brasil - IBGE, 2000(*); 9,6% idosos no Brasil (a partir de 60 anos) - IBGE, 2003 - com melhoria da expectativa de vida o número continuará aumentando; 10% deficientes no mundo - OMS/ONU; O Brasil ainda está longe de atingir o ideal da democratização da informação e da inclusão social/digital; deixa à margem pessoas que possuem algum tipo de deficiência visual, auditiva, motora ou cognitiva. (*) Até a presente data o IBGE não havia divulgado as novas planilhas referentes ao censo 2010. © Cláudio Diniz Alves 2010
  • 3. JUSTIFICATIVA Contribuir para informar, conscientizar e demonstrar o papel da Arquitetura de Informação e dos Arquitetos de Informação na produção de websites acessíveis; Aumento crescente de websites que não levam em conta uma parcela considerável de usuários reais ou potenciais da informação digital: os portadores de necessidades especiais, os idosos etc.; Falta de informação, preconceito sobre as normas, as técnicas, os softwares e os benefícios da implantação da acessibilidade e da usabilidade em websites ainda é comum entre os empresários, organizações, instituições de ensino superior e equipes de desenvolvimento de sites. © Cláudio Diniz Alves 2010
  • 4. OBJETIVO GERAL Identificar técnicas, softwares, normas, recomendações e outros recursos que poderão auxiliar os Arquitetos de Informação em sua função de organizar o conteúdo informacional, criar os melhores esquemas de navegação na web, viabilizar a conclusão de tarefas na internet, facilitar o acesso e a compreensão do conteúdo digital. © Cláudio Diniz Alves 2010
  • 5. OBJETIVOS ESPECÍFICOS  Definir Arquitetura de Informação, Arquiteto de Informação e seus papéis em equipes interdisciplinares de desenvolvimento de websites acessíveis;  Definir acessibilidade, desenho universal, tecnologia assistiva e usabilidade; Demonstrar os principais benefícios na adoção de práticas de acessibilidade durante o projeto e desenvolvimento de sites; Listar os principais tipos de necessidades especiais e seus respectivos recursos de acessibilidade; Expor os principais métodos de acessibilidade que os Arquitetos de Informação poderão usar em seu trabalho individual e como membro de uma equipe interdisciplinar de desenvolvimento de sites. © Cláudio Diniz Alves 2010
  • 6. METODOLOGIA  Revisão de publicações sobre  acessibilidade (pesquisa documental): livros e artigos acadêmicos sobre Ciência da Informação, Arquitetura de Informação, usabilidade, acessibilidade, desenvolvimento web etc. Normas, leis, recomendações e padrões nacionais* e internacionais# sobre acessibilidade. *CONADE – Conselho Nacional dos Direitos da Pessoa com Deficiência Decreto no 5.296 Comitê Brasileiro de Acessibilidade (CB-40) # WCAG – Web Content Accessibility Guidelines (Manual de Conteúdo Acessível na Web) WAI – Web Accessibility Initiative (Iniciativa de Acessibilidade Web) © Cláudio Diniz Alves 2010
  • 7. ARQUITETURA DE INFORMAÇÃO ”A ciência e a arte de estruturar e classificar websites e intranets para ajudar pessoas a encontrar e administrar informação” (ROSENFELD E MORVILLE, 2007); “Arquitetura de Informação é a arte e a ciência de estruturar e organizar ambientes de informação para ajudar as pessoas a satisfazerem suas necessidades de informação de forma efetiva” (TOUB citado por REIS, 2007). © Cláudio Diniz Alves 2010
  • 8. ACESSIBILIDADE ACESSIBILIDADE NA WEB Significa permitir o acesso à web por todos, independente de tipo de usuário, situação ou ferramenta. É criar ou tornar as ferramentas e páginas web acessíveis a um maior número de usuários, inclusive pessoas com deficiências. A acessibilidade na web beneficia também pessoas idosas, usuários de navegadores alternativos, usuários de tecnologia assistiva e de acesso móvel. (DIAS, 2007) © Cláudio Diniz Alves 2010
  • 9. TECNOLOGIA ASSISTIVA Técnicas, aparelhos, instrumentos, produtos e procedimentos que visam auxiliar a mobilidade, percepção e utilização pelos deficientes. Exemplos: leitores de tela, órteses para digitação, display Braille etc. © Cláudio Diniz Alves 2010
  • 10. MITOS versus BENEFÍCIOS Acessibilidade Web é só para deficientes visuais; MITOS Fazer um site acessível demora e custa caro; Websites acessíveis não tem um layout bonito, não são atraentes ao público e não são funcionais. Desenvolvedores e Arquitetos de Informação passam a ter mais experiência profissional e acrescentam ao seu currículo e portfólio BENEFÍCIOS sites com qualidade acima da média e público mais amplo; Websites acessíveis são melhores posicionados em mecanismos de buscas, atingem um público maior, são de mais fácil manutenção, minimizam reclamações por parte dos clientes, facilitam as compras online e disponibilizam a informação mais facilmente etc.; Ideal para a portabilidade e tecnologias futuras. © Cláudio Diniz Alves 2010
  • 11. DEFICIÊNCIA VISUAL Tecnologias assistivas: leitores de tela, ampliadores de tela, navegadores com voz, impressora Braille, display Braille etc. Colocar descrição textual (atributo alt) em imagens, vídeos, áudio. Devem ser compreensíveis. Indicar a localização no website (“você está aqui”). Permitir alteração do tamanho do texto. © Cláudio Diniz Alves 2010
  • 12. DEFICIÊNCIA AUDITIVA Softwares que melhoram o desempenho do áudio do computador. Adaptam o som às necessidades auditivas do usuário; Legendas, tradução do conteúdo para Língua Brasileira de Sinais (LIBRAS). © Cláudio Diniz Alves 2010
  • 13. DEFICIÊNCIA COGNITIVA Usar parágrafos curtos, com linguagem simples e clara, de elementos que contribuam para a orientação e localização, telas simples, organizadas e com layout harmônico (ou padronizado) e com fluxos de navegação com sequências óbvias e lógicas. © Cláudio Diniz Alves 2010
  • 14. DEFICIÊNCIA MOTORA Dispositivos especiais: mouses ou teclados modificados, pedais ou joysticks para navegar na web e inserir informações. O Arquiteto de Informação deve possibilitar a navegação por teclado e a facilidade do uso de softwares de comando de voz. © Cláudio Diniz Alves 2010
  • 15. DEFICIÊNCIAS MÚLTIPLAS Associação de duas ou mais deficiências (Decreto no 5.296 de 2 de dezembro de 2004); Com o envelhecimento, é comum que as pessoas adquiram deficiências auditivas e visuais simultaneamente; As normas da W3C comtemplam vários tipos de deficiência ao mesmo tempo. © Cláudio Diniz Alves 2010
  • 16. TESTES DE ACESSIBILIDADE Aplicativos avaliadores dos códigos (identificam problemas de acessibilidade); Verificação ortográfica e gramatical por um revisor; Um profissional que entenda de acessibilidade deve fazer uma verificação manual do website (Apresentação adequada? Funciona corretamente? Comportamento em outros browsers? Funciona com Tecnologia Assistiva?); O Serpro recomenda: “peça a pessoas com deficiências que revejam os documentos. Esses usuários, com ou sem experiência, são uma fonte inestimável de informações sobre o estado dos documentos, no que diz respeito ao seu grau de acessibilidade e de facilidade de utilização”. © Cláudio Diniz Alves 2010
  • 17. TESTES DE ACESSIBILIDADE ”Um processo de design centrado no usuário coloca as pessoas no centro da atenção ao desenvolver um produto ou serviço. Isso substitui o trabalho de adivinhar o comportamento do usuário e fazer suposições sobre isto baseadas em pesquisa. No final, o design geral do site deve espelhar como os usuários entendem o assunto e como eles esperam encontrar as informações que precisam” (KALBACH, 2009); (1) o usuário fica diante do site e o explora sozinho e sem interferência. Ele dá opiniões dizendo o que gosta, o que não gosta, indica o que está claro ou confuso e (2) é apresentada uma lista de tarefas com diferentes graus de dificuldade para serem realizadas no site. Um observador realiza anotações durante o processo; Devem ser utilizados em todo processo de desenvolvimento. Garantem a qualidade do site. Possibilitam empatia entre desenvolvedor e usuário. © Cláudio Diniz Alves 2010
  • 18. CONSIDERAÇÕES FINAIS Carência (ou ausência) de cursos voltados para projetos de produtos que abranjam a acessibilidade. Cursos de design, arquitetura de informação, ciência da computação etc., não abordam a acessibilidade; As maiores barreiras à acessibilidade ainda são o preconceito e a falta de informação; O maior foco ainda é dirigido aos deficientes visuais. Mais estudos futuros e desenvolvimentos de produtos deverão ser dirigidos a outros grupos de deficientes; Os Arquitetos de Informação devem demonstrar de forma convincente aos envolvidos no processo de produção de websites as vantagens do uso dos procedimentos e técnicas relativas à acessibilidade (diplomata e formador de opinião). © Cláudio Diniz Alves 2010
  • 19. REFERÊNCIAS ALMEIDA PRADO, A. R. de; LOPES, M. E.; ORNSTEIN, S. W. (orgs.) Desenho Universal: Caminhos da Acessibilidade no Brasil. São Paulo: Annablume, 2010. 306p. BRASIL. DECRETO NO 5.296, de 2 de dezembro de 2004. Regulamenta as Leis nos 10.048, de 8 de novembro de 2000, que dá prioridade de atendimento às pessoas que especifica, e 10.098, de 19 de dezembro de 2000, que estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida, e dá outras providências. Disponível em: < https://www.planalto.gov.br/ccivil_03/_Ato2004-2006/2004/Decreto/D5296.htm>. Acesso em: 4 ago. 2010. BRASIL. Serviço Federal de Processamento de Dados. Validação. Disponível em: <http://www.serpro.gov. br/acessibilidade/g_validacao.php>. Acesso em: 18 jun. 2010 DIAS, C. Usabilidade na Web: Criando Portais Mais Acessíveis. Rio de Janeiro: Altabooks, 2007. 296p. KALBACH, J. Design de Navegação Web: otimizando a experiência do usuário. Tradução de Eduardo Kessler Piveta. Porto Alegre: Bookman, 2009. 430p. REIS, G. A. Centrando a Arquitetura de Informação no usuário. São Paulo: Universidade de São Paulo – USP. Escola de Comunicação e Artes. SP, 2007. Disseração (Mestrado em Ciência da Informação). 250p. ROSENFELD, L.; MORVILLE, P. Information architecture for the World Wide Web. Sebastopol. CA: O’Reilly, 2007. 508p. © Cláudio Diniz Alves 2010
  • 20. Muito obrigado! ©Cláudio Diniz Alves • Especialização em Arquitetura e Organização da Informação (2010) Universidade Federal de Minas Gerais • Escola de Ciência da Informação