aplicações web acessíveis

42
Um Modelo para o Desenvolvimento de Aplicações Web Acessíveis Leandro Pimentel Borges

Upload: leandro-borges

Post on 29-Jun-2015

219 views

Category:

Documents


0 download

DESCRIPTION

Aplicações Web Acessíveis

TRANSCRIPT

Page 1: Aplicações web acessíveis

Um Modelo parao Desenvolvimento de

Aplicações Web Acessíveis

Leandro Pimentel Borges

Page 2: Aplicações web acessíveis

O que é uma Interface?É um sistema feito para adaptar dois sistemas ou adaptar

um sistema e seu operador para facilitar seu uso.

Page 3: Aplicações web acessíveis

Interface de linha de comando

Page 4: Aplicações web acessíveis

Interface gráfica

Page 5: Aplicações web acessíveis

Interface tátil

Page 6: Aplicações web acessíveis

Interface web

Page 7: Aplicações web acessíveis

Até a década de 60 não havia interface gráfica, apenas

linha de comando

Page 8: Aplicações web acessíveis

Primeiros jogos produzidos em linha de comando

Page 9: Aplicações web acessíveis

Primeiras interfaces gráficas

Page 10: Aplicações web acessíveis

Primeiro teclado (Apple II Plus)

Page 11: Aplicações web acessíveis

Apple III + impressoraLançamento: 1980

Velocidade: 2Mhz, Memória: 512kbVídeo: 16 tons de cinza, Disquete 143kb

Preço: 4.000 dólares (nos EUA)

Page 12: Aplicações web acessíveis

Primeiro mouse

Page 13: Aplicações web acessíveis

Usabilidade

É um termo usado para definir a facilidade com que as pessoas

podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante.

Usabilidade = facilidade = rapidez Velocidade de acerto

Page 14: Aplicações web acessíveis

Primeiros sites(feito no bloco de notas com HTML)

Page 15: Aplicações web acessíveis

Baixaki engana com propagandas

Page 16: Aplicações web acessíveis

UOL – fontes, cores e organização sobrepostas

Page 17: Aplicações web acessíveis

Usabilidade se refere à simplicidade e facilidade com que algo pode ser utilizado.

Jakob Nielsen (2003) define usabilidade como “uma medida da qualidade da experiência do usuário ao

interagir com alguma coisa – seja um site na Internet, um aplicativo de software tradicional, ou

outro dispositivo que o usuário possa operar de alguma forma”. Ex. martelo, controle remoto.

Eficiência se refere à quantidade de esforço e recursos necessários para se chegar a um

determinado objetivo.

Page 18: Aplicações web acessíveis

Detran RJ – Consulta de Agendamentoem apenas 4 cliques

Page 19: Aplicações web acessíveis

Segundo Nielsen, a usabilidade pode ser dividida em cinco critérios básicos:

* a intuitividade (facilidade de uso)* a eficiência (velocidade)* a memorização (aprendizado)* baixa taxa de erros* a satisfação.

Ele é considerado o “pai da usabilidade”.

Page 20: Aplicações web acessíveis

ufrrj99.blogspot.com

Page 21: Aplicações web acessíveis

O World Wide Web Consortium (W3C) é um consórcio internacional com cerca de 300 membros, que agrega empresas, órgãos

governamentais e organizações independentes, e que visa desenvolver padrões para a criação e a

interpretação de conteúdos para a Web.www.w3.org

Page 22: Aplicações web acessíveis

O termo acessibilidade refere-se a recomendações do W3C, que visam permitir que todos possam ter acesso aos websites, independente de terem alguma deficiência

ou não.As recomendações abordam desde o tipo de fonte a ser usado, bem como seu tamanho e

cor, de acordo com as necessidades do usuário, até a recomendações relativas ao

código HTML e CSS, por exemplo.

Page 23: Aplicações web acessíveis

A acessibilidade Web permite reunir diferentes necessidades, preferências e situações do usuário,

diminuindo barreiras que impedem o acesso das pessoas ao conteúdo Web, além de adequar o site às leis e

regulamentações de acessibilidade Web e aumentar a sua audiência.

Page 24: Aplicações web acessíveis

Web Content Accessibility Guidelines (WCAG) 2.0

Abrange uma vasta gama de recomendações para tornar o conteúdo Web mais acessível. Seguindo essas orientações vão tornar o conteúdo acessível a uma ampla gama de pessoas com deficiência, incluindo cegueira e baixa visão, surdez e perda de audição, dificuldades de aprendizagem, limitações cognitivas, movimentos limitados, incapacidades da fala, fotossensibilidade e combinações destes.

www.w3.org/TR/WCAG/

Page 25: Aplicações web acessíveis

Interface de acessibilidade

ligada a computador,

internet, sintetizador de

voz e movimento autônomo utilizando

apenas os olhos

Stephen Hawking

Page 26: Aplicações web acessíveis

A principal recomendação de acessibilidade Web existente é o WCAG 2.0, criado pelo W3C/WAI.

Diversos países criaram suas próprias leis e regulamentações de acessibilidade Web.

No Brasil, a legislação de acessibilidade foi regulamentada por meio do Decreto-Lei 5.296 em

dezembro de 2004.

E em janeiro de 2005 foi criado o e-MAG para padronizar a acessibilidade dos sites e portais do governo eletrônico (Modelo de Acessibilidade do

Governo Eletrônico).

Page 27: Aplicações web acessíveis

GERAÇÃO DE APLICAÇÕES WEB ACESSÍVEIS USANDO O PANTANEIRO

O Pantaneiro é um framework desenvolvido para facilitar a geração de aplicações Web e portais

corporativos em uma plataforma e-gov, além de gerenciar e compartilhar o conteúdo

dinamicamente.

Page 28: Aplicações web acessíveis
Page 29: Aplicações web acessíveis

O Pantaneiro é composto por três ambientes:

•Autoria: realiza a modelagem da aplicação, a definição dos componentes, a modelagem da interface e as configurações necessárias para a gerência de permissões sobre os componentes e interfaces geradas.

•Projeto Navegacional: é onde o gestor da WebApp instanciada projeta a navegação entre os componentes criados no Ambiente de Autoria.

•Publicação: são realizadas as fases de instanciação e publicação das WebApps, além da fase de povoamento e publicação das instâncias dos componentes.

Page 30: Aplicações web acessíveis

Ferramentas automatizadas deavaliação de acessibilidade Web

Determinam a conformidade do site à recomendação a que ele foi submetido e ajudam os revisores nos ajustes necessários quando o mesmo não está de acordo com tal recomendação.

Total Validator www.totalvalidator.comA-checker www.atutor.ca/achecker/index.php Hera www.sidar.org/hera/index.php.pt DaSilva www.dasilva.org.br ASES (Dasilva versão desktop)

Page 31: Aplicações web acessíveis
Page 33: Aplicações web acessíveis
Page 34: Aplicações web acessíveis
Page 35: Aplicações web acessíveis
Page 36: Aplicações web acessíveis

MTA: MODELO DE TAREFAS DE ACESSIBILIDADE

Garantir o desenvolvimento de aplicações acessíveis com base na Norma ISO/IEC 12207 e desenvolver sistemas com técnicas adequadas.

As técnicas não são descritas, mas é fornecido um framework onde é possível planejar o desenvolvimento com processos fundamentais, de apoio e organizacionais.

Page 37: Aplicações web acessíveis

AUMENTO DE 20%

Page 38: Aplicações web acessíveis

AUMENTO DE 60% E 92%

Page 39: Aplicações web acessíveis

12 VEZES MAIS ERROS

Page 40: Aplicações web acessíveis

7 VEZES MAIS ERROS

Page 41: Aplicações web acessíveis

RECOMENDAÇÕES SOBRE O ASSUNTO:

Cada instituição usa seu próprio framework, o que pode impedir o uso do framework Pantaneiro. Neste caso, após criar a ferramenta, pode ser feita a busca por erros de acessibilidade nos sites indicados anteriormente.

O segredo do sucesso é a simplicidade e a facilidade de se localizar informações dentro da ferramenta, tudo isso aliado ao uso das ferramentas verificadoras disponíveis na internet.

Page 42: Aplicações web acessíveis

ACESSIBILIDADE = POSSIBILIDADES

Alecxander [email protected]

Colega meu, deficiente visual conhecido via internet, usa todos os programas que necessita.

Formata computadores, instala programas e trabalha na área de informática e celulares.

Totalmente independente dos familiares e participante de fóruns, grupos e blogs. http://br.groups.yahoo.com/group/revista_eletronica