SlideShare uma empresa Scribd logo
1 de 12
ACESSIBILIDADE WEB
Alguns dados
• 10% da população mundial possui algum tipo de
  deficiência. (dados OMS)

• 24% da população possui algum tipo de
  deficiência (Censo 2010)

• Pessoas com deficiência são consumidores em
  potencial. Segundo pesquisas, esta parcela de
  brasileiros tem um potencial estimado em 5
  bilhões de reais.
Mas o que é isso, tchê?
• Segundo Godinho (2010), “consiste na
  facilidade de acesso e de uso de ambientes,
  produtos e serviços por qualquer pessoa e em
  diferentes contextos”.

• A acessibilidade de acordo com Dias (2003, p.
  103) é,[...] 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.
Mas o que é isso, tchê?
• Para o consórcio W3C acessibilidade web significa que
  pessoas com deficiência, possam usar a Internet de
  forma que as possibilite perceber, entender, navegar e
  interagir de uma maneira efetiva com a web.

• A SERPRO define acessibilidade, “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.”
Acessibilidade web. Custo ou
          benefício?
Diretrizes
• Descrições, fontes e contraste
  –   Tags ALT, LONGDESC,
  –   Controle para tamanho da fonte
  –   Controle para contraste da página
  –   Contraste é suficiente?

• Atalhos
  – Existe atalho para o conteúdo principal?
  – Atalho para voltar a página inicial (breadcrumb)
  – Atalho para ir direto ao menu

• Tabelas
  – Existem tabelas no site?
  – Se existe, ela segue ordem correta com a navegação do TAB?
Diretrizes
• Animações
  – O site possui animações em flash?


• Links
  – Os links possuem boas descrições?
  – Os botões possuem tamanho adequado?
  – Os links levam para a página correta?

• CSS
  – O site possui folha de estilo?
  – Existe mais de uma folha?
  – As fonte possuem tamanho em porcentagem?
Diretrizes
• Estrutura
  – Foram usadas as tags H1 e H2?


• Busca
  – Há campos de buscas?
  – Há um valor atribuído ao input?
  – O botão enviar possui valor atribuído?
7 mitos e 1 equívoco
• "Acessibilidade Web é só para deficientes visuais."
• "Na prática, o número de usuários beneficiados com a
  acessibilidade é relativamente muito pequeno."
• "Fazer um site acessível demora e custa caro."
• "É melhor fazer uma página especial para os deficientes
  visuais."
• "Um site acessível a deficientes visuais não é bonito."
• "Vamos por partes: primeiro fazemos o site, depois
  fazemos acessibilidade."
• "A gente sabe o que é bom para o usuário."
Um Grande Equívoco.
• "Meu site é direcionado a um público específico; ele não
  interessa a todos os grupos de usuários."
                                                Lêda Spelta
Softwares, apps
Softwares
• Jaws
• Dosvox

Apple
• Voice Over



                              Lêda Spelta
Links e vídeos
Sites
• http://www.acessibilidadeapple.com/
• http://digitalacesso.com/
• http://www.bengalalegal.com/
• http://tableless.com.br/como-tornar-seu-website-a

Vídeos
• http://youtu.be/K8-LKQMFvfU
• http://youtu.be/dAw0SIkXm1o
Cassiana Ferraz
www.cassianaferraz.com.br
@cassiferraz
facebook/cassiferraz


            Thank’s ;)

Mais conteúdo relacionado

Semelhante a Acessibilidade web: benefícios e diretrizes

Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessívelMDesign Estúdio
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasGovBR
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAlan Vasconcelos
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Hans Mösl
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...Claudio Diniz - Designer Gráfico
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebLucas Augusto Carvalho
 
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Marcelo Sales
 
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...tdc-globalcode
 
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
 
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 nas redes - Diversidade é chamar para a festa, inclusão é cham...
Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...
Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...Victoria Raupp Krupp
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011Hudson Augusto
 

Semelhante a Acessibilidade web: benefícios e diretrizes (20)

Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessível
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticas
 
Joomla e acessibilidade
Joomla e acessibilidadeJoomla e acessibilidade
Joomla e acessibilidade
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - Mhtx
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?
 
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
APRESENTAÇÃO: ARQUITETURA DE INFORMAÇÃO E ACESSIBILIDADE WEB: USABILIDADE COM...
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na Web
 
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
Até quando você vai culpar o desenvolvedor por seu site/app não ser acessível?
 
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
TDC2017 | POA Trilha Acessibilidade Digital - Ate quando voce vai culpar o de...
 
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
 
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 nas redes - Diversidade é chamar para a festa, inclusão é cham...
Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...
Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...
 
Seminário Final
Seminário FinalSeminário Final
Seminário Final
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
A11y web
A11y webA11y web
A11y web
 

Acessibilidade web: benefícios e diretrizes

  • 2. Alguns dados • 10% da população mundial possui algum tipo de deficiência. (dados OMS) • 24% da população possui algum tipo de deficiência (Censo 2010) • Pessoas com deficiência são consumidores em potencial. Segundo pesquisas, esta parcela de brasileiros tem um potencial estimado em 5 bilhões de reais.
  • 3. Mas o que é isso, tchê? • Segundo Godinho (2010), “consiste na facilidade de acesso e de uso de ambientes, produtos e serviços por qualquer pessoa e em diferentes contextos”. • A acessibilidade de acordo com Dias (2003, p. 103) é,[...] 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.
  • 4. Mas o que é isso, tchê? • Para o consórcio W3C acessibilidade web significa que pessoas com deficiência, possam usar a Internet de forma que as possibilite perceber, entender, navegar e interagir de uma maneira efetiva com a web. • A SERPRO define acessibilidade, “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.”
  • 5. Acessibilidade web. Custo ou benefício?
  • 6. Diretrizes • Descrições, fontes e contraste – Tags ALT, LONGDESC, – Controle para tamanho da fonte – Controle para contraste da página – Contraste é suficiente? • Atalhos – Existe atalho para o conteúdo principal? – Atalho para voltar a página inicial (breadcrumb) – Atalho para ir direto ao menu • Tabelas – Existem tabelas no site? – Se existe, ela segue ordem correta com a navegação do TAB?
  • 7. Diretrizes • Animações – O site possui animações em flash? • Links – Os links possuem boas descrições? – Os botões possuem tamanho adequado? – Os links levam para a página correta? • CSS – O site possui folha de estilo? – Existe mais de uma folha? – As fonte possuem tamanho em porcentagem?
  • 8. Diretrizes • Estrutura – Foram usadas as tags H1 e H2? • Busca – Há campos de buscas? – Há um valor atribuído ao input? – O botão enviar possui valor atribuído?
  • 9. 7 mitos e 1 equívoco • "Acessibilidade Web é só para deficientes visuais." • "Na prática, o número de usuários beneficiados com a acessibilidade é relativamente muito pequeno." • "Fazer um site acessível demora e custa caro." • "É melhor fazer uma página especial para os deficientes visuais." • "Um site acessível a deficientes visuais não é bonito." • "Vamos por partes: primeiro fazemos o site, depois fazemos acessibilidade." • "A gente sabe o que é bom para o usuário." Um Grande Equívoco. • "Meu site é direcionado a um público específico; ele não interessa a todos os grupos de usuários." Lêda Spelta
  • 10. Softwares, apps Softwares • Jaws • Dosvox Apple • Voice Over Lêda Spelta
  • 11. Links e vídeos Sites • http://www.acessibilidadeapple.com/ • http://digitalacesso.com/ • http://www.bengalalegal.com/ • http://tableless.com.br/como-tornar-seu-website-a Vídeos • http://youtu.be/K8-LKQMFvfU • http://youtu.be/dAw0SIkXm1o