Barra horizontal superior.
Coluna vertical direita.
Esse vídeo com 12 minutos mostra os principais obstáculos e
soluções de acessibilidade e usabilidade na web.
A Acesso Digital criou uma lista de discussão para tratar de acessibilidade
na web. Quer participar? É só se inscrever.
Versão do WCAG 1.0 em português de Portugal.
Os itens de acessibilidade web
preconizados pelo W3C através
do WCAG 1.0, apesar de serem os mais discutidos internacionalmente, ainda
servem, em sua maioria, como padrão para desenvolvimento de páginas
acessíveis em todo o mundo. Esquerda - Conteúdo.
National Disability Authority - NDA
Seguindo a prioridade 3 haverá melhora no acesso para um ou mais grupos de usuários.
Lista de itens da prioridade 3
(WAI Checkpoint 2.2).Texto WAI completo: "Certifique-se de que as combinações de cores de primeiro plano e de fundo forneçam contraste suficiente ao serem vistas por alguém que tenha deficiência de visão de cor ou vistas em tela em preto e branco. [Prioridade 2 para imagens, Prioridade 3 para texto].".
A diferença de contraste entre a cor do texto e a cor do primeiro plano deveria ser suficiente para usuários que são capazes de ler o texto, incluindo usuários que têm deficiência visual para cores ou que usam tela em preto e branco.
Nem todos podem distinguir com facilidade entre combinações e tons de cores parecidas. Alguns usuários acham difícil ler um texto quando este e seu primeiro plano são similares em tom, mesmo quando as cores são diferentes. Isto afeta especialmente usuários com mais idade ou aqueles que têm algum tipo de falta de percepção para diferença de cores.
Usuários também podem achar difícil distinguir entre cores se a tela usada for de baixa resolução ou monocromática.
As cores possuem três atributos que fazem com que as pessoas a percebam: matiz, brilho e saturação. Matiz é a cor básica percebida, essencialmente o nome da cor; por exemplo, um cachecol poderia ser "vermelho". Brilho é a qualidade do tom, por exemplo, o cachecol poderia ser vermelho, mas descrito como "vermelho escuro". Saturação é a quantidade de cor, por exemplo; o cachecol é "muito vermelho". À medida em que as cores se tornam menos saturadas, elas se tornam branco ou preto.
Esquemas de cores que satisfazem nítida diferenciação em todos os três atributos dão maior contraste. A percepção das pessoas do contraste da cor está ligada a sua capacidade de perceber algum, ou todos os três atributos, e isto varia bastante. Nunca deve-se presumir que se alguém pode perceber claramente uma combinação de cor como sendo de bom contraste, então outros também o perceberão.
"Assegure-se de que as combinações de cores do primeiro e do segundo plano fornecem contraste suficiente quando visualizadas por alguém com deficiência em distinguir cores, ou quando visualizadas em uma tela em preto e branco".
Entenda como se percebe o contraste entre as cores.
Para ter mais informações sobre como a escolha das
cores afeta a percepção do contraste, veja
Lighthouse.
(WAI Checkpoint 1.5).Texto completo da WAI: "Se imagens e mapas de imagens forem usados: até que agentes do usuário prestem equivalentes de texto para links de mapas de imagens do cliente, fornecer links de texto extras para cada região ativa."
Mapas de imagem são imagens que são compostas de muitas partes, cada uma delas é um botão gráfico distinto ou link. As partes com o link são as "regiões ativas".
Com os mapas de imagem do cliente, o usuário clica em um ponto sobre o mapa de imagem e as coordenadas do ponto sobre o qual ele clicou são compostas e processadas por seu navegador. O navegador então envia um pedido ao servidor onde o site está hospedado, a fim de ativar um comando.
Um agente do usuário é um programa para acesso ao conteúdo da internet. Agentes do usuário podem ser navegadores gráficos, navegadores texto, navegadores de voz, telefones celulares, tocadores multimídia, plug-ins e alguns programas de tecnologias assistivas, usados em conjunto com navegadores, tais como leitores e ampliadores de tela, e programas de comando de voz.
Os links extras correspondem aos links contidos nas regiões ativas do mapa de imagem, mas são apresentados no formato de texto, além dos links no mapa de imagem em si.
Nem todos os agentes do usuário são capazes de fornecer aos usuários uma lista de links de textos extras automaticamente. À medida que eles agem dessa forma, deve-se fornecer um conjunto de links extras.
Uma vez que mapas de imagem tendem a depender do estilo de interação "aponte e clique", eles podem ser inerentemente não usáveis para quem não utiliza um mouse.
O usuário pode não trabalhar com um mouse se está usando um laptop, um dispositivo móvel, um leitor de tela, ou se este possui destreza manual limitada e não consegue manusear o mouse com destreza. Fornecer links adicionais de texto permite a esses usuários acessar os controles ou páginas que estão atrás do mapa de imagem.
Teste a página com um navegador de texto. Um navegador de texto não consegue reconhecer imagens e apresentará somente textos. Páginas com mapas de imagem no cliente serão inúteis, a menos que seja usado o atributo ALT nos links das regiões ativas, ou fornecidos links redundantes de texto.
(WAI Checkpoint 4.2).Texto completo da WAI: "Especifique a expansão de cada abreviação ou sigla na primeira ocorrência de uma página".
Uma sigla é uma palavra formada das iniciais de um nome formado por mais de uma palavra, enquanto que uma abreviação é uma versão abreviada ou reduzida de uma palavra ou frase. Identifique e forneça o significado completo de abreviações ou siglas quando elas aparecerem pela primeira vez em uma página ou documento.
Por exemplo, se for usada uma palavra como "OTAN", seria necessário explicar que esta é uma sigla que significa "Organização do Tratado do Atlântico Norte".
Se uma palavra como "U.E." for usada, seria necessário explicar que é a abreviação de "União Européia".
Abreviações podem ser indecifráveis quando faladas mecanicamente ou quando são codificadas em Braile. Etiquetas de HTML corretas de abreviações ou siglas tornam a leitura mais fácil para usuários de leitores de tela, navegadores de áudio e dispositivos de Braile.
Além disso, o fornecimento por extenso de siglas e abreviaturas diretamente no texto do conteúdo, como seria feito em um documento criado em um processador de texto, melhora a capacidade de leitura para usuários de outros países, para aqueles que nunca encontraram a abreviação anteriormente e usuários com dificuldades de leitura.
Nota: num futuro próximo, os navegadores permitirão que se tenham abreviações e siglas expandidas automaticamente, mas até que isso seja possível, é melhor continuar a especificá-las por extenso.
para indicar a forma por extenso.Contrate um revisor técnico para revisar o documento. Um revisor técnico ou um profissional especializado em texto seria capaz de encontrar e definir o significado de siglas e abreviações em documentos. Isto deveria acontecer preferencialmente antes que os textos fossem publicados na internet.
(WAI Checkpoint 4.3).Texto completo da WAI: "Identificar a língua primária natural do documento."
Língua natural refere-se a línguas faladas, escritas ou de sinais, tais como Inglês, Irlandês, Língua de Sinais Irlandesa e Braile. A língua natural predominante de uma página da internet deveria ser identificada na base HTML da página.
Sintetizadores de voz e dispositivos de Braile precisam conhecer a língua natural a fim de que eles possam pronunciar as palavras da página corretamente. A falha em identificar a língua natural poderia ocasionar a estes mecanismos erro de pronúncia da informação, tornando-a impossível de ser compreendida.
A identificação da língua natural também facilita tradutores automáticos - programas ou máquinas - que podem ler o conteúdo da página e traduzi-la em outra língua.
Teste a página com um leitor de tela ou um navegador de áudio. Antes de rodar este teste será necessário assegurar que o leitor de tela, ou navegador de áudio, suporta a língua natural que está sendo testada. Se este suportar, é possível testar para esta língua. Se não suportar, este teste não é confiável. Assegure-se também que todos os dicionários solicitados estejam instalados no programa que você usa para este teste.
(WAI Checkpoint 13.8).Texto completo da WAI: "Informação de distinção de local no início de cabeçalhos, parágrafos, listas, etc."
Forneça informação direta e concisa.
Usuários vão a sites da internet para encontrar informação específica ou funcionalidade e têm pouco tempo a perder. O conteúdo deveria ser apresentado de tal forma que torne fácil procurá-lo.
Ler conteúdo online visualmente é cansativo e desconfortável para a maioria dos usuários, mas para usuários com pouca visão pode ser doloroso.
Os usuários preferem procurar através de cabeçalhos, títulos, parágrafos e listas para encontrar rapidamente os conteúdos que procuram. A procura é feita mais facilmente quando o objetivo e o conteúdo de cada fragmento de conteúdo na página são comunicados anteriormente.
Não há métodos de teste específicos recomendados para esta diretriz.
(WAI Checkpoint 14.2).Texto completo da WAI: "Complemente o texto com gráficos ou apresentações auditivas onde estes forem facilitar a compreensão da página."
Forneça imagens explicativas ou conteúdo de áudio onde estes ajudarem os usuários a compreenderem o significado do corpo principal do conteúdo de texto de uma página da internet.
Alguns conceitos podem ser explicados apenas com palavras, mas outros são mais fáceis de serem explicados quando palavras, imagens e sons estão combinados. Por exemplo, uma música poderia ser melhor explicada com texto descritivo (palavras), notação musical (imagens) e um exemplo de áudio (sons).
Usuários com dificuldades de leitura, dificuldades cognitivas, usuários estrangeiros ou aqueles que se comunicam principalmente em linguagem de sinais, podem ter dificuldade com informação apresentada completamente através de texto.
Uma grande variedade de técnicas pode ser usada para fornecer informação de apoio, incluindo animações, ícones, gráficos, vídeo, comunicação oral gravada, voz sintetizada, efeitos sonoros ou alertas sonoros.
Nota: É importante fornecer equivalentes para toda informação de apoio que for fornecida para assegurar que esta está disponível para o maior número de pessoas. Por exemplo, a informação comunicada através de um gráfico deveria também estar disponível no formato de texto.
Não há métodos de teste específicos recomendados para esta diretriz.
Não há métodos de teste específicos recomendados para esta diretriz.
(WAI Checkpoint 5.5).Texto completo da WAI: "Complemente o texto com gráficos ou apresentações auditivas onde estes forem facilitar a compreensão da página."
Forneça uma apresentação breve do objetivo e estrutura da informação apresentada em formato tabular.
Fornecer um resumo do objetivo e estrutura dos conteúdos de uma tabela de dados ajuda os usuários que possam estar navegando com navegadores não visuais, tais como leitores de texto ou navegadores de somente texto. SUMMARY é um atributo HTML que não é apresentado em um navegador padrão. Em outras palavras, para um usuário de leitor de tela, o SUMMARY (resumo) seria lido em voz alta, antes dos conteúdos das células da tabela. Um resumo diz ao usuário qual informação é apresentada na tabela e nomeia os cabeçalhos da tabela.
Fornecendo essa informação contextual a navegação e a compreensão das tabelas fica simplificada, principalmente se estas forem complexas. Um resumo típico seria assim: "Esta tabela apresenta graficamente o crescimento percentual anual do uso da internet na Irlanda sob os cabeçalhos 1999, 2000, 2001."
Observe que as tabelas usadas para apresentações não necessitam de resumos.
Inclua o atributo "SUMMARY" em HTML usado para criar
tabelas de dados.
Resumos são incluídos em HTML, com a etiqueta
<TABLE> como segue;
<TABLE SUMMARY="adicione seu resumo aqui.">
(WAI Checkpoint 5.6).Texto completo da WAI: "Forneça abreviações para cabeçalho de rótulos de tabela."
Um cabeçalho é o nome de uma coluna ou linha em uma tabela de dados. Se títulos longos de cabeçalhos forem usados, forneça versões reduzidas. Isto é feito através da inserção de um atributo de abreviação dentro da base HTML que identifica o elemento do cabeçalho.
Usuários de leitores de tela ou navegadores com comando de voz consideram complicado e repetitivo ter que escutar conteúdos de tabelas longas e complexas com nomes de cabeçalhos extensos. O fornecimento de abreviações significativas reduz a repetição e melhora a eficiência da leitura. Por exemplo, um cabeçalho em uma coluna que diz "Crescimento percentual do uso da internet" poderia ser abreviado simplesmente para "crescimento".
Use o atributo ABBR quando for descrever cabeçalhos de
tabelas.
Veja as técnicas recomendadas da WAI para o
uso do atributo ABBR para descrever cabeçalhos de tabelas
Verifique o código fonte para ver se os atributos foram fornecidos. Abra o código HTML que apresenta a tabela e verifique para ver se as abreviações estão incluídas no uso corrente do atributo ABBR. Note que uma abreviação é apenas necessária para nomes longos e pode não ser útil se a tabela é pequena e fácil de ser compreendida sem uma abreviação.
(WAI Checkpoint 13.6).Texto completo da WAI: "Agrupar e identificar Links relacionados, providenciando um meio de pulá-los, até que os navegadores sejam capazes de fazer isso sozinhos.".
Organize listas de links de acordo com a estrutura lógica do site ou da página da internet. Atribua títulos ou subtítulos a cada lista de links e providencie um meio de o usuário fazer isso sozinho até que os navegadores (browsers, leitores de tela etc.) sejam capazes de detectar e pular automaticamente longas listas de links indesejados.
Navegador (ou browser) é um software para acessar conteúdo na internet. Os navegadores podem ser browsers gráficos, navegadores de texto, navegadores por comando de voz, telefones móveis, players multimídia, plug-ins, e algumas tecnologias assistivas a softwares utilizadas em conjunto com navegadores, tais como leitores de tela, ampliadores de tela, e software por comando de voz.
Os links e frames de navegação, geralmente, são a primeira coisa que aparece numa página. Os usuários de leitores de tela têm que escutar isto muitas vezes para cada página, até chegarem ao conteúdo específico. Proporcionar uma maneira de pular links repetitivos para permitir que os usuários comecem a ler desde o início o conteúdo principal da página desejada melhora a eficiência da página e de todo o site.
Alguns leitores de tela têm uma opção de pular links que se repetem em páginas subseqüentes. Entretanto, o funcionamento dessa opção é, quando muito, de tentativa e erro, portanto, é melhor proporcioná-la intencionalmente.
A opção de pular links é útil para as pessoas que navegam com o teclado, inclusive usuários de laptops, bem como usuários com pouca destreza, que não conseguem usar o mouse. Proporcionar a opção de pular links poupa-os do trabalho de terem que usar a tecla de tabulação (TAB) para trabalhar com longas listas de links.
Agrupar os links em grupos estruturais lógicos auxilia todos os usuários, pois proporciona uma visão geral de conteúdo das seções principais do site ou de uma página mais longa da internet.
Não há métodos de teste específicos recomendados para esta diretriz.
(WAI Checkpoint 10.3).Texto completo da WAI: "Forneça uma alternativa de texto linear (na página atual ou outra qualquer) para todas as tabelas que apresentem texto em colunas paralelas com quebras de linha, até que os navegadores (inclusive tecnologias assistivas) sejam capazes de lidar corretamente com texto lado a lado."
Conteúdo apresentado como texto lado a lado, disposto em colunas paralelas como página de jornal, também deve ser exibido sem as colunas, para que os usuários de navegadores de internet ou tecnologias assistivas mais antigas, que não funcionam com colunas, possam ler o conteúdo. Essa versão "sem colunas" ou linearizada poderia vir na mesma página que a versão com colunas, ou em outra página.
Navegador é um software para acessar conteúdos na internet. Podem ser navegadores gráficos de área de trabalho, navegadores de texto, navegadores por comando de voz, telefones móveis, players multimídia, plug-ins, e algumas tecnologias assistivas a softwares utilizados em conjunto com navegadores, tais como leitores de tela, ampliadores de tela, e software por comando de voz.
No contexto de informática, as tecnologias assistivas ajudam as pessoas a utilizarem computadores, sites na internet, terminais de acesso público que, de outro modo, não poderiam. Exemplos de tecnologias assistivas: leitores de tela, aparelhos de surdez, teclados especiais, dispositivos apontadores, ou outras soluções técnicas que permitam que o usuário coloque dados ou receba determinados resultados de um computador.
Nem todos os navegadores ou tecnologias assistivas permitem aos usuários linearizar colunas. E, nesse caso, você terá que proporcionar a alternativa linear.
Algumas tecnologias assistivas, principalmente as mais antigas, não reconhecem colunas e podem não apresentar informações que façam sentido para o usuário. Geralmente, elas lerão o texto da esquerda para a direita e de cima para baixo na página, e não conseguirão separar as colunas de jeito algum. Imagine ouvir alguém ler uma página de jornal dessa maneira; a primeira frase da primeira coluna, depois da segunda coluna, misturando as frases das colunas com conteúdos diferentes, o resultado é uma confusão de fragmentos de frases que não fazem o menor sentido ao ouvinte. Todo o contexto e o significado se perdem.
As tecnologias assistivas costumam ser caras e aprender a utilizá-las também demanda esforço considerável do usuário. Isto desestimula os usuários de aprimorá-las regularmente, situação que é bem diferente de utilizar navegadores comuns, geralmente gratuitos e comparativamente fáceis de usar. Por isso é que é importante desenvolver sites tendo em mente tecnologias mais antigas.
Verifique se a versão linearizada é necessária. Percorra uma folha de papel de cima abaixo e leia a página linha por linha, da esquerda para a direita. Ignore as colunas - inclusive links de navegação que possam aparecer numa coluna à esquerda ou à direita da página. Se o conteúdo não fizer sentido quando lido deste modo, é necessária uma versão linearizada.
(WAI Checkpoint 9.4).Texto completo da WAI: "Crie uma ordem lógica de tabulação de um para outro link, controle de formulários e objetos."
Quando se usa a tecla "TAB" para movimentar o cursor, este deve seguir a ordem estrutural dos elementos da página, para que o usuário possa selecionar e ativá-los. Ele deve poder usar a tecla "TAB" para fazer o cursor saltar entre os elementos da página, tais como campos de formulários, botões e outros controles, links, menus tipo pop-out, ou recursos interativos mais complexos.
Muitos usuários confiam no teclado como seu principal dispositivo de navegação e interação com outros sites. Muitos usuários de laptops notebooks, e de leitores de telas, bem como usuários com destreza limitada, preferem navegar com o teclado. Os cibercafés nem sempre fornecem um mouse ao usuário.
Se o usuário preencher um formulário on-line, em que a ordem de tabulação lógica esteja incorretamente definida, ele poderia facilmente enviar o formulário sem perceber que não preencheu todos os campos obrigatórios, pois o cursor salta para o botão "enviar" antes de completar o preenchimento.
Não fornecer uma ordem de tabulação lógica confunde muito e torna a tarefa de navegar e utilizar sites muito difícil, principalmente para os usuários de leitores de tela, que podem não perceber que o cursor não está seguindo a ordem correta.
Especifique uma ordem de tabulação entre os elementos com
o atributo HTML "tabindex".
Esta é a tag HTML necessária para especificar a ordem de
tabulação.
Ver as técnicas da WAI
recomendadas para especificar uma
ordem lógica de tabulação.
Teste a ordem de tabulação com o teclado. Abra uma página da internet e pressione a tecla TAB. Cada vez que você pressiona a tecla, você verá que o cursor se movimenta e destaca um link, ou um elemento de controle. Acompanhe o movimento do cursor e assegure-se de que corresponde à estrutura lógica da página. É importante, também, testar formulários, bem como páginas de conteúdo.
(WAI Checkpoint 9.5).Texto completo da WAI: "Forneça atalhos de teclado para links importantes (inclusive aqueles em mapas de imagens do cliente), controles de formulários e grupos de controles de formulários."
Atalhos de teclado são combinações de teclas no teclado que podem ativar uma função ou um link. Deve-se fornecer atalhos de teclado nos links para as seções principais ou para interagir com os principais recursos funcionais de um site.
Isto também se aplica a links embutidos em mapas de imagens. Mapas de imagens são imagens constituídas de muitas partes, cada qual sendo um botão gráfico ou link.
Os atalhos de teclado aumentam a eficiência da interface para todos. Economizam tempo e esforço para usuários que trabalham num ambiente complexo, e são também muito úteis para usuários de leitores de telas, que confiam no teclado como sua principal ferramenta de acesso.
"Teclas de atalho são muito importantes. São vitais para
navegar e precisam ser memorizadas por usuários cegos. No
início, isso requer muito esforço e memória,
mas depois de algum tempo, a pessoa se acostuma a utilizá-las
e até chega a ser mais rápida do que alguém que tem que olhar
para a tela e movimentar um mouse nela."
- usuário cego.
Pessoas idosas e usuários com artrite ou destreza limitada também acham os atalhos de teclado muito úteis, pois são, muitas vezes, mais fáceis de usar do que o mouse.
e
uso de accesskey para criar atalhos de
controles de formulários.
Compare as combinações de atalho com as ações descritas. Faça uma lista dos atalhos de teclado fornecidos num site, e teste cada um dos atalhos para garantir que desempenha a ação descrita na lista.
(WAI Checkpoint 10.5).Texto completo da WAI: "Até os navegadores (inclusive tecnologias assistivas) conseguirem traduzir links adjacentes distintamente, inclua caracteres imprimíveis que não sejam links, rodeados por espaços, entre links adjacentes."
Navegador é um software para acessar conteúdo na internet. Eles podem ser navegadores gráficos, navegadores de texto, navegadores de voz, telefones móveis, players multimídia, plug-ins, e algumas tecnologias assistivas a softwares utilizadas em conjunto com navegadores, tais como leitores de tela, ampliadores de tela, e software de reconhecimento de voz.
Nem todos os navegadores conseguem diferenciar os links que aparecem ao lado um do outro, a menos que sejam separados por um caractere de texto que não é parte do link. Assim, os caracteres de texto que não sejam partes de link devem separar os hiperlinks.
Os navegadores mais antigos, principalmente leitores de tela, não diferenciam entre hiperlinks quando os links estão listados lado a lado. Alguns projetistas tentam superar isso colocando uma imagem "invisível" entre os links, mas isto não funciona de forma confiável.
Considere esta lista como representando 4 tipos de hiperlinks diferentes, exibidos numa linha horizontal: "Principal Sobre Nós Contate Nos Procura no Site". Um leitor de tela mais antigo leria isto como um hiperlink chamado "HomeSobreNosContateNosProcuraSite" e tentaria ler esse título em voz alta. Soaria sem sentido, tornando a navegação impossível.
Insira um caracter de texto entre listas de links. Podem ser utilizados caracteres de texto como "|", [ e ], uma vírgula ou o caracter de espaço " " para separar links adjacentes.
Não há métodos de teste específicos recomendados para esta diretriz.
(WAI Checkpoint 13.5).Texto completo da WAI: "Forneça barras de navegação para destacar e dar acesso ao mecanismo de navegação."
Apresente uma lista coerentemente disponível de links para as principais partes do site.
Fornecer uma barra de navegação sempre disponível torna a navegação pelo site mais fácil por permitir a movimentação entre as seções principais, sem ter que ficar continuamente retornando à página principal.
Não há métodos de teste específicos recomendados para esta diretriz.
(WAI Checkpoint 13.7).Texto completo da WAI: "Se houver funções de busca, habilite diferentes tipos de busca para diferentes níveis de habilidade e preferências."
A função de busca é usada para localizar e recuperar informação dentro de um site. Ofereça aos usuários a possibilidade de fazerem buscas no site utilizando o método mais adequado às suas necessidades.
Os usuários podem fazer a busca no site navegando através do conteúdo, títulos, lista de links, mapas do site, tabelas de conteúdo, ou utilizando mecanismos automáticos que verificam palavras-chave ou conteúdos em um banco de dados.
Os usuários fazem buscas de diversas maneiras nos sites e um mecanismo de busca bem projetado pode aumentar muito a eficiência na obtenção de informação, até mesmo em um site bem pequeno.
De vez em quando os usuários cometem erros de ortografia. É importante oferecer ferramentas que tenham uma certa tolerância a erros em formulários automatizados de busca, principalmente para aqueles que não estão familiarizados com a linguagem do site, com terminologia especializada ou para usuários com dificuldades de leitura.
Também é muito útil oferecer aos usuários diversas formas de navegar no site para fazerem a busca. Alguns usuários preferem navegar usando busca por palavras-chave, pois acham que os resultados são mais precisos, ou porque querem uma opção "reserva" quando a palavra-chave que imaginavam não corresponde necessariamente àquela usada no esquema do site.
Não existem métodos específicos de teste recomendados para esta diretriz.
(WAI Checkpoint 13.9).Texto completo da WAI: "Dê informações sobre coleções de documentos (ou seja, documentos formados por diversas páginas)."
"Documentos" é uma definição que inclui sites, relatórios, catálogos, manuais, ofertas, diretrizes, etc., que tenham mais de uma página. Um grupo de documentos relacionados entre si forma uma coleção de documentos.
Explique a inter-relação dos documentos dentro de uma coleção de documentos, incluindo número de páginas, número de capítulos, tabela de conteúdo, etc. Isto facilita a navegação online, offline e a leitura dos documentos.
Os usuários que se conectam à rede através de conexão residencial não gostam de ler online documentos muito longos, devido ao custo da ligação. Os usuários com dificuldades de leitura necessitam de mais tempo para ler os documentos e querem economizar na conexão, fazendo o download dos documentos para os ler offline.
Os usuários poderão navegar mais eficazmente pelos grupos de documentos se entenderem como eles foram organizados.
Não existem métodos específicos de teste recomendados para esta diretriz.
(WAI Checkpoint 13.10).Texto completo da WAI: "Dê a opção de pular a arte ASCII de múltiplas linhas."
A arte ASCII são os caracteres de texto e símbolos combinados para criar uma imagem. Os seguintes caracteres formam uma imagem ASCII de um rosto sorridente :) O exemplo é bastante simples, mas pode-se criar figuras bastante elaboradas que preenchem uma tela inteira. Permita que os usuários pulem arte ASCII que ocupar mais de uma linha na tela.
A arte ASCII é constituída de caracteres reais de texto, que quando lidos em voz alta por navegadores de áudio e leitores de tela são transformados em cacofonia porque o leitor de tela pronuncia cada caracter. Para evitar que os usuários tenham que escutar este "lixo verbal", deve-se oferecer a opção de saltar a ASCII de múltiplas linhas.
Não existem técnicas específicas recomendadas para esta diretriz.
Abra a página e procure a arte ASCII. Caso houver arte ASCII na página, verifique se ela ocupa mais de uma linha na tela. Caso afirmativo, procure o link que permite aos usuários saltar a imagem. Este link pode estar oculto, de modo que você terá que verificar o código. Caso o link não exista, crie-o.
(WAI Checkpoint 14.3).Texto completo da WAI: "Crie um estilo de apresentação uniforme para todas as páginas."
Apresente o conteúdo de modo uniforme para todo o site. Este conteúdo inclui informações, instruções e mensagens de erro mostradas em formato visual, de texto ou áudio.
O conteúdo em texto e áudio deve ser uniforme em termos de voz, estrutura, terminologia, etc. O conteúdo visual deve parecer consistente em termos de cores, ícones, proporções, etc.
A uniformidade é muito importante para os usuários do site. Os sites sem uniformidade confundem os usuários e podem induzir a erros, causar confusão e frustração.
A uniformidade torna o site mais previsível e mostra aos usuários como ele funciona, tornando cada nova visita ao site mais simples, facilitando a obtenção da informação desejada. Isso também ajuda os usuários a pularem aquelas partes já conhecidas, facilitando a conclusão das tarefas ou a obtenção das informações.
As seguintes características, quando fizerem parte relativamente constante e uniforme do site, ou de um grupo de sites inter-relacionados, ajudam a criar uniformidade:
Usuários pouco familiarizados com computadores ou com a Web, com dificuldades de aprendizado ou apressados, irão se beneficiar com mecanismos de navegação uniformes.
A uniformidade também facilita a navegação, pois é mais fácil implementar mudanças e alterações em um site criado com um estilo coerente.
Compare as diferentes páginas do site. Quando abrir cada página, compare a posição e a apresentação de cada elemento de navegação. Compare a linguagem e a nomenclatura dos links e das seções. Compare também o comportamento dos mecanismos de navegação. Se o site fizer parte de um conjunto de sites, compare todo o conjunto. Caso os usuários forem usar mais de um site do conjunto, que pode ser formado por diversos sites inter-relacionados de uma empresa ou uma coleção de sites sobre um mesmo assunto, então será preciso verificar a uniformidade do conjunto todo.
(WAI Checkpoint 10.4).Texto completo da WAI: "Até que os agentes do usuário lidem corretamente com os controles em branco, inclua texto padrão explicativo em caixas de edição e áreas de texto."
O controle faz parte de um formulário. Existem diversos tipos de controles, inclusive caixas de edição e áreas de texto, que são tipos de campos de formulários usados para inserir informações de texto, como por exemplo endereço para correspondência, telefone de contato, etc. Estes campos de formulário aparecem muitas vezes com campos em branco, mas deveriam conter algum tipo de texto auxiliar que ajudasse os usuários a entender o objetivo daquele campo do formulário. Os menus suspensos e as listas de rolagem devem incluir esta informação como primeira opção da lista. Os botões de rádio devem ter uma opção selecionada.
Um agente do usuário é um programa para acesso ao conteúdo da internet. Agentes do usuário podem ser navegadores gráficos, navegadores texto, navegadores de voz, telefones celulares, tocadores multimídia, plug-ins e alguns programas de tecnologias assistivas, usados em conjunto com navegadores, tais como leitores e ampliadores de tela, e programas de comando de voz.
Nem todos os agentes do usuário conseguem lidar com campos de formulários em branco, e até que passem a fazer isso, você deverá incluir textos padrão.
Alguns agentes do usuário não reconhecem controles de formulários em branco e os ignoram. Isto confunde os usuários e impede o preenchimento dos formulários. O leitor de tela provavelmente daria mensagem de erro se eles tentassem enviar o conteúdo deste tipo de formulário.
Os aparelhos móveis, como os celulares, talvez também não consigam lidar com estes campos de formulário em branco.
Utilize o HTML correto para inserir textos padrão em áreas de
texto.
Veja as técnicas recomendadas pela WAI para
atribuir textos padrão nas
caixas de edição e nas áreas de texto.
Veja também as
recomendações CAST para codificar as caixas de
edição, áreas de texto, listas
de seleção suspensas e os botões de rádio.
Verifique os formulários para ver se há campos em branco. Abra qualquer página com formulário e localize campos em branco, botões de rádio não selecionados e menus suspensos que não tenham uma opção padrão.
(WAI Checkpoint 11.3).Texto completo da WAI: "Forneça informações de modo que os usuários possam receber os documentos de acordo com suas preferências (p.ex., linguagem, conteúdo, etc.)."
Permita que os usuários escolham o formato de apresentação mais adequado para eles, explicando as opções disponíveis e permitindo que façam sua escolha. Isto significa poder escolher a linguagem na qual o conteúdo será entregue, os formatos (texto ou imagens com texto) ou outras opções.
Uma boa estratégia é permitir que os usuários escolham entre diversas opções de interface, desde que a gama de opções e seu significado seja explicado de forma bem clara e explícita.
Os usuários que quiserem baixar arquivos, tais como documentos, programas executáveis ou arquivos de mídia, irão querer escolher versões compatíveis com seus sistemas. Eles relutam muito em baixar arquivos, principalmente aqueles muito grandes, se não estiverem seguros que poderão abri-los ou utilizá-los.
Aqueles usuários que utilizam um idioma diferente daquele do site irão querer outras opções de idioma, ao passo que aqueles cujos computadores tenham tecnologia mais antiga, navegadores somente de texto ou leitores de tela talvez prefiram usar páginas adaptadas para estes agentes do usuário.
Não existem métodos específicos de teste recomendados para esta diretriz.
Disponibilizado em: 04/04/2008.
Barra horizontal inferior.
Acessibilidade Legal - www.acessibilidadelegal.com
455
