Acessibilidade na WEB

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


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


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


3Adaptável

Criar conteúdos que possam ser apresentados de diferentes maneiras sem perder informação ou estrutura.

Perceptível


● 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


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


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


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


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


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


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


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

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

Technology

Acessibilidade na WEB