Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Acessibilidade Web

Seminário Faculdade Anhanguera Turma GTI roarealva@hotmail.com
by

marcos Pavani

on 19 November 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Acessibilidade Web

O que significa Acessibilidade Web?
Como tornar um website acessível?
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.

Não permitir informações baseadas apenas em cores.
Deficientes visuais: cegos, daltônicos, baixa visão
Deficientes auditivos: surdos, baixa audição
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).
Deficientes motores/físicos: paraplégicos, tetraplégicos, hemipégicos, amputados ou com ausência de membro, pessoas com paralisia cerebral, nanismo etc.
Dispositivos especiais: mouses ou teclados modificados, apontadores, colmeias para teclado, pedais ou joysticks para navegar na web e inserir informações.

Possibilitar a navegação por teclado e a facilidade do uso de softwares de comando de voz.
Deficientes cognitivos: autismo, Síndrome de Down, traumatismos crânio-encefálicos (TCE), demência etc.
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 , lógicas e usuais.
Deficientes múltiplos: surdo-mudos, idosos etc.

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

Aplicar normas de acessibilidade para os tipos de deficiência.
Dicas para criação site Acessivel
Inclusão digital e social

Expansão do público alvo do website

Conformidade com o Decreto 5296/04

Maior visibilidade pelos sistemas de busca

Maior usuabilidade e atendimento das pessoas

Manutenção mais rápida e mais barata

Promoção da independência e da qualidade de vida
Considerações finais
A web oferece para as pessoas com deficiência muitas oportunidades que são indisponíveis em qualquer outro meio. Ela oferece independência e liberdade. No entanto, se um web site não é criado tendo em mente o uso dos padrões de Acessibilidade da Web poderá estar sendo excluído de um segmento significante da população, que poderia ganhar muito mais com o uso da Internet. A maiorias das pessoas não pretendem excluir as pessoas com deficiência. Partindo do momento em que as organizações e designers tornam-se conscientes para implementar a Acessibilidade, eles estão garantindo que o seu conteúdo pode ser acessado por uma quantidade muito maior de visitantes.
Torcemos assim para que as inovações e avanços da tecnologia ajudem cada vez mais os deficientes.
"O poder da web está em sua universalidade. Ser acessada por todos, independentemente de deficiência, é um aspecto essencial."

- TimBerners-Lee
Diretor do W3C e inventor da World Wide Web
Acessibilidade Web
"significa permitir o acesso à web para 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."
Acessibilidade para quem ?
Só ??
mas também...
Daltonicos
Visão Reduzida
Cégos
Como todos nós quando
em nossa primeira experiencia
Quantos são ?
Segundo o IBGE e a OMS
E também a uma grande parte da população
que tem medo da tecnologia
mais de um bilhão de pessoas em todo o mundo !
Seguindo as diretrizes de padronização (web standards)e as
Recomendações de Acessibilidade para Conteúdo Web, existentes no documento (Web Content Accessibility Guidelines WCAG 2.0)
criadas pela W3c (World Wide Web Consortium )
Legislação
Testes de constraste
Validação de acessibilidade
http://www.dasilva.org.br/
http://www.sidar.org/hera/index.php.pt (HERA)
http://validator.w3.org/ (w3c)
http://www.vischeck.com/vischeck/
Teste cores
http://www.merttol.com/articles/web/color-and-accessibility.html
Testes de Acessibilidade
Desativação das Imagens, utilização de ferramentas acessibilidade assistiva
E o mais importante se imagine como um portador de deficiência.
Benefícios.
É obrigatório a acessibilidade na Internet, porém, apenas para às pessoas com deficiência visual (não contemplando as pessoas com mobilidade motora reduzida e com deficiência auditiva) e somente a portais do governo.
Em 2008 foi determinado na Convenção Internacional dos Direitos da Pessoa com Deficiência que:
Tornou obrigatório e crime de discriminação qualquer informação na internet não acessível para qualquer tipo de deficiência e a qualquer categoria de portal ou site, de empresa privada ou governamental, acabando assim com as restrições anteriores do decreto.
Em 2004 no Brasil assinado pelo Presidente Lula, o decreto n° 5296, regulamentador da lei de acessibilidade nº 10098 diz que:
Fontes: Relatorio de 2011 OMS (organização mundial de saúde)
Senso IBGE (Instituto Brasileiro de Geografia e Estatística)
Separação de HTML/XHTML, CSS e código JavaScript.
Cada um deles tem um proposito diferente
Performance: Arquivos externos como .css e .js ficarão armazenados no cache do navegador do usuário depois do primeiro carregamento da página, reduzindo em conseqüência, drasticamente o tempo de carregamento.

Visão geral: Você saberá exatamente onde procurar um código. Cada layer de código com seu propósito.
Uso do código: Fica fácil usar o mesmo código em diferentes partes do Web site.

Manutenção: O código fica centralizado em um lugar controlando apresentação e interatividade em todo o Web site.
Web Standards
Validação do código
É feita para verificação do codigo de acordo com o DOCTYPE e as diretrizes W3c
HTML/XHTML/CSS
Auxilia na detecção de erros
Evita uma série de problemas relativos à renderização do layout
Ajuda na manutenção
Use o atributo ALT
É um texto alternativo usado em figuras, títulos, gráficos ou botões, deve conter sempre uma descrição resumida e clara.

Em imagens decorativas, espaçadores, linhas e enchimentos deve ser utilizado o Alt vazio
(alt=" ").
<img src="img/imagem127q.gif"
alt="Quem somos" width="106" height="20" />
imagem quem somos do menu
Legendas em Videos
Utilize em Formulários
Ir direto ao Conteúdo
Ir ao Menu
Alteração Tamanho Fontes
Opção de Autoconstraste
Menus drop-down
Captha
Lêda Spelta
Uma das maiores defensoras da Acessibilidade Web
Inserção da barra de Acessibilidade
Utilização cores certas para daltonicos
é a utilização de forma correta das tags ao contexto apropriado.

<div> para divisorias
<h1><h6> para títulos
<ol> <ul> <dl> para listas

Com o html5 e suas novas tags será possível melhorar muito a semântica.
Exemplo novas tags
Código Semanticâmente Correto
Exemplo
autofocus
tabindex
label- rótulo
novos tipos de inputs do html5
search, tel, url,date, month, week, time, number, range, color,datetime.

accesskey para atalhos de teclas
fieldset- para agrupa itens do formulario criando semantica na leitura
Ex.
"Dados pessoais" "Nome" - Edição
"Dados pessoais" "Endereço" - Edição
não utilizar menus que utilizam só do evento onmouseover
não utilizar menus em flash

ou ulilizar o menu com comando de teclado
ou um menu lateral alternativo,
ou mapa do site no rodapé
é utilizado para verificar se o usuário é realmente um humano
a mais utilizada atualmente é a visual, onde sem a opção de acessibilidade sonora se torna inutilizavel para os deficientes.
Vem sendo utilizada tambem para digitalizar livros.
a resolução seria a utilização de perguntas óbvias, ou matemáticas.
roarealva@hotmail.com
Full transcript