palestra sobre acessibilidade web: entendendo as regras do jogo

Fernando Bravo Figueroa

[email protected]

http://www.fernandobf.com

// Palestra | 14.11.2012 – Instituto Infnet, Rio de Janeiro / RJ


Acessibilidade Web: entendendo as regras do jogo Fernando Bravo Figueroa

http://fernandobf.com | [email protected]

Formação

Pós-graduando em Ergodesign de Interfaces: Usabilidade e Arquitetura de Informação pela PUC/RJ;

Graduado em História pela UVA;

Participação em mais de 30 cursos e atividades extracurriculares.

Muito prazer, eu mesmo!

Atividades recentes

Responsável pelas estratégias de acessibilidade da intranet dos jogos olímpicos Rio 2016™;

Ingresso no Web Performance Community Group, do W3C;

Co-autor do artigo científico “Avaliação de usabilidade do jornalismo para tablets: interações por gestos em um aplicativo de notícias”.

http://fernandobf.com/blog/literatura/avaliacao-de-usabilidade-do-jornalismo-para-tablets-interacao-por-gestos-em-um-aplicativo-de-noticias






A Web é simples e fácil de fazer.

(...) É de graça e universal.

É poderosa, e sua semântica,

quando bem usada, é abrangente e poética...

http://www.soyuz.com.br

Introdução ao universo da acessibilidade digital

1




Sobre o foco de nosso estudo




É exatamente entre os usuários e o conteúdo que os problemas de acessibilidade aparecem, por conta de ‘ruídos’ entre o desenvolvedores e o conteúdo.

Sobre o foco de nosso estudo




Siglas e conceituação




PPD (Pessoa Portadora de Deficiência)

Essa sigla é utilizada em toda a legislação brasileira quando se fala de pessoas com deficiência mas está desatualizada, conforme a convenção da ONU dos Direitos das Pessoas com Deficiência confirmada no Brasil em 2007.





PCD (Pessoa com Deficiência)

É usada para se referir às pessoas que possuem deficiência física, auditiva, visual, intelectual ou múltipla (duas ou mais deficiências).





PNE (Pessoa com Necessidades)

Se refere a um grupo que inclui idosos, gestantes obesos, pessoas com deficiência e toda pessoa com uma necessidade especial (dificuldade de aprendizado, por exemplo).


Os 7 princípios do Design Universal

2




Sobre

Termo cunhado em 1985 por Ronald Lawrence Mace (1941-1998), arquiteto americano;

Mace passa a questionar a arquitetura convencional, surgindo assim a idéia estabelecer conceitos capazes de guiar a construção de ambientes acessíveis;

Junto de outros profissionais, Mace cria as bases que irão nortear a busca pela acessibilidade plena. Nascia assim os 7 princípios do Design Universal.


Ronald Mace




Princípio 1 - Uso equitativo

O projeto não pode criar desvantagens ou estigmatizar qualquer grupo de usuários. Seu desenho deve ser utilizável por pessoas com habilidades diversas e prover os mesmos significados de uso para todos os usuários: idêntico quando possível, equivalente quando isso não for possível.


Banheiro adaptado Rampas acessíveis




Princípio 2 - Flexibilidade de uso

O projeto precisa ser adaptado a um largo alcance de preferências e habilidades individuais e possibilitar que o usuário faça sua escolha na forma de utilização.


Abridor de latas para canhotos Patamar horizontal em escadas rolantes




Princípio 3 - Uso intuitivo

O projeto deve ser criado de modo a ser de fácil entendimento, independentemente da experiência prévia, conhecimento, linguagem e grau de concentração dos usuários, eliminando qualquer complexidade desnecessária.


Simbologia padronizada Fita de abertura de pacotes




Princípio 4 - Informação perceptível

O projeto comunica, necessariamente, informações efetivas ao usuário, independentemente das condições do ambiente e das habilidades sensoriais de cada um.


Sinalização textual, sinais e braile Piso tátil




Princípio 5 - Tolerância ao erro

O projeto minimiza os riscos e as consequências adversas de acidentes, organizando de forma mais protegida os elementos que oferecem algum perigo em potencial.


Fitas antiderrapante Sinalização sonora e luminosa




Princípio 6 - Baixo esforço físico

O projeto deve ser usado de forma eficiente e confortável, exigindo um mínimo de energia, e permitindo que o usuário mantenha a posição do corpo neutra e a força utilizada seja de moderada intensidade.


Maçanetas tipo “alavanca” Torneiras com sensor




Princípio 7 - Tamanho e espaço para acesso e uso

Tamanho e espaços apropriados para acesso, manipulação e uso, independentemente das dimensões do corpo, postura ou mobilidade do usuário.


Acentos especiais Telefones públicos rebaixados

Acessibilidade Web: uma visão geral

3




Acessibilidade Web: O que é?




Acessibilidade Web: o que é?

De acordo com o W3C:

... significa que pessoas com deficiência

consigam usar a Web. Mais especificamente,

que possam perceber, compreender, navegar,

interagir e contribuir com a Web.

http://www.w3.org/WAI/intro/accessibility





De acordo com o Wikipédia:

...refere-se a prática de fazer websites

que possam ser utilizados por todas as

pessoas, sejam portadoras de

deficiências ou não.

http://pt.wikipedia.org/wiki/Acessibilidade_Web





De acordo com a norma ISO/TS 16071 (2003):

Usabilidade de um produto, serviço,

ambiente ou recurso por pessoas com a mais ampla

diversidade de capacidades (características físicas,

mentais e perceptivas).

http://www.iso.org/iso/catalogue_detail.htm?csnumber=30858




Acessibilidade Web: Para quem?




Acessibilidade Web: para quem?

Pessoas portadoras de deficiência visual ou baixa visão.

Dos 24,3 milhões de brasileiros com alguma deficiência, 58,44% se enquadram nesta categoria (IBGE, Censo 2000).





Pessoas portadoras de deficiência física ou problemas motores.






Pessoas portadoras de deficiência intelectual.






Pessoas portadoras de deficiência auditiva.






Crianças e suas primeiras experiências.





Idosos em geral.

A população de idosos (acima de 60 anos) no Brasil para 21,7 milhões (IBGE, Censo 2000).





Dispositivos móveis.

Dos 77,5 milhões de acessos até meados de 2012, os dispositivos móveis foram responsáveis por 58,8 milhões deles (Telebrasil, 2012).





Conexões ruins.

A maior parte das conexões no Brasil estão entre 256 kbps a 3 mbps (NIC.br, 2011).





Computadores e aparelhos depreciados.





Pessoas inseguras quanto ao uso da tecnologia.





Analfabetos e/ou semi-analfabetos.





Para mecanismos e sistemas.





Para todos nós, sem exceção.




Acessibilidade Web: Por quê?




Acessibilidade Web: por quê?

O poder da Web está em sua universalidade.

O acesso por todos independentemente de deficiência é

um aspecto essencial.

Para Tim Berners-Lee:

Berners-Lee

https://twitter.com/timberners_lee







Para Jakob Nielsen:

Acessibilidade para pessoas com deficiência

maior quase sempre conduz diretamente a uma

maior usabilidade para todos os usuários.

Jakob Nielsen

https://twitter.com/NNgroup





Porque quando acessível, um site ou projeto digital pode:

Ser lucrativo, pois atinge um público maior;

Ser acessado de forma padronizada e fácil;

Melhorar a imagem da empresa;

Ser melhor indexado pelos mecanismos de buscas e ter maior visibilidade;

Evitar problemas na justiça;

Diminuir custos de manutenção e até mesmo de criação;

Melhorar a perfarmance (velocidade de carragamento) do projeto;

Oferecer vantagem competitiva e;

Garantir os princípios básicos da Acessibilidade.




Acessibilidade Web: Objetivos básicos




Efetividade

Atingir as metas de trabalho propostas.

Acessibilidade Web: objetivos básicos




Eficiência

Cumprir metas o mais rapidamente possível, com o mínimo de restrições.





Satisfação

Proporcionar bem-estar ao trabalhador.


Leis e diretrizes de Acessibilidade Web

4




WAI: Web Accessibility Initiative




O que é?

A WAI foi criada em 1997 e é uma iniciativa do W3C (World Wide Web Consortium) que, através do WCAG WG (Web Content Accessibility Guidelines Working Group) desenvolve diretrizes específicas para 3 diferentes grupos:

UAAG (User Agent Accessibility Guidelines);

ATAG (Authoring Tool Accessibility Guidelines) e;

WCAG (Web Content Accessibility Guidelines).


http://www.w3.org/WAI/

http://www.w3.org/

http://www.w3.org/

http://www.w3.org/

http://www.w3.org/

http://www.w3.org/

http://www.w3.org/WAI/GL/

http://www.w3.org/WAI/GL/




UAAG (User Agent Accessibility Guidelines)

Destinada aos fabricantes de brownser e players de mídia;

Inclui-se também aspectos de tecnologias assistivas.





ATAG (Authoring Tool Accessibility Guidelines)

Destinada ao fabricantes de ferramentas de criação de conteúdo.

Orienta os fabricantes a implementarem funcionalidades em seus produtos e que ajude os desenvolvedores de conteúdo a aderirem ao WCAG.





WCAG (Web Content Accessibility Guidelines)

Destinada ao conteúdo das páginas Web;

Utilizada por profissionais e desenvolvedores;

Fabricantes de softwares e validadores também a consultam;

Atualmente possui duas versões: o WCAG 1.0 e o WCAG 2.0.





WCAG 1.0 Web Content Accessibility Guidelines




O que é?

Foi criada em 5 de maio de 1999 e utlizada até 2008;

Seu foco maior priorizou os Portadores Com Deficiência;

Adotada e referenciada por muitos documentos, sendo até hoje a base da maioria dos validadores;

Possui 14 recomendações e foi dividida em 3 prioridades;

A tradução deste documento está disponível neste link.

WCAG (Web Content Accessibility Guidelines) 1.0

http://www.utad.pt/wai/wai-pageauth.html




As 14 recomendações

1 - Fornecer alternativas equivalentes ao conteúdo sonoro e visual;

2 - Não recorrer apenas à cor;

3 - Utilizar corretamente anotações e folhas de estilo;

4 - Indicar claramente qual a língua utilizada;

5 - Criar tabelas passíveis de transformação harmoniosa;

6 - Assegurar que as páginas dotadas de novas tecnologias sejam transformadas harmoniosamente;

7 - Assegurar o controle do utilizador sobre as alterações temporais do conteúdo;





As 14 recomendações (cont.)

8 - Assegurar a acessibilidade direta de interfaces do utilizador integradas;

9 - Pautar a concepção pela independência face a dispositivos;

10 - Utilizar soluções de transição;

11 - Utilizar as tecnologias e as diretivas do W3C;

12 - Fornecer contexto e orientações;

13 - Fornecer mecanismos de navegação claros;

14 - Assegurar a clareza e a simplicidade dos documentos.





Prioridade 1

Estes pontos de verificação devem ser satisfeitos para que todos os grupos de usuários tenham possibilidade de acessar as informações contidas no documento.





Prioridade 2

Estes pontos de verificação deveriam ser satisfeitos. Caso contrário, um ou mais grupos de usuários terão dificuldades em acessar as informações contidas no documento.





Prioridade 3

Estes pontos de verificação podem ser satisfeitas e existem para evitar que alguns grupos de usuários sintam alguma dificuldade em acessar as informações contidas no documento.





WCAG 2.0 Web Content Accessibility Guidelines




O que é?

Passou a ser o novo padrão desde 11 de dezembro de 2008;

Foco para aplicações à diferentes tecnologias da Web;

As recomendações distribuem-se em 4 princípios, tendo uma série de critérios de sucesso. Esse Princípios são conhecidos como Popcor: perceptível, operável, compreensível e robusto;



http://www.ilearn.com.br/TR/WCAG20/




1.0 - Perceptível

1.1 - Fornecer Alternativas textuais para qualquer conteúdo não textual, permitindo que possa ser alterado, se necessário, para outros formatos como impressão com tamanho de fontes maiores, Braille, fala, símbolos ou linguagem mais simples.

1.2 - Fornecer Alternativas para mídias baseadas no tempo.

1.3 - Criar conteúdo que pode ser apresentado de modos diferentes (por exemplo um layout simplificado) sem perder informação ou estrutura.

1.4 - Tornar mais fácil aos usuários a visualização e audição de conteúdos incluindo as separações das camadas da frente e de fundo.





2.0 - Operável

2.1 - Fazer com que todas as funcionalidades estejam disponíveis no teclado.

2.2- Prover tempo suficiente para os usuários lerem e usarem o conteúdo.

2.3 - Não projetar conteúdo de uma forma conhecida por causar ataques epiléticos.

2.4 - Prover formas de ajudar os usuários a navegar, localizar conteúdos e determinar onde se encontram.





3.0 - Compreensível

3.1 - Tornar o conteúdo de texto legível e compreensível.

3.2 - Fazer com que as páginas da Web apareçam e funcionem de modo previsível.

3.3 - Ajudar os usuários a evitar e corrigir erros.





4.0 - Robusto

4.1 - Maximizar a compatibilidade entre os atuais e futuros agentes do usuário, incluindo as tecnologias assistivas.





WCAG Samurai




O que é?

Liderado por Joe Clark, o WCAG Samurai é um grupo de desenvolvedores independentes criado em 2006;

Foram motivados pela insatisfação com WCAG 1.0. Assim, propuseram correções a essas recomendações;

Sua versão final fora disponibilizada em 2008;

Esta errata é uma alternativa ao WCAG 2.0;


WCAG Samurai

http://www.wcagsamurai.org/

http://www.maujor.com/wcagsamurai/wcagsamurai-pt-br.html




Iniciativas e legislação brasileira




Decreto nº 5.296, de 2 de dezembro de 2004

Regulamenta as leis n° 10.048, de 8 de novembro de 2000, que dá prioridade de atendimento às pessoas que especifica, e 10.098, de 19 de dezembro de 2000, que estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas com deficiência, e dá outras providências;

Este documento está disponível neste link.


http://www.planalto.gov.br/ccivil_03/leis/L10048.htm

http://www.planalto.gov.br/ccivil_03/leis/L10098.htm

http://www.planalto.gov.br/ccivil_03/_ato2004-2006/2004/decreto/d5296.htm




Decreto nº 6.949, de 25 de agosto de 2009

Promulga a Convenção Internacional sobre os Direitos das Pessoas com Deficiência elaborada pelas Nações Unidas em 30 de março de 2007, definindo, em seu artigo 9°, a obrigatoriedade de promoção do acesso de pessoas com deficiência a novos sistemas e tecnologias da informação e comunicação, inclusive à Internet.



http://www.un.org/disabilities/convention/signature.shtml

http://www.un.org/disabilities/convention/signature.shtml

http://www.planalto.gov.br/ccivil_03/_ato2007-2010/2009/decreto/d6949.htm




Comitê CB-40 da Associação Brasileira de Normas Técnicas

Este comitê da ABNT se dedica à normatização no campo de acessibilidade, atendendo aos preceitos de desenho universal. O Comitê possui diversas comissões, definindo normas de acessibilidade em todos os níveis, desde o espaço físico até o virtual.


http://www.abnt.org.br/default.asp




Portaria nº 3, de 7 de maio de 2007

Institucionalizou o e-MAG no âmbito do sistema de Administração dos Recursos de Informação e Informática – SISP, tornando sua observância obrigatória nos sítios e portais do governo brasileiro.



http://www.governoeletronico.gov.br/acoes-e-projetos/biblioteca/arquivos/portaria-no-03-de-07-05-2007




E-Mag Modelo de Acessibilidade do

Governo Eletrônico




O que é?

O E-Mag é uma iniciativa do projeto E-Gov (Governo Eletrônico);

Foi institucionalizada através da Portaria nº 03, de 07 de maio de 2007;

Sua construção está pautada no WCAG 2.0 do W3C;

Considera o contexto local. Ou seja, é coerente com a realidade brasileira;

As recomendações propostas visam uma padronização na criação/adaptação das políticas de acessibilidade nos sites e portais do governo brasileiro;

Atualmente está em sua terceira versão, lançada oficialmente em 21 de setembro de 2011.

E-Mag: Modelo de Acessibilidade do Governo Eletrônico

http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG



http://www.governoeletronico.gov.br/



http://www.governoeletronico.gov.br/acoes-e-projetos/biblioteca/arquivos/portaria-no-03-de-07-05-2007

http://www.governoeletronico.gov.br/acoes-e-projetos/biblioteca/arquivos/e-mag-3.0/download

http://www.governoeletronico.gov.br/acoes-e-projetos/biblioteca/arquivos/e-mag-3.0/download




Muito obrigado! ;-)

fernandobf.com

Site:

fernandobf.com/blog

Blog:

http://goo.gl/L9vOH

Baixe os arquivos em:

http://fernandobf.com/

http://fernandobf.com/blog

http://goo.gl/L9vOH

palestra sobre acessibilidade web: entendendo as regras do jogo

Technology