SlideShare ist ein Scribd-Unternehmen logo
1 von 41
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Ähnlich wie Acessibilidade em Sistemas para a Web

HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPWilliam Dias
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...E-Commerce Brasil
 
Existe teste de acessibilidade digital tdc sp - 2019
Existe teste de acessibilidade digital   tdc sp - 2019Existe teste de acessibilidade digital   tdc sp - 2019
Existe teste de acessibilidade digital tdc sp - 2019Maurício Pereiro
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberaneguest2da055
 
A importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiroA importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiroJoão Victor Marques
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaIgreja Adventista do Sétimo Dia
 
Usabilidade e Navegabilidade
Usabilidade e NavegabilidadeUsabilidade e Navegabilidade
Usabilidade e NavegabilidadeDaniel Tavares
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2aiadufmg
 
Androiding - Desenvolvendo para Android
Androiding - Desenvolvendo para AndroidAndroiding - Desenvolvendo para Android
Androiding - Desenvolvendo para AndroidAngelo Castelan
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2aiadufmg
 

Ähnlich wie Acessibilidade em Sistemas para a Web (20)

HTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMPHTML5 - William Dias - Davi Reine - XVII SACOMP
HTML5 - William Dias - Davi Reine - XVII SACOMP
 
Web Mobile
Web MobileWeb Mobile
Web Mobile
 
Joomla e acessibilidade
Joomla e acessibilidadeJoomla e acessibilidade
Joomla e acessibilidade
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
 
Aula - Acessibilidade na Web
Aula - Acessibilidade na WebAula - Acessibilidade na Web
Aula - Acessibilidade na Web
 
Apresentação Acesse
Apresentação AcesseApresentação Acesse
Apresentação Acesse
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Existe teste de acessibilidade digital tdc sp - 2019
Existe teste de acessibilidade digital   tdc sp - 2019Existe teste de acessibilidade digital   tdc sp - 2019
Existe teste de acessibilidade digital tdc sp - 2019
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
A importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiroA importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiro
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
 
Usabilidade e Navegabilidade
Usabilidade e NavegabilidadeUsabilidade e Navegabilidade
Usabilidade e Navegabilidade
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
 
Palestra Webstandards
Palestra WebstandardsPalestra Webstandards
Palestra Webstandards
 
Livemocha - parte 2
Livemocha - parte 2Livemocha - parte 2
Livemocha - parte 2
 
Androiding - Desenvolvendo para Android
Androiding - Desenvolvendo para AndroidAndroiding - Desenvolvendo para Android
Androiding - Desenvolvendo para Android
 
Livemocha parte 2
Livemocha   parte 2Livemocha   parte 2
Livemocha parte 2
 
Design 360º Design
Design 360º Design Design 360º Design
Design 360º Design
 

Mehr von Victor Adriel Oliveira

Mehr von Victor Adriel Oliveira (7)

Design and Application of Experiments and User Studies
Design and Application of Experiments and User StudiesDesign and Application of Experiments and User Studies
Design and Application of Experiments and User Studies
 
Working on Non-Conventional User Interfaces
Working on Non-Conventional User InterfacesWorking on Non-Conventional User Interfaces
Working on Non-Conventional User Interfaces
 
eScanner
eScannereScanner
eScanner
 
User Experience
User ExperienceUser Experience
User Experience
 
Programação Web com jQuery
Programação Web com jQueryProgramação Web com jQuery
Programação Web com jQuery
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Programação Web com jQuery
Programação Web com jQueryProgramação Web com jQuery
Programação Web com jQuery
 

Acessibilidade em Sistemas para a Web

  • 2.  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
  • 3.  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”
  • 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.
  • 7.  Victor Adriel Sem botões + Sem javascript = Sem comentários
  • 9.  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.
  • 10.  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.
  • 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 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.
  • 13.  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
  • 14.
  • 15.  WCAG (Web Content 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.
  • 18.
  • 19.
  • 20.
  • 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
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.  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.
  • 36.  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.
  • 37.  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.
  • 38.  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.
  • 39.  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.
  • 40.  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.