Top Banner
40

Acessibilidade

Jun 30, 2015

Download

Technology

Mayron Cachina

Palestra por Elomar França - +WEB CEFET-RN
Dia 12/05/08
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Acessibilidade
Page 2: Acessibilidade

Sou Elomar França

Terminando o curso de Informática Integrado

Estagiando na Techvirtual

Fico puto quando alguém me obriga a usar o mouse

Page 3: Acessibilidade

O que é?

Por quê?

Princípios

Fazendo!

Page 4: Acessibilidade
Page 5: Acessibilidade

É garantir que seu site pode ser acessado por

Qualquer pessoa

Usando qualquer dispositivo

Geralmente usado pra se referir a pessoas com alguma deficiência

Page 6: Acessibilidade
Page 7: Acessibilidade
Page 8: Acessibilidade
Page 9: Acessibilidade

Porque ele falou

Page 10: Acessibilidade

“O poder da web está em suauniversalidade. Acesso por todas as pessoassem levar deficiências em consideração é um aspecto essencial”

Sir Tim Berners-Lee

Page 11: Acessibilidade

Porque em 2000, 14,5% dos Brasileiros tinham algum tipo de deficiência

Mais de 24 milhões de potenciais clientes

Page 12: Acessibilidade
Page 13: Acessibilidade

Mas só se você permitir

Page 14: Acessibilidade

Porque tem um cliente cego em especialque eu tenho certeza que você quer agradar

Page 15: Acessibilidade
Page 16: Acessibilidade
Page 17: Acessibilidade

Padrões Web

+ fácil para os leitores de telamanutenção + fácil- tempo de carregamento

Page 18: Acessibilidade

Simplicidade

Page 19: Acessibilidade

Designers querem coisas

grandes e

Page 20: Acessibilidade

Coisas que se movam

Page 21: Acessibilidade

Usuários querem informação

Page 22: Acessibilidade
Page 23: Acessibilidade

Progressive Enhancement

http://icant.co.uk/articles/pragmatic-progressive-enhancement/

Page 24: Acessibilidade

Crie a estrutura -HTML

Adicione Estilo - CSS

Adicione Comportamento - Javascript

Page 25: Acessibilidade
Page 26: Acessibilidade

Texto Alternativo em Imagens

Page 27: Acessibilidade

Texto Alternativo em Imagens

Page 28: Acessibilidade

Links

Page 29: Acessibilidade

Links

Page 30: Acessibilidade

Formulários

Page 31: Acessibilidade

Ir para conteúdo

Page 32: Acessibilidade
Page 33: Acessibilidade

WAI - Web Accessibility Initiative

WCAG - Web Content Accessibility Guidelines

– 3 Prioridades

e-MAG – Lei para sites governamentais

Vários países tem suas próprias

Page 34: Acessibilidade

DaSilva - http://www.dasilva.org.br/

Truwex -http://checkwebsite.erigami.com/accessibility.html

Wave - http://wave.webaim.org/

Page 35: Acessibilidade

Contrate um usuário de leitor de tela

Tire o monitor da tomada

Page 36: Acessibilidade
Page 37: Acessibilidade

Web é universal

Google é cego

Padrões Web

Simplicidade

Progressive Enhancement

Page 39: Acessibilidade
Page 40: Acessibilidade

Obrigado!

Elomar Franç[email protected]