Guia acessibilidade. Pode encontrar as Directivas para a acessibilidade do conteúdo da Web no endereço <

Tamanho: px

Começar a partir da página:

Download "Guia acessibilidade. Pode encontrar as Directivas para a acessibilidade do conteúdo da Web no endereço <http://wai-pageauth."

Raíssa Madureira Bernardes
5 Há anos
Visualizações:

1 Guia acessibilidade Pode encontrar as Directivas para a acessibilidade do conteúdo da Web no endereço <

2 NOÇÕES DE ACESSIBILIDADE 2 O QUE É ACESSIBILIDADE? A Acessibilidade refre-se à facilidade de acesso à Internet por parte de indivíduos com de ciências. Envolve três noções, Utilizadores, Situação e Ambiente : O termo Utilizadores signi ca que nenhum obstáculo é imposto ao indivíduo face às suas capacidades sensoriais e funcionais; O termo Situação signi ca que o sistema é acessível e utilizável em diversas situações, independentemente do software, comunicações ou equipamentos; O termo Ambiente signi ca que o acesso não é condicionado pelo ambiente físico envolvente, exterior ou interior. A acessibilidade da Internet caracteriza-se pela exibilidade da informação e interacção relativamente ao respectivo suporte de apresentação. Esta exibilidade permite a sua utilização por pessoas com necessidades especiais, bem como a utilização em diferentes ambientes e situações, e através de vários equipamentos ou navegadores. DÊ VISIBILIDADE À ACESSIBILIDADE NA WEB Utilize o Símbolo de Acessibilidade na Web para indicar que o seu site contém funcionalidades de acessibilidade para cidadãos com necessidades especiais, para diferentes ambientes, situações, equipamentos e navegadores. O símbolo deve incluir a de nição ALT= Símbolo de Acessibilidade na Web, e ser colocado na página de entrada do site.

3 CONSELHOS PARA FAZER SÍTIOS WEB ACESSÍVEIS 3 Directivas Completas e Lista de Con rmação: Imagens e animações. Utilize o atributo alt para descrever a função de cada elemento visual. Mapas de imagem. Utilize mapas de cliente (anotação map), empregando texto nos pontos activos. Multimédia. Disponibilize legendas e transcrições da componente sonora, e descrições da componente visual. Ligações de hipertexto. Utilize texto que faça sentido, mesmo lido fora do contexto. Por exemplo: evite clique aqui. Organização das páginas. Utilize cabeçalhos, listas e uma estrutura consistente. Sempre que possível, utilize CSS para efeitos de disposição e estilo. Scripts, applets e suplementos. Forneça conteúdo alternativo, se as características activas não forem acessíveis ou se não forem suportadas pelo navegador. Frames. Utilize a anotação noframes e com títulos com signi cado. Tabelas. Faça com que a leitura linha-a-linha seja compreensível. Forneça resumos. Veri que o trabalho. Efectue validações. Recorra a ferramentas e às directivas existentes em

CONSELHOS PARA A ACESSIBILIDADE DE UM SITE WEB 4 APRESENTAÇÃO DA INFORMAÇÃO 1 - Garanta que todas as imagens se encontram legendadas ou descritas com texto.

4 CONSELHOS PARA A ACESSIBILIDADE DE UM SITE WEB 4 APRESENTAÇÃO DA INFORMAÇÃO 1 - Garanta que todas as imagens se encontram legendadas ou descritas com texto. Nota: Esta medida é essencial para botões e ligações feitas com recurso a imagens. O leitor de ecrã utilizado por um cego irá ler o texto alternativo associado à imagem 2 - Garanta que o tamanho do texto pode ser aumentado com as opções do seu navegador Nota: Esta facilidade é muito utilizada por pessoas idosas com algumas di culdades visuais. 3 - Garanta que o comprimento do texto na página se ajusta ao tamanho da Janela 4 - Garanta a identi cação do campos dos formulários

NAVEGAÇÃO 5 - Garanta que os textos das ligações sejam compreensíveis fora do contexto Nota: Use a tecla TAB para saltar de ligação em ligação numa página Web e leia em voz alta o respectivo texto.

5 5 Nota: Coloque etiquetas em todos os campos do formulário identi cando a sua funcionalidade. No caso do elemento que executa o envio dos dados do formulário ser uma imagem, não se esqueça de a legendar. NAVEGAÇÃO 5 - Garanta que os textos das ligações sejam compreensíveis fora do contexto Nota: Use a tecla TAB para saltar de ligação em ligação numa página Web e leia em voz alta o respectivo texto. Um cego usa uma técnica semelhante para navegar recorrendo a um leitor com síntese de fala para substituir a falta de visão. Ligações compostas por clique aqui não são esclarecedoras para quem ouve apenas a informação das ligações. Do mesmo modo, se usar várias vezes o mesmo texto para compor ligações diferenciadas gera ambiguidade. As ligações podem ser legendadas com texto alternativo para evitar ambiguidades.

VERIFICAÇÃO DA ACESSIBILIDADE 6 6 - Forneça uma forma simples para contactar o responsável Nota: O utilizador poderá comunicar-lhe as di culdades que sente no acesso aos

7 - Utilize ferramentas e serviços automáticos de análise da acessibilidade Nota: Encontra uma lista actualizada no sítio Web do W3C http://www.w3.org/wai/er/existingtools.

6 VERIFICAÇÃO DA ACESSIBILIDADE Forneça uma forma simples para contactar o responsável Nota: O utilizador poderá comunicar-lhe as di culdades que sente no acesso aos conteúdos do seu sítio. Facilite o feedback dos utilizadores. 7 - Utilize ferramentas e serviços automáticos de análise da acessibilidade Nota: Encontra uma lista actualizada no sítio Web do W3C Recomenda-se a utilização do Bobby para análise da acessibilidade e o emulador de navegador de texto Lynx Viewer. Nota: Actualmente ainda são poucas as ferramentas para a criação de conteúdos web que contemplam a veri cação da acessibilidade. A imagem refere-se ao software Dreamweaver MX.

7 8 - A xe o símbolo de acessibilidade na Web 7 Nota: Utilize o Símbolo de Acessibilidade na Web para indicar que o seu sítio contém funcionalidades de acessibilidade para cidadãos com necessidades especiais, para diferentes ambientes, situações, equipamentos e navegadores. O símbolo deve incluir a de nição ALT= Símbolo de Acessibilidade na Web, e ser colocado na página de entrada do sítio.

8 Lista de veri cação prioridade 1 proposta para exercício Fornece um equivalente textual para todo o elemento não textual. Pode ser feito através do atributo alt ou longdesc, ou no conteúdo do elemento. Isto abrange: imagens, representações grá cas de texto, incluindo símbolos, regiões de mapas de imagem, animações, como é o caso dos GIFs animados, applets e objectos programados, arte ASCII, frames, programas interpretáveis, imagens utilizadas em listas como sinalizadores de pontos de enumeração, espaçadores, botões grá cos, sons (reproduzidos com ou sem interacção do utilizador), cheiros de áudio independentes, pistas áudio de vídeo e trechos de vídeo. 2 - Toda a informação transmitida com base na cor se encontra também disponível sem cor. O equivalente informativo pode ser feito através do contexto ou através do uso apropriado da notação. 3 - Identi ca claramente quaisquer alterações de idioma no texto de um documento, incluindo os equivalentes textuais (caso das legendas das imagens e de outros elementos). 4 - Organiza os documentos de forma a que os mesmos sejam passíveis de serem lidos sem o uso das folhas de estilo. Quando um documento HTML é apresentado sem a folha de estilo a que está associado, deve ser, mesmo assim, possível ler o documento. 5 - Fornece links de texto redundantes para cada região activa de um mapa de imagens, providencia àreas clicáveis (hotspot) bem de nidas e amplias. 6 - Usa tabelas de dados simples com leitura linha a linha. 7 - Certi que-se que as páginas são usáveis quando scripts, applets, ou outros objectos programáveis se encontram desactivados ou não são suportados. Se isto não for possível, forneça informação equivalente numa página alternativa acessível. No momento da produção deste documento aconselha-se a seguir este procedimento em relação à tecnologia Flash da Macromedia, uma vez que ainda existem poucas tecnologias de acesso a suportar esta linguagem. Veja se o site cumpre a regra ou não (SIM NÃO) ou caso não seja aplicável a regra basta indicar (NA).

Documentos relacionados

V.2 Dispositivos de Interacção VI WWW VI.3 PADRÕES DE DESENHO WEB. The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong. Melhor e pior?

V.2 Dispositivos de Interacção VI WWW VI.3 PADRÕES DE DESENHO WEB. The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong. Melhor e pior? VI WWW VI.3 PADRÕES DE DESENHO WEB The Design of Sites, Cap. 2 D. Duyne, J. Landay, J. Hong Melhor e pior? 2 1 Resumo Aula Anterior o Artefactos e Práticas de Design o Pirâmide Invertida o Estudo Usabilidade