a.k.a. e-acessibilidade
 Victor Adriel de J. Oliveira
◦ Ciência da Computação - UESC
◦ Associação Empresa Júnior de Computação
◦ Trabalhos com foco em acessibilidade:
 XI ERBASE - Acessibilidade em Sites e Sistemas Web: estudo das
tecnologias acessivas e diretrizes de acessibilidade web;
 Desenvolvendo aplicações e páginas para a web visando
acessibilidade: pesquisa de campo entre os profissionais do
eixo Itabuna-Ilhéus.
◦ Contato:
victorajoliveira@gmail.com
blogvictoradriel.blogspot.com
 WTF?
◦ Sobre acessibilidade
 Porque adotar?
◦ Porque daria atenção a esse tema?
 Como adotar?
◦ Como conferir acessibilidade ao projeto
 Quem já adota?
◦ Exemplos de “sistemas web acessíveis”
 O que é?
◦ Possibilidade de qualquer pessoa usufruir todos os
benefícios da vida em sociedade.
 O que é?
◦ Possibilidade de qualquer pessoa usufruir todos os
benefícios da vida em sociedade.
◦ Já a e-acessibilidade diz respeito especificamente
ao componente World Wide Web.
 Jessica Cox
 Victor Adriel
Sem botões + Sem javascript = Sem comentários
 Victor Adriel
 Site acessível implica em baixa qualidade
visual.
 Deficientes não usam a web.
 A acessibilidade na web é algo complexo para
o projetista mediano.
 É caro e demorado projetar páginas web
acessíveis.
 Segundo a Organização das Nações Unidas –
ONU [Brasil 2008]:
◦ 10% da população dos países desenvolvidos possui
algum tipo de deficiência, permanente ou
temporária.
◦ Este número sobe para 25% da população de países
em desenvolvimento ou subdesenvolvidos.
 “A acessibilidade é sempre desejável porque
expande seu mercado, e para muitos sites do
governo e educacionais, o design acessível é
um requisito.”
Jakob Nielsen
 Dependemos da internet para:
◦ Transações financeiras,
◦ compras on-line,
◦ entretenimento,
◦ acesso a informações,
◦ comunicação
◦ troca de arquivos.
 Mesmo com acesso a Internet, nem todas as
pessoas conseguem realizar tais atividades.
 Lei Federal n°. 8.112/90:
◦ 20% vagas nos concursos federais
 Decreto 3.298:
◦ 5% para os demais níveis da Federação
 Lei n°. 8.213:
◦ Cotas para trabalhadores com deficiência
 WCAG (Web Content Accessibility Guidelines)
 WCAG Samurai - Joe Clark
 Modelo de Acessibilidade do Governo
Brasileiro (e-MAG)
 Prioridade 1:
◦ Os desenvolvedores devem satisfazer inteiramente.
 Prioridade 2:
◦ Os desenvolvedores devem procurar satisfazer.
 Prioridade 3:
◦ Os desenvolvedores podem satisfazer.
 Prioridade 1:
◦ Os desenvolvedores devem satisfazer inteiramente.
 Prioridade 2:
◦ Os desenvolvedores devem procurar satisfazer.
 Prioridade 3:
◦ Os desenvolvedores podem satisfazer.
 Fase 1: Verificação da necessidade de
acessibilidade do conteúdo.
 Fase 1: Verificação da necessidade de
acessibilidade do conteúdo.
◦ Alguns problemas são perceptíveis e recorrentes.
◦ Outros podem ser apontados por validadores.
◦ E alguns só são descobertos pelos usuários.
 Fase 2: Acessibilização do conteúdo
 Fase 2: Acessibilização do conteúdo
◦ Equivalente textual
◦ Cores
◦ Identificando a linguagem utilizada
◦ Frames
◦ Resoluções diferentes
◦ Skip Links
◦ Teclas de atalho
◦ Tamanho da fonte
◦ Breadcrumbs trail
 Fase 3: Validação da acessibilidade do
conteúdo.
 Fase 3: Validação da acessibilidade do
conteúdo.
◦ Programas automáticos (Hera, Examinator, daSilva)
◦ Testes pelo programador
◦ Testes por usuários
 Fase 4: Promoção da acessibilidade
conquistada.
 Fase 4: Promoção da acessibilidade
conquistada.
◦ Nível de acessibilidade
◦ Contato do responsável
 Fase 5: Garantia contínua de acessibilidade.
 Fase 5: Garantia contínua de acessibilidade.
◦ Atualização
◦ Aprimoramento
 Site acessível implica em baixa qualidade
visual.
 Deficientes não usam a web.
 A acessibilidade na web é algo complexo para
o projetista mediano.
 É caro e demorado projetar páginas web
acessíveis.
 Site acessível implica em baixa qualidade
visual.
 Deficientes não usam a web.
 A acessibilidade na web é algo complexo para
o projetista mediano.
 É caro e demorado projetar páginas web
acessíveis.
 Site acessível implica em baixa qualidade
visual.
 Deficientes não usam a web.
 A acessibilidade na web é algo complexo para
o projetista mediano.
 É caro e demorado projetar páginas web
acessíveis.
 Site acessível implica em baixa qualidade
visual.
 Deficientes não usam a web.
 A acessibilidade na web é algo complexo para
o projetista mediano.
 É caro e demorado projetar páginas web
acessíveis.
 Site acessível implica em baixa qualidade
visual.
 Deficientes não usam a web.
 A acessibilidade na web é algo complexo para
o projetista mediano.
 É caro e demorado projetar páginas web
acessíveis.
 Acessibilidade em Sites e Sistemas Web: Estudo das
Tecnologias Acessivas e Diretrizes de
Acessibilidade Web (http://verd.in/j5qw)
 Introdução à Acessibilidade na Web
(http://verd.in/n1i3)
 acessibilidadelegal.com
 bengalalegal.com
 acessodigital.net
 digitalacesso.com
 Nicácio, J. M. (2010) Técnicas de Acessibilidade:
criando uma Web para todos, Maceió. EDUFAL.
a.k.a. e-acessibilidade
Contato
victorajoliveira@gmail.com
blogvictoradriel.blogspot.com

Acessibilidade em Sistemas para a Web

  • 1.
  • 2.
     Victor Adrielde J. Oliveira ◦ Ciência da Computação - UESC ◦ Associação Empresa Júnior de Computação ◦ Trabalhos com foco em acessibilidade:  XI ERBASE - Acessibilidade em Sites e Sistemas Web: estudo das tecnologias acessivas e diretrizes de acessibilidade web;  Desenvolvendo aplicações e páginas para a web visando acessibilidade: pesquisa de campo entre os profissionais do eixo Itabuna-Ilhéus. ◦ Contato: victorajoliveira@gmail.com blogvictoradriel.blogspot.com
  • 3.
     WTF? ◦ Sobreacessibilidade  Porque adotar? ◦ Porque daria atenção a esse tema?  Como adotar? ◦ Como conferir acessibilidade ao projeto  Quem já adota? ◦ Exemplos de “sistemas web acessíveis”
  • 4.
     O queé? ◦ Possibilidade de qualquer pessoa usufruir todos os benefícios da vida em sociedade.
  • 5.
     O queé? ◦ Possibilidade de qualquer pessoa usufruir todos os benefícios da vida em sociedade. ◦ Já a e-acessibilidade diz respeito especificamente ao componente World Wide Web.
  • 6.
  • 7.
     Victor Adriel Sembotões + Sem javascript = Sem comentários
  • 8.
  • 9.
     Site acessívelimplica em baixa qualidade visual.  Deficientes não usam a web.  A acessibilidade na web é algo complexo para o projetista mediano.  É caro e demorado projetar páginas web acessíveis.
  • 10.
     Segundo aOrganização das Nações Unidas – ONU [Brasil 2008]: ◦ 10% da população dos países desenvolvidos possui algum tipo de deficiência, permanente ou temporária. ◦ Este número sobe para 25% da população de países em desenvolvimento ou subdesenvolvidos.
  • 11.
     “A acessibilidadeé sempre desejável porque expande seu mercado, e para muitos sites do governo e educacionais, o design acessível é um requisito.” Jakob Nielsen
  • 12.
     Dependemos dainternet para: ◦ Transações financeiras, ◦ compras on-line, ◦ entretenimento, ◦ acesso a informações, ◦ comunicação ◦ troca de arquivos.  Mesmo com acesso a Internet, nem todas as pessoas conseguem realizar tais atividades.
  • 13.
     Lei Federaln°. 8.112/90: ◦ 20% vagas nos concursos federais  Decreto 3.298: ◦ 5% para os demais níveis da Federação  Lei n°. 8.213: ◦ Cotas para trabalhadores com deficiência
  • 15.
     WCAG (WebContent Accessibility Guidelines)  WCAG Samurai - Joe Clark  Modelo de Acessibilidade do Governo Brasileiro (e-MAG)
  • 16.
     Prioridade 1: ◦Os desenvolvedores devem satisfazer inteiramente.  Prioridade 2: ◦ Os desenvolvedores devem procurar satisfazer.  Prioridade 3: ◦ Os desenvolvedores podem satisfazer.
  • 17.
     Prioridade 1: ◦Os desenvolvedores devem satisfazer inteiramente.  Prioridade 2: ◦ Os desenvolvedores devem procurar satisfazer.  Prioridade 3: ◦ Os desenvolvedores podem satisfazer.
  • 21.
     Fase 1:Verificação da necessidade de acessibilidade do conteúdo.
  • 22.
     Fase 1:Verificação da necessidade de acessibilidade do conteúdo. ◦ Alguns problemas são perceptíveis e recorrentes. ◦ Outros podem ser apontados por validadores. ◦ E alguns só são descobertos pelos usuários.
  • 23.
     Fase 2:Acessibilização do conteúdo
  • 24.
     Fase 2:Acessibilização do conteúdo ◦ Equivalente textual ◦ Cores ◦ Identificando a linguagem utilizada ◦ Frames ◦ Resoluções diferentes ◦ Skip Links ◦ Teclas de atalho ◦ Tamanho da fonte ◦ Breadcrumbs trail
  • 25.
     Fase 3:Validação da acessibilidade do conteúdo.
  • 26.
     Fase 3:Validação da acessibilidade do conteúdo. ◦ Programas automáticos (Hera, Examinator, daSilva) ◦ Testes pelo programador ◦ Testes por usuários
  • 27.
     Fase 4:Promoção da acessibilidade conquistada.
  • 28.
     Fase 4:Promoção da acessibilidade conquistada. ◦ Nível de acessibilidade ◦ Contato do responsável
  • 29.
     Fase 5:Garantia contínua de acessibilidade.
  • 30.
     Fase 5:Garantia contínua de acessibilidade. ◦ Atualização ◦ Aprimoramento
  • 35.
     Site acessívelimplica em baixa qualidade visual.  Deficientes não usam a web.  A acessibilidade na web é algo complexo para o projetista mediano.  É caro e demorado projetar páginas web acessíveis.
  • 36.
     Site acessívelimplica em baixa qualidade visual.  Deficientes não usam a web.  A acessibilidade na web é algo complexo para o projetista mediano.  É caro e demorado projetar páginas web acessíveis.
  • 37.
     Site acessívelimplica em baixa qualidade visual.  Deficientes não usam a web.  A acessibilidade na web é algo complexo para o projetista mediano.  É caro e demorado projetar páginas web acessíveis.
  • 38.
     Site acessívelimplica em baixa qualidade visual.  Deficientes não usam a web.  A acessibilidade na web é algo complexo para o projetista mediano.  É caro e demorado projetar páginas web acessíveis.
  • 39.
     Site acessívelimplica em baixa qualidade visual.  Deficientes não usam a web.  A acessibilidade na web é algo complexo para o projetista mediano.  É caro e demorado projetar páginas web acessíveis.
  • 40.
     Acessibilidade emSites e Sistemas Web: Estudo das Tecnologias Acessivas e Diretrizes de Acessibilidade Web (http://verd.in/j5qw)  Introdução à Acessibilidade na Web (http://verd.in/n1i3)  acessibilidadelegal.com  bengalalegal.com  acessodigital.net  digitalacesso.com  Nicácio, J. M. (2010) Técnicas de Acessibilidade: criando uma Web para todos, Maceió. EDUFAL.
  • 41.