Acessibilidade na web

428 visualizações

Publicada em

Apresentação sobre acessibilidade na web.

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
428
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
6
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Acessibilidade na web

  1. 1. Acessibilidade na Web Laerte Guedes
  2. 2. Acessibilidade na Web
  3. 3. Acessibilidade na Web - Conceito•  Acessibilidade na Web significa o desenvolvimento de sites e serviços web que possam ser entendidos e navegáveis por qualquer pessoa, independente de ser portadora ou não de deficiência física.
  4. 4. Acessibilidade na Web - Alvo•  Deficientes visuais (não somente cegos).•  Pessoas incapazes de utilizar teclado ou mouse.•  Tenham outros tipos de deficiências (auditiva, por exemplo).
  5. 5. Acessibilidade na Web – W3C
  6. 6. Acessibilidade na Web – W3C•  É um consórcio internacional que visa desenvolver padrões para a criação e interpretação de conteúdos para a web. Um guia chamado de WCAG (Web Content Accessibility Guidelines) trata a respeito da acessibilidade na web, prevendo 3 níveis de conformidade: A, AA, AAA.
  7. 7. Dicas de Acessibilidade: O que fazer e o que NÃO fazer•  Apartir do WCAG podemos tirar algumas dicas do que fazer e do que não fazer em nosso website.
  8. 8. Dicas de Acessibilidade: O que fazer
  9. 9. Dicas de Acessibilidade: O que fazer•  Coloque textos descrição em texto nas imagens (atributo ALT).
  10. 10. Dicas de Acessibilidade: O que fazer•  Organize o documento para que ele faça sentido sem suas folhas de estilo.•  Garanta o funcionamento da página mesmo com Client Side Scripts desativados (por exemplo, funcione sem JavaScript ou Flash).
  11. 11. Dicas de Acessibilidade: O que fazer•  Utilize cabeçalhos para definir a hierarquia do conteúdo do documento.•  Divida grandes blocos de informação em partes menores e apropriadas.•  Posicione adequadamente os labels dos elementos de formulários•  Use folhas de estilos para formatação.
  12. 12. Dicas de Acessibilidade: O que NÃO fazer
  13. 13. Dicas de Acessibilidade: O que NÃO fazer•  Não use “blink”, “marquee” ou nada que fique piscando ou correndo na tela.•  Evite o uso excessivo de verde e/ou vermelho e principalmente o contraste entre ambas.•  Não abra pop-ups sem avisar.•  Não use textos longos demais.
  14. 14. Dicas de Acessibilidade: O que NÃO fazer•  Não tabelas para layout.•  Evite o chamado “Efeito Las Vegas”.
  15. 15. Fontes•  http://www.acessibilidadelegal.com•  http://rubsphp.blogspot.com.br
  16. 16. Obrigado!

×