SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
Acessibilidade web
    Cassiana Ferraz
Dados no Brasil
• Senso 2010
   – 23,9 % da população possui algum tipo de
     deficiência
• 18% deficiência visual
      • 5,1% deficiência auditiva
      • 7,0% deficiência motora
      • 1,4% deficiência mental
• Plano Nacional dos Direitos da Pessoa com
  Deficiência

            WebFriend – Tudo sobre acessibilidade web
                   www.cassianaferraz.com.br
Acessibilidade web
• Consiste na facilidade de acesso e de uso de
  ambientes, produtos e serviços por qualquer
  pessoa e em diferentes contextos. (GODINHO)

• [...] a capacidade de um produto ser
  flexível o suficiente para atender às
  necessidades e preferências do maior
  número possível de pessoas, além de ser
  compatível com tecnologias assistivas usadas
  por pessoas com necessidades especiais.
  (DIAS)

            WebFriend – Tudo sobre acessibilidade web
                   www.cassianaferraz.com.br
• Acessibilidade na Internet ou acessibilidade
  na web significa permitir o acesso à web
  por todos, independente de tipo de usuário,
   situação ou ferramenta. É criar ou tornar
  as ferramentas e páginas web acessíveis a
  um maior número de usuários, inclusive
  pessoas com deficiências. A acessibilidade na
   web beneficia também pessoas idosas,
  usuários de navegadores alternativos, usuários
  de tecnologia assistiva e de acesso móvel.
  (SERPRO)




            WebFriend – Tudo sobre acessibilidade web
                   www.cassianaferraz.com.br
Tecnologias assistivas
• Softwares de leitura:

  – Dosvox – brasileiro e desenvolvido pela UFRJ
  – Jaws – o mais popular




             WebFriend – Tudo sobre acessibilidade web
                    www.cassianaferraz.com.br
Diretrizes
 - Pensar na acessibilidade enquanto desenvolve a
    arquitetura da informação
1. Atalhos (logo, teclas, breadcrumbs)
2. Voltar ao topo
3. Ir direto para o conteúdo
4. Imagens com descrição
5. Campos com valor descritivo (digite seu
    email, digite seu nome)
6. Evitar tabelas

            WebFriend – Tudo sobre acessibilidade web
                   www.cassianaferraz.com.br
Diretrizes
7.    Controle do tamanho da fonte
8.    Contraste
9.    Tabelas
10.   Flash
11.   Captcha




              WebFriend – Tudo sobre acessibilidade web
                     www.cassianaferraz.com.br
Mitos da acessibilidade
• Uma página web acessível é sem graça, composta
  apenas por texto;

• É caro e demorado projetar páginas web acessíveis;

• A acessibilidade na web é algo complexo para
  projetista Web mediano;

• Deficientes não usam a web;

• As boas tecnologias assistivas podem resolver
  sozinhas os problemas de acessibilidade ;

              WebFriend – Tudo sobre acessibilidade web
                     www.cassianaferraz.com.br
• A acessibilidade web beneficia apenas as
  pessoas deficientes.




           WebFriend – Tudo sobre acessibilidade web
                  www.cassianaferraz.com.br
Como fazer errado




 WebFriend – Tudo sobre acessibilidade web
        www.cassianaferraz.com.br
Como fazer errado




 WebFriend – Tudo sobre acessibilidade web
        www.cassianaferraz.com.br
Como fazer errado




 WebFriend – Tudo sobre acessibilidade web
        www.cassianaferraz.com.br
Como fazer errado




 WebFriend – Tudo sobre acessibilidade web
        www.cassianaferraz.com.br
O jeito menos pior ;)




   WebFriend – Tudo sobre acessibilidade web
          www.cassianaferraz.com.br
Uma solução??
Consumo

• Americanos adultos com deficiência gastam
  uma média de 4.2 bilhões de dólares por ano
  com hospedagens;

• Em 2010, de acordo com Stella Kochen
  Susskind, o potencial de consumo das pessoas
  com deficiência em 2010 era de 5 bilhões de
  reais.


            WebFriend – Tudo sobre acessibilidade web
                   www.cassianaferraz.com.br
O poder da web está em sua
universalidade. O acesso feito
     por qualquer pessoa,
  independentemente de sua
 incapacidade, é um aspecto
 essencial. (Tim Berners-Lee)
        cassianaf@gmail.com
            @cassiferraz
      facebook.com/cassiferraz

       WebFriend – Tudo sobre acessibilidade web
              www.cassianaferraz.com.br

Más contenido relacionado

Similar a Design 360º Design

Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Reinaldo Ferraz
 
Uso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporâneaUso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporâneaGabriel Luiz Ramos
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Rodrigo Leme
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011Hudson Augusto
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisLogan Web
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebLucas Augusto Carvalho
 
Rascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebRascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebLucas Augusto Carvalho
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidadeaiadufmg
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webBruno Borges
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasGovBR
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios GovBR
 

Similar a Design 360º Design (20)

Apresentação Projeto Acessibilidade
Apresentação Projeto AcessibilidadeApresentação Projeto Acessibilidade
Apresentação Projeto Acessibilidade
 
Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009Tutorial de acessibilidade na Web - 2009
Tutorial de acessibilidade na Web - 2009
 
Uso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporâneaUso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporânea
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
 
Acessibilidade em Sistemas para a Web
Acessibilidade em Sistemas para a WebAcessibilidade em Sistemas para a Web
Acessibilidade em Sistemas para a Web
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes Visuais
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na Web
 
Rascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebRascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na Web
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na web
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticas
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios Oficina de Avaliação de Sítios
Oficina de Avaliação de Sítios
 
Acessibilidade na WEB
Acessibilidade na WEBAcessibilidade na WEB
Acessibilidade na WEB
 
Aula - Acessibilidade na Web
Aula - Acessibilidade na WebAula - Acessibilidade na Web
Aula - Acessibilidade na Web
 

Design 360º Design

  • 1. Acessibilidade web Cassiana Ferraz
  • 2. Dados no Brasil • Senso 2010 – 23,9 % da população possui algum tipo de deficiência • 18% deficiência visual • 5,1% deficiência auditiva • 7,0% deficiência motora • 1,4% deficiência mental • Plano Nacional dos Direitos da Pessoa com Deficiência WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 3. Acessibilidade web • Consiste na facilidade de acesso e de uso de ambientes, produtos e serviços por qualquer pessoa e em diferentes contextos. (GODINHO) • [...] a capacidade de um produto ser flexível o suficiente para atender às necessidades e preferências do maior número possível de pessoas, além de ser compatível com tecnologias assistivas usadas por pessoas com necessidades especiais. (DIAS) WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 4. • Acessibilidade na Internet ou acessibilidade na web significa permitir o acesso à web por todos, independente de tipo de usuário, situação ou ferramenta. É criar ou tornar as ferramentas e páginas web acessíveis a um maior número de usuários, inclusive pessoas com deficiências. A acessibilidade na web beneficia também pessoas idosas, usuários de navegadores alternativos, usuários de tecnologia assistiva e de acesso móvel. (SERPRO) WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 5. Tecnologias assistivas • Softwares de leitura: – Dosvox – brasileiro e desenvolvido pela UFRJ – Jaws – o mais popular WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 6. Diretrizes - Pensar na acessibilidade enquanto desenvolve a arquitetura da informação 1. Atalhos (logo, teclas, breadcrumbs) 2. Voltar ao topo 3. Ir direto para o conteúdo 4. Imagens com descrição 5. Campos com valor descritivo (digite seu email, digite seu nome) 6. Evitar tabelas WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 7. Diretrizes 7. Controle do tamanho da fonte 8. Contraste 9. Tabelas 10. Flash 11. Captcha WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 8. Mitos da acessibilidade • Uma página web acessível é sem graça, composta apenas por texto; • É caro e demorado projetar páginas web acessíveis; • A acessibilidade na web é algo complexo para projetista Web mediano; • Deficientes não usam a web; • As boas tecnologias assistivas podem resolver sozinhas os problemas de acessibilidade ; WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 9. • A acessibilidade web beneficia apenas as pessoas deficientes. WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 10. Como fazer errado WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 11. Como fazer errado WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 12. Como fazer errado WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 13. Como fazer errado WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 14. O jeito menos pior ;) WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 16. Consumo • Americanos adultos com deficiência gastam uma média de 4.2 bilhões de dólares por ano com hospedagens; • Em 2010, de acordo com Stella Kochen Susskind, o potencial de consumo das pessoas com deficiência em 2010 era de 5 bilhões de reais. WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br
  • 17. O poder da web está em sua universalidade. O acesso feito por qualquer pessoa, independentemente de sua incapacidade, é um aspecto essencial. (Tim Berners-Lee) cassianaf@gmail.com @cassiferraz facebook.com/cassiferraz WebFriend – Tudo sobre acessibilidade web www.cassianaferraz.com.br