O documento discute a importância da acessibilidade na web, definindo-a como o desenvolvimento de sites e serviços que possam ser entendidos e navegados por qualquer pessoa, independentemente de deficiências. Ele também descreve as diretrizes do W3C para acessibilidade na web e fornece dicas do que fazer, como adicionar texto alternativo a imagens, e do que não fazer, como usar piscantes ou cores que causem dificuldades, para tornar sites acessíveis.

1. Acessibilidade na
Web
Laerte Guedes

2. Acessibilidade na Web

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. 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. Acessibilidade na Web – W3C

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. 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. Dicas de Acessibilidade: O que
fazer

9. Dicas de Acessibilidade: O que
fazer
• Coloque textos descrição em texto nas
imagens (atributo ALT).

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. 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. Dicas de Acessibilidade: O que
NÃO fazer

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. Dicas de Acessibilidade: O que
NÃO fazer
• Não tabelas para layout.
• Evite o chamado “Efeito Las Vegas”.

15. Fontes
• http://www.acessibilidadelegal.com
• http://rubsphp.blogspot.com.br

16. Obrigado!