acessibilidade na web
TRANSCRIPT
Acessibilidade na Web
Esta Obra é licenciada com Licença Creative Commons Atribuição-NãoComercial-SemDerivações 4.0 Internacional .
Karine Nascimento PortelaMarcos Devaner
Breno Giovanni Silva Araujo
O que é Acessibilidade?
“Acessibilidade é a condição para utilização, com segurança e autonomia, total ou assistida, dos espaços, mobiliários e equipamentos urbanos, das edificações, dos serviços de transporte e dos dispositivos, sistemas e meios de comunicação e informação, por pessoa portadora de deficiência ou com mobilidade reduzida.”
O Decreto Federal n° 5.296/2004 [1], Artigo 8, I
O que é Acessibilidade na Web?
“Trata da possibilidade e da condição de alcance,
percepção e entendimento para a utilização, em
igualdade de oportunidades, com segurança e
autonomia, dos sítios e serviços disponíveis na
web. “
Fonte: Cartilha ACESSIBILIDADE NA WEB - W3C BRASIL
Quem são os beneficiários?
Uma mulher cega, utilizando um leitor de tela, pesquisa a restituição de imposto de renda no site da Receita Federal
Um homem com deficiência motora, usando um mouse adaptado, faz compras em uma loja virtual
Uma jovem tetraplégica, utilizando apenas um ponteiro na cabeça, procura informações sobre células-tronco em sites especializados.
Quem são os beneficiários?
Mulher com baixa visão procura informações sobre investimentos e a crise
econômica mundial, utilizando um programa ampliador de tela
Homem de meia-idade aumenta a fonte dos textos de um site ao navegar pelo seu netbook com tela de 9’
Um jovem surdo ou com deficiência auditiva faz um curso à distância
adaptado com Janela de Intérprete
Barreiras na Web
- Imagem (Ex. gráficos) sem descrição - Vídeos sem alternativa de áudio e legendados- Tabelas que não fazem sentidos lidas horizontalmente- Questionários ou formulários sem sequência lógica de navegação- Conteúdos longos sem sumários- Cores ou efeitos visuais para diferenciar ou transmitir informação- Pouco contraste entre cor de fundo
e cor de texto- Fonte com serifa ou itálico
PCD Visual
Barreiras na Web
PCD Auditivo
- Áudio sem legenda ou transcrição em texto;- Vídeos sem legenda ou alternativa em Libras (Língua Brasileira de
Sinais);- Ausência de Libras ou imagens suplementares relacionadas ao
conteúdo do texto;- Ausência de linguagem simples e clara.
Barreiras na Web
PCD Físico
- Falta de organização do documento, de modo a tornar a navegação pelo teclado muito lenta e/ou trabalhosa;
- Atividades com limite de tempo muito curto, como uma prova ou um questionário, por exemplo;
- Funcionalidades que são ativadas somente através de combinação de várias teclas, como Ctrl + Alt + Delete, por exemplo.
Barreiras na Web
PCD Intelectual
- Falta de coerência na organização do conteúdo;- Linguagem complexa sem necessidade;- Falta de clareza no conteúdo ou de exemplos que facilitem a compreensão;- Imagens decorativas ou conteúdo que possa desviar a atenção do aluno
(como gif);- Fontes com serifa.- Falta de descrição textual para imagens complexas, gráficos e tabelas com
muitos dados
O que é preciso para a Acessibilidade na Web?
A W3C-WAI [9] identifica 7 componentes:
Conteúdo
Tecnologia Assistiva
Usuário
Ferramenta de Avaliação
Ferramentas de autoria (softwares para criar sítios web)
Desenvolvedores
Recomendações de Acessibilidade para Conteúdo Web
Web content Accessibility guidelines (WCAG) 2.0
Perceptível
Operável PRINCÍPIO Compreensível
Robusto
Perceptível
Recomendações de Acessibilidade para Conteúdo Web
1Alternativa Textual/Não-textual
Forneça descrição em texto ou áudio para conteúdos não textual, como imagens.
Se o conteúdo não textual for meramente decorativo, for utilizado apenas para formatação visual, ou não for apresentado aos usuários, então é implementado de uma forma que pode ser ignorada pelas Tecnologia Assistivas.
Perceptível
Recomendações de Acessibilidade para Conteúdo Web
2Mídias com base no tempo
Fornecer alternativas para mídias com base no tempo
1. Apenas áudio pré-gravado2. Apenas vídeo pré-gravado3. Legendas (Pré-gravadas)4. Línguagem desinais (Pré-gravada)5. Audiodescrição ou Mídia alternativa
Perceptível
Recomendações de Acessibilidade para Conteúdo Web
3Adaptável
Criar conteúdos que possam ser apresentados de diferentes maneiras sem perder informação ou estrutura.
Perceptível
Recomendações de Acessibilidade para Conteúdo Web
● Utilização da Cor● Controle de Áudio● Contrastes● Redimensionamento de texto● Imagens de Texto● Som Baixo ou Sem Som de Fundo● Apresentação Visual● Imagens de Texto (Sem Exceção)
4 Discernível
Operável
Recomendações de Acessibilidade para Conteúdo Web
1Acessível por Teclado
Faça com que toda a funcionalidade fique disponível a partir do teclado.
1.Operar funcionalidades via teclado 2.Caso um teclado virtual seja acionado, o foco deverá ser nele.3.O teclado virtual deve atender todas as funções de um teclado.
Operável
Recomendações de Acessibilidade para Conteúdo Web
2Tempo Suficiente
Forneça tempo suficiente aos usuários para lerem e utilizarem o conteúdo. 1.Ajustável por Temporização2.Colocar em Pausa, Parar, Ocultar3.Sem Temporização4.Interrupções5.Nova autenticação(sem perder os dados da anterior)
Operável
Recomendações de Acessibilidade para Conteúdo Web
3Navegável
Fornecer formas de ajudar os usuários navegarem1.Ignorar Blocos (uso de links para direcionar a blocos requeridos)2.Página com Título3.Ordem do Foco4.Várias Formas 5.Cabeçalhos e Etiquetas6.Localização7.Cabeçalhos da sessão
Compreensível
Recomendações de Acessibilidade para Conteúdo Web
1Legível
Tornar o conteúdo de texto legível e compreensível.
1.Cuidado com nível de leitura2.Uso de glossários3.Cuidados com abreviações4.Pronúncia (Exemplo: private (praivet), isto auxilia os leitores de tela)
Compreensível
Recomendações de Acessibilidade para Conteúdo Web
2Previsível
Tornar o conteúdo de texto legível e compreensível.
1.Cuidado com nível de leitura2.Uso de glossários3.Cuidados com abreviações4.Pronúncia (Exemplo: private (praivet), isto auxilia os leitores de tela)
Compreensível
Recomendações de Acessibilidade para Conteúdo Web
2Assistência de Entrada
Ajudar os usuários a evitar e corrigir erros. 1.Identificação do Erro2.Etiquetas ou Instruções3.Sugestão de Erro4.Prevenção de Erros5.Ajuda6.Prevenção de Erros
Robusto
Recomendações de Acessibilidade para Conteúdo Web
Análise
No conteúdo implementado, utilizando linguagens de marcação, os elementos dispõem de marcas de início e de fim completas, os elementos estão encaixados de acordo com as respectivas especificações, os elementos não contêm atributos duplicados, e todos os IDs são exclusivos, exceto quando as especificações permitem estas características.
Referências
W3C. Acessibilidade para o WAI. Disponível em: <http://www.w3.org/WAI/intro/accessibility.php>.
Brasil. 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 a nº 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 portadoras de deficiência ou com mobilidade reduzida, e dá outras providências. Disponível em: <http:// www.planalto.gov.br/ccivil_03/_Ato2004-2006/2004/Decreto/D5296.htm>.
ABNT. Norma Brasileira ABNT NBR 9050:2004. Acessibilidade a edificações, mobiliário, espaços e equipamentos urbanos. Disponível em: <http://www.pessoacomdeficiencia.gov.br/app/sites/default/files/arquivos/%5Bfield_generico_imagens-filefield-description%5D_24.pd