Acessibilidade na Web

Tamanho: px

Começar a partir da página:

Download "Acessibilidade na Web"

Sofia Affonso Castelo
8 Há anos
Visualizações:

1 Acessibilidade na Web Departamento de Computação - UFS Tópicos Especiais em Sistemas de Informação Lucas Augusto Carvalho lucasamcc@dcomp.ufs.br Prof. Rogério

2 Vídeo Custo ou Benefício? Créditos:

3 Agenda Introdução Diretrizes de acessibilidade Ferramentas Conselhos para ter um site mais acessível Estudo de Caso Custos X Benefícios Site Acessíveis Sites Úteis

4 Introdução Conceito de acessibilidade Tipos de necessidades especiais Lei Federal de Acessibilidade no Brasil World Wide Web Consortium W3C

5 Introdução Conceito de acessibilidade É mais amplo que o acesso à pessoas com deficiência. Três noções: "Utilizadores" "Situação" "Ambiente". Símbolo de acessibilidade na web.

6 Introdução Tipos de necessidades especiais Cegueira Daltonismo Baixa visão Deficiência mental Deficiência física Deficiência auditiva Dislexia Desordem por Déficit de Atenção etc...

7 Introdução Lei Federal de Acessibilidade no Brasil Decreto 5296/04, regulamentou a lei , de 19 de dezembro de 2000, que estabelece normas gerais e critérios básicos para a promoção da acessibilidade.

098, de 19 de dezembro de 2000, que estabelece

8 Introdução World Wide Web Consortium W3C consórcio internacional formado por mais de 500 empresas. produz padrões (Web standards), diretrizes (guidelines), recomendações e protocolos para a criação de conteúdos para web com o objetivo de garantir a sua interoperabilidade. Alguns dos seus padrões: HTML, XHTML, CSS, XML, PNG e etc.

produz padrões (Web standards), diretrizes (guidelines), recomendações e

9 Introdução World Wide Web Consortium W3C A Web Accessibility Initiative (WAI) desenvolve diretrizes para acessibilidade de Web sites, navegadores, e ferramentas de criação de conteúdo, a fim de tornar mais fácil para pessoas portadoras de necessidades o usa da Web.

sites, navegadores, e ferramentas de criação de conteúdo, a fim de

10 Diretrizes de acessibilidade Diretrizes de acessibilidade ao conteúdo da Web (WCAG) Prioridade 1 (nível A) Pontos que os criadores de conteúdo Web devem satisfazer inteiramente. Prioridade 2 (nível AA) Pontos que os criadores de conteúdos na Web deveriam satisfazer. Prioridade 3 (nível AAA) Pontos que os criadores de conteúdos na Web podem satisfazer.

11 Diretrizes de acessibilidade Modelo de Acessibilidade em Governo Eletrônico e-mag Foi publicada no Diário Oficial da União do dia 08 de maio de 2007, a Portaria de N 3 que determina a sua adoção pelos órgãos e entidades da Administração Pública Federal direta, autárquica e fundacional.

maio de 2007, a Portaria de N 3 que determina a sua adoção pelos órgãos

12 Ferramentas Ferramentas Assistivas Leitor de Tela Navegador textual Ampliador de tela Sintetizador de voz Reconhecedor de voz Navegador com voz Teclado alternativo

13 Ferramentas Ferramentas Assistivas Player Rybená Funciona como um tradutor, auxiliando na compreensão do conteúdo de textos em português. É capaz de converter qualquer página da Internet ou texto escrito em português para a Língua Brasileira de Sinais - LIBRAS. É disponibilizado em um sítio, onde os usuários poderão selecionar com o mouse qualquer parte do texto do portal e ver a tradução em LIBRAS por intermédio de um simpático desenho animado. Utilizado pela UFPE.

É capaz de converter qualquer página da Internet ou texto escrito em português para a Língua Brasileira de Sinais -

14 Ferramentas Ferramentas Assistivas Dosvox Núcleo de Computação Eletrônica da Universidade Federal do Rio de Janeiro (UFRJ) é um sistema destinado a auxiliar o deficiente visual a fazer uso de microcomputadores da linha PC, através do uso de sintetizador de voz. implementado por programadores deficientes visuais, que fazem uso do próprio sistema DOSVOX, sem necessitar de ajuda de pessoas videntes.

microcomputadores da linha PC, através do uso de sintetizador de voz.

15 Ferramentas Ferramentas Assistivas Dosvox (continuação)

16 Ferramentas Ferramentas Assistivas ReadSpeaker permite uma síntese vocal quase natural, que lê o conteúdo das páginas para o visitante. todo o serviço fica localizado no site da ReadSpeaker. o visitante não precisa fazer o download de nenhum programa. ajuda aquelas pessoas que têm dificuldade em ler, ou apenas porque preferem ouvir.

todo o serviço fica localizado no site da ReadSpeaker.

17 Ferramentas Ferramentas de Validação de Acessibilidade DaSilva Primeiro validador de língua portuguesa. Diretrizes WCAG 1.0 E-Gov Avaliações desde 18/12/2003: (WCAG) / (E-GOV)

18 Ferramentas Ferramentas de Validação de Acessibilidade Valida Web Diretriz WCAG 1.0

19 Acessibilidade na Web Conselhos para tornar seu site mais acessível

20 Conselhos 1 - Garanta que todas as imagens se encontram legendadas ou descritas com texto

21 Conselhos 2 - Garanta que o tamanho do texto pode ser aumentado com as opções do seu navegador

22 Conselhos 3 - Garanta que o comprimento do texto na página se ajusta ao tamanho da Janela Nota: Esta característica facilita a utilização de software de ampliação.

23 Conselhos 4 - Garanta a identificação do campos dos formulários

24 Conselhos 5 - Permita a ativação dos elementos da página através do teclado

25 Conselhos 6 - Garanta que os textos dos links sejam compreensíveis fora do contexto

26 Conselhos 7 - Forneça uma forma simples para contactar o responsável

27 Conselhos 8 - Utilize ferramentas e serviços automáticos de análise da acessibilidade

28 Importante Utilizar validadores e obter um selo de acessibilidade, não garante a acessibilidade. Os validadores não verificam todas as recomendações, apenas algumas. É preciso assegurar a Usabilidade do site. Ex.: não é possível verificar o grau de contraste entre a cor de fundo e a cor fonte da letra.

29 Importante A tecnologia Flash é uma ferramenta poderosa para desenvolvimento de páginas WEB, porém, infelizmente, páginas desenvolvidas em Flash com versões anteriores a MX são impossíveis de serem lidas pelos Leitores de telas atuais, tornando-as inacessíveis.

30 Estudo de Caso Utilizaremos a ferramenta de validação DaSilva para verificarmos a validação da acessibilidade do Portal da Universidade Federal de Sergipe. Após a verificação, usaremos o navegador textual Lynx para acessar o portal e verificar o grau de dificuldade em navegar por ele.

32 Estudo de Caso Resultados: DaSilva

33 Estudo de Caso Resultados: DosVox Ao fim da navegação, verificamos o quanto difícil é para os portadores de necessidades especiais navegarem pelo portal da UFS. Nenhuma imagem com texto alternativo. Menu do topo totalmente confuso! (tabs fora de ordem). Menu com subitens sem possibilidade de navegação pelo teclado. Acesso ao conteúdo do site após vários tabs. Campos e botão do formulário sem texto explicativo. Agenda do Portal utilizando JavaScript para rotatividade e para exibição.

39 Mito não é porque um Website é acessível, que ele deve ter uma interface feia, pobre, sem imagens e com limitações no design. Isso não existe, acessibilidade não é sinônimo de baixa qualidade gráfica, pelo contrário, deve ser associada a uma interface que propicie uma melhor experiência para o usuário. Já o acabamento do site fica por conta do gosto e habilidade do designer.

40 Vantagens X Desvantagens Benefícios Seu site visível a todos navegadores antigos, pessoas com dificuldades visuais, auditivas, idosos e etc... Seu site visível em qualquer dispositivo leitor de tela, celular, PDA, SmartPhone, etc... Seu site navegável em qualquer situação usuário falando ao telefone, placa de som do usuário sem funciona, mouse com defeito, etc... Seu site gerando mais receita conteúdo mais amigável aos robores dos buscadores, gerando mais visitas; maior número de visitantes devido ao aumento do público alvo.

41 Custos X Benefícios Custos Requer mais tempo para desenvolvimento Falta de pessoal qualificado Maior investimento

42 Sítios Acessíveis Ministério da Ciência e Tecnologia Deputado Chico Leite - DF Lista de Sítios (386 até 27/11/2007)

43 Sítios Úteis DaSilva - Rybená - Valida Web - Projeto Dosvox - Maujor - W3C - Acessibilidade Brasil - Tecnologia Assistiva -

44 Sítios Úteis Acesso Digital - Tableless - ReadSpeaker - Bengala Legal -

45 Acessibilidade... a solução para um site ótimo é um site muito bem testado... FIM.

Documentos relacionados

Siep / Renapi Campus Bento Gonçalves / RS Jucélia Almeida DESENVOLVENDO UM SITE ACESSÍVEL

Siep / Renapi Campus Bento Gonçalves / RS Jucélia Almeida DESENVOLVENDO UM SITE ACESSÍVEL Web para todos De acordo com Cifuentes(2000), Caplan(2002) e Dias (2003), entende-se por acessibilidade à rede