O documento discute interfaces de acessibilidade e frameworks para desenvolvimento de aplicações web acessíveis. Ele fornece uma breve história das interfaces e define usabilidade e acessibilidade. Também descreve o framework Pantaneiro para gerar aplicações web acessíveis de acordo com padrões como o WCAG 2.0.

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

2. O que é uma Interface?
É um sistema feito para adaptar dois sistemas ou adaptar
um sistema e seu operador para facilitar seu uso.

3. Interface de linha de comando

4. Interface gráfica

5. Interface tátil

6. Interface web

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

8. Primeiros jogos produzidos
em linha de comando

9. Primeiras interfaces gráficas

10. Primeiro teclado (Apple II Plus)

11. Apple III + impressora
Lançamento: 1980
Velocidade: 2Mhz, Memória: 512kb
Vídeo: 16 tons de cinza, Disquete 143kb
Preço: 4.000 dólares (nos EUA)

12. Primeiro mouse

13. 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

14. Primeiros sites
(feito no bloco de notas com HTML)

15. Baixaki engana com propagandas

16. UOL – fontes, cores e organização sobrepostas

17. 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.

18. Detran RJ – Consulta de Agendamento
em apenas 4 cliques

19. 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”.

20. ufrrj99.blogspot.com

21. 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

22. 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.

23. 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.

24. 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/

25. Stephen Hawking
Interface de
acessibilidade
ligada a
computador,
internet,
sintetizador de
voz e
movimento
autônomo
utilizando
apenas os olhos

26. 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).

27. 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.

29. 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.

30. Ferramentas automatizadas de
avaliaçã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.com
A-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)

32. http://achecker.ca/checker/index.php

36. 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.

37. AUMENTO DE 20%

38. AUMENTO DE 60% E 92%

39. 12 VEZES MAIS ERROS

40. 7 VEZES MAIS ERROS

41. 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.

42. ACESSIBILIDADE = POSSIBILIDADES
Alecxander Rechenberg
a_rechenberg@yahoo.com.br
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