Tcnicas para As Wcag 2

Tcnicas para as WCAG 2.
Tcnicas Gerais para as WCAG 2.0

Esta pgina Web lista as Tcnicas Gerais de Tcnicas para as WCAG 2.0: Tcnicas e Falhas para as Directrizes de Acessibilidade para o Contedo da Web 2.0. Para informao sobre as tcnicas, consulte Introduo s Tcnicas para as WCAG 2.0. Para uma lista das tcnicas utilizadas em outras tecnologias, consulte o ndice.
ndice

G1: Adicionar um link no topo de cada pgina para aceder directamente rea do contedo principal. G4: Permitir que o contedo seja colocado em pausa e reiniciado a partir do preciso momento em que foi colocado em pausa. G5: Permitir que os utilizadores executem uma actividade sem qualquer limite de tempo. G8: Fornecer um filme com udio-descries alargadas. G9: Criar legendas para multimdia sincronizada em directo. G10: Criar componentes utilizando uma tecnologia que suporte as funcionalidades API de acessibilidade das plataformas, nas quais os agentes de utilizador sero executados para revelar os nomes e as funes, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas e fornecer notificaes de alteraes. G11: Criar contedo que fica em modo intermitente durante menos de 5 segundos. G13: Descrever o que vai acontecer antes de ser efectuada uma alterao num controlo de formulrio que provoca uma alterao de contexto. G14: Garantir que as informaes transmitidas atravs de cores diferentes esto tambm disponveis em texto. G15: Utilizar uma ferramenta para garantir que o contedo no viola o limite de flash universal ou o limite de flash vermelho. G17: Garantir uma relao de contraste de, no mnimo, 7:1 entre o texto (e imagens de texto) e o fundo por detrs do texto. G18: Garantir uma relao de contraste de, no mnimo, 4.5:1 entre o texto (e imagens de texto) e o fundo por detrs do texto. G19: Garantir que nenhum componente do contedo tenha mais de trs flashes no perodo de um segundo. G21: Garantir que os utilizadores no ficam bloqueados no contedo. G53: Identificar a finalidade de um link utilizando o texto do link em conjunto com o texto da respectiva frase. G54: Incluir um intrprete de lngua gestual na sequncia de vdeo. G55: Aceder s definies atravs de um link. G56: Misturar ficheiros de udio para que os sons que no sejam de fala sejam, no mnimo, 20 decibis mais baixos do que o contedo de udio de fala. G57: Ordenar o contedo numa sequncia com significao. G58: Colocar um link para a alternativa para multimdia baseada no tempo junto ao contedo no textual. G59: Colocar os elementos interactivos numa ordem que siga as sequncias e relaes existentes no contedo. G60: Tocar um som que desliga automaticamente em menos de trs segundos. G61: Apresentar componentes repetidos pela mesma ordem relativa sempre que so apresentados. G62: Fornecer um glossrio. G63: Fornecer um mapa do stio da Web. G64: Fornecer um ndice.
G65: Fornecer um trilho de navegao. G68: Fornecer uma etiqueta descritiva que descreva a finalidade do contedo composto por apenas udio em directo e por apenas vdeo em directo. G69: Fornecer uma alternativa para multimdia baseada no tempo. G70: Fornecer uma funo para procurar um dicionrio online. G71: Fornecer um link de ajuda em todas as pginas Web. G73: Fornecer uma descrio extensa noutra localizao com um link para a mesma junto ao contedo no textual. G74: Fornecer uma descrio extensa no texto junto ao contedo no textual, com uma referncia localizao da descrio extensa na descrio abreviada. G75: Fornecer um mecanismo para adiar qualquer actualizao do contedo. G76: Fornecer um mecanismo para solicitar uma actualizao do contedo, em vez de actualizar automaticamente. G78: Fornecer uma segunda faixa de udio, seleccionvel pelo utilizador, que inclua udio-descries. G79: Fornecer uma verso falada do texto. G80: Fornecer um boto Submeter para iniciar uma alterao de contexto. G81: Fornecer um vdeo sincronizado do intrprete de lngua gestual que possa ser visualizado numa janela diferente ou sobreposto na imagem pelo leitor multimdia. G82: Fornecer uma alternativa em texto que identifique a finalidade do contedo no textual. G83: Fornecer descries em texto para identificar os campos obrigatrios. G84: Fornecer uma descrio em texto quando o utilizador fornecer informao que no se enquadre na lista de valores permitidos. G85: Fornecer uma descrio em texto quando a entrada de dados por parte do utilizador no se enquadre no formato ou valores obrigatrios. G86: Fornecer um resumo de texto que necessite de uma capacidade de leitura menos avanada do que o ensino secundrio. G87: Fornecer legendas ocultas. G88: Fornecer ttulos descritivos para pginas Web. G89: Fornecer o exemplo e o formato de dados esperados. G90: Fornecer processadores de eventos accionados por teclado. G91: Fornecer texto de link que descreva a finalidade de um link. G92: Fornecer uma descrio extensa para contedo no textual que sirva a mesma finalidade e apresente as mesmas informaes. G93: Fornecer legendas abertas (sempre visveis). G94: Fornecer a alternativa em texto abreviado para contedo no textual que serve a mesma finalidade e apresenta as mesmas informaes do contedo no textual. G95: Fornecer alternativas em texto abreviado que fornecem uma breve descrio do contedo no textual. G96: Fornecer identificao textual de itens que dependem apenas de informao sensorial para serem compreendidos. G97: Fornecer a abreviatura imediatamente a seguir definio por extenso. G98: Fornecer a possibilidade de o utilizador rever e corrigir as respostas antes de as submeter. G99: Fornecer a possibilidade de recuperar a informao eliminada. G100: Fornecer o nome aceite ou um nome descritivo do contedo no textual. G101: Fornecer a definio de uma palavra ou frase utilizadas de uma forma invulgar ou restrita. G102: Fornecer a definio por extenso ou explicao de uma abreviatura. G103: Fornecer ilustraes visuais, imagens e smbolos para ajudar a explicar ideias, eventos e processos. G105: Guardar dados para poderem ser utilizados depois de um utilizador efectuar uma nova autenticao. G107: Utilizar "activar" em vez de "focar" como um accionador para as alteraes de contexto. G108: Utilizar funcionalidades de marcao para revelar o nome e a funo, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas e fornecer notificaes de alteraes. G110: Utilizar um redireccionamento imediato do lado do cliente.
G111: Utilizar cores e padres. G112: Utilizar definies em linha. G115: Utilizar elementos semantic para marcar a estrutura. G117: Utilizar texto para transmitir informaes que so transmitidas atravs de variaes na apresentao do texto. G120: Fornecer a pronncia imediatamente a seguir palavra. G121: Aceder s pronncias atravs de um link. G122: Incluir um sinal de aviso de texto sempre que forem utilizados sinais de aviso a cores. G123: Adicionar um link no incio de um bloco de contedo repetido para aceder directamente ao fim do bloco. G124: Adicionar links no topo da pgina para cada rea do contedo. G125: Fornecer links para navegar para pginas Web relacionadas. G126: Fornecer uma lista de links para todas as outras pginas Web. G127: Identificar a relao de uma pgina Web com um conjunto maior de pginas Web. G128: Indicar a localizao actual nas barras de navegao. G130: Fornecer cabealhos descritivos. G131: Fornecer etiquetas descritivas. G133: Fornecer uma caixa de verificao na primeira pgina de um formulrio de vrias partes, que permite aos utilizadores solicitar um limite de tempo de sesso maior ou nenhum limite de tempo de sesso. G134: Validar pginas Web. G135: Utilizar as funcionalidades API de acessibilidade de uma tecnologia para revelar os nomes e as funes, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas e fornecer notificaes de alteraes. G136: Fornecer um link no incio de uma pgina Web que no esteja em conformidade que aponte para uma verso alternativa em conformidade. G138: Utilizar a marcao semntica sempre que forem utilizados sinais de aviso a cores. G139: Criar um mecanismo que permita aos utilizadores passarem directamente para os erros. G140: Separar a informao e a estrutura da apresentao para permitir diferentes apresentaes. G141: Organizar uma pgina utilizando cabealhos. G142: Utilizar uma tecnologia que disponha de agentes de utilizador normalmente disponveis que suportem zoom (ampliar/reduzir). G143: Fornecer uma alternativa em texto que descreva a finalidade do CAPTCHA. G144: Garantir que a Pgina Web inclua outro CAPTCHA que sirva a mesma finalidade utilizando uma modalidade diferente. G145: Garantir uma relao de contraste de, no mnimo, 3:1 entre o texto (e imagens de texto) e o fundo por detrs do texto. G146: Utilizar disposies lquidas. G148: No especificar a cor de fundo, no especificar a cor do texto, e no utilizar funcionalidades de tecnologia que alterem essas predefinies. G149: Utilizar componentes de interface de utilizador que so realados pelo agente de utilizador quando recebem o foco. G150: Fornecer alternativas baseadas em texto para contedo composto por apenas udio em directo. G151: Fornecer um link para uma transcrio de texto de um comunicado ou script preparados se o script for seguido. G152: Definir imagens gif animadas para deixar de estar em modo intermitente aps n ciclos (em menos de 5 segundos). G153: Tornar o texto mais fcil de ler. G155: Fornecer uma caixa de verificao para alm de um boto "Submeter". G156: Utilizar uma tecnologia que disponha de agentes de utilizador normalmente disponveis que possam alterar o primeiro plano e o fundo dos blocos de texto. G157: Incorporar um servio de legendagem de udio numa pgina Web. G158: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas udio.
G159: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas vdeo. G160: Fornecer verses em lngua gestual das informaes, ideias e processos que tm de ser compreendidos para utilizar o contedo. G161: Fornecer uma funo de procura para ajudar os utilizadores a encontrar o contedo. G162: Colocar etiquetas para aumentar a previsibilidade das relaes. G163: Utilizar sinais diacrticos normais que podem ser desactivados. G164: Fornecer um perodo de tempo determinado aps a submisso do formulrio quando a encomenda puder ser actualizada ou cancelada pelo utilizador. G165: Utilizar o indicador de foco predefinido para a plataforma para que os indicadores de foco predefinidos de alta visibilidade se mantenham. G166: Fornecer udio que descreva o contedo importante do vdeo e o descreva como tal. G167: Utilizar um boto contguo para definir a finalidade de um campo. G168: Solicitar a confirmao para prosseguir com a aco seleccionada. G169: Alinhar o texto apenas a um lado. G170: Fornecer um controlo junto do incio da pgina Web que desligue os sons que tocam automaticamente. G171: Tocar sons apenas a pedido do utilizador. G172: Fornecer um mecanismo para remover toda a justificao do texto. G173: Fornecer uma verso de um filme com udio-descries. G174: Fornecer um controlo com uma relao de contraste suficiente que permita aos utilizadores mudar para uma apresentao que utilize contraste suficiente. G175: Fornecer uma ferramenta de seleco de vrias cores na pgina para cores de primeiro plano e de plano de fundo. G176: Manter a rea de flashes suficientemente pequena. G177: Fornecer texto de correco sugerido G178: Fornecer controlos na pgina Web que permitam aos utilizadores alterar gradualmente o tamanho de todo o texto numa pgina at 200%. G179: Garantir que no existe perda de contedo nem de funcionalidade quando o texto redimensionado e que as caixas de texto no sejam redimensionadas. G180: Fornecer um meio ao utilizador para definir o limite de tempo para 10 vezes superior ao limite de tempo predefinido. G181: Codificar dados de utilizador como dados ocultos ou encriptados numa pgina de nova autorizao. G182: Garantir que esto disponveis sinais de aviso visuais adicionais quando forem utilizadas cores de texto diferentes para transmitir informaes. G183: Utilizar uma relao de contraste de 3:1 com o texto circundante e fornecer sinais de aviso visuais adicionais no foco para links ou controlos identificados apenas por cor. G184: Fornecer instrues em texto no incio de um formulrio ou conjunto de campos que descrevem a entrada de dados necessria. G185: Aceder, atravs de um link, a todas as outras pginas do stio da Web a partir da pgina inicial. G186: Utilizar um controlo na pgina Web que pra o contedo em movimento, em modo intermitente ou em actualizao automtica. G187: Utilizar uma tecnologia para incluir contedo em modo intermitente que possa ser desactivado atravs do agente de utilizador. G188: Fornecer um boto na pgina para aumentar o espaamento entre linhas e entre pargrafos. G189: Fornecer um controlo junto do incio da pgina Web que altere o texto do link. G190: Fornecer um link adjacente ou associado a um objecto que no esteja em conformidade para aceder a uma verso alternativa em conformidade. G191: Fornecer um link, um boto ou outro mecanismo que recarregue a pgina sem qualquer contedo em modo intermitente. G192: Estar em conformidade total com as especificaes G193: Fornecer ajuda por intermdio de um assistente na pgina Web. G194: Fornecer a verificao ortogrfica e sugestes para entrada de texto. G195: Utilizar um indicador de foco de alta visibilidade fornecido pelo autor.
G196: Utilizar uma alternativa em texto num item de um grupo de imagens que descreva todos os itens do grupo. G197: Utilizar etiquetas, nomes e alternativas em texto de forma consistente para contedo que tenha a mesma funcionalidade. G198: Fornecer uma forma para o utilizador desactivar o limite de tempo. G199: Fornecer uma resposta positiva quando os dados forem submetidos com xito.
G1: Adicionar um link no topo de cada pgina para aceder directamente rea do contedo principal
Aplicabilidade
Todas as tecnologias que incluam links. Esta tcnica est relacionada com:
Critrio de Sucesso 2.4.1 (Saltar Blocos) o Como Cumprir o 2.4.1 (Saltar Blocos) o Noes sobre o Critrio de Sucesso 2.4.1 (Saltar Blocos)
Descrio
O objectivo desta tcnica fornecer um mecanismo para saltar blocos de contedo que se repetem em vrias pginas Web, passando directamente para o contedo principal de uma pgina Web. O primeiro item interactivo na pgina Web um link para aceder ao incio do contedo principal. Activar o link desloca o foco para o contedo principal. Esta tcnica particularmente til quando uma pgina Web tem uma rea de contedo principal, em vez de um conjunto de reas de contedo de igual importncia. Nota: Os links visveis so necessrios para aqueles que navegam com um teclado, incluindo utilizadores de manpulos, os que usam tcnicas que geram digitaes de teclado lentas, os utilizadores de software de ampliao de ecr, os utilizadores de leitores de ecr que trabalham com colegas sem problemas de viso, os utilizadores que usam apenas teclado e os que navegam utilizando software de reconhecimento de voz.
Exemplos
Exemplo 1: Um jornal online Um jornal online contm muitas seces de informao: uma funo de procura, uma faixa empresarial, menus laterais, histrias de importncia secundria, como contactar o jornal, etc. A notcia principal localiza-se no centro da pgina. O primeiro link ao qual o utilizador acede quando utiliza a tecla de tabulao para percorrer a pgina tem o ttulo "Passar para a Notcia Principal". Activar o link desloca o foco visual para a notcia. Pressionar de novo a tecla de tabulao encaminha o utilizador para o primeiro link na notcia principal. Exemplo 2: Um link para "Passar para o contedo principal" Uma pgina Web inclui uma variedade de tcnicas de navegao em cada pgina: um breadcrumb (trilho) de navegao, uma ferramenta de procura, um mapa do stio da Web e uma lista de recursos relacionados. O primeiro link na pgina tem o ttulo "Passar para o Contedo Principal". O utilizador activa o link para ignorar as ferramentas de navegao.
Recursos
Os recursos so indicados apenas a ttulo informativo, no implica que tenham sido aprovados
Links "Ignorar Navegao" (pgina em ingls)
Tcnicas Relacionadas

G123: Adicionar um link no incio de um bloco de contedo repetido para aceder directamente ao fim do bloco G124: Adicionar links no topo da pgina para cada rea do contedo
Testes
Procedimento 1. Verifique se o link o primeiro controlo que recebe o foco na pgina Web. 2. Verifique se a descrio do link informa que acede ao contedo principal. 3. Verifique se o link est sempre visvel ou se fica visvel quando recebe o foco do teclado. 4. Verifique se activar o link desloca o foco para o contedo principal. 5. Verifique se, aps activar o link, o foco do teclado se desloca para o contedo principal. Resultados Esperados Todas as verificaes acima so verdadeiras.
G4: Permitir que o contedo seja colocado em pausa e reiniciado a partir do preciso momento em que foi colocado em pausa
Aplicabilidade
Qualquer tecnologia que inclua contedo em deslocamento ou movimento. Esta tcnica est relacionada com:
Critrio de Sucesso 2.2.2 (Colocar em Pausa, Parar, Ocultar) o Como Cumprir o 2.2.2 (Colocar em Pausa, Parar, Ocultar) o Noes sobre o Critrio de Sucesso 2.2.2 (Colocar em Pausa, Parar, Ocultar)
Descrio
O objectivo desta tcnica fornecer uma forma para colocar em pausa o deslocamento ou movimento do contedo. Se o utilizador necessitar de colocar o movimento em pausa, reduzir a distraco ou de tempo para o ler, pode faz-lo e, em seguida, reinici-lo conforme necessrio. Este mecanismo pode ser fornecido atravs de controlos interactivos que esto em conformidade com as WCAG, ou atravs de atalhos de teclado. Se os atalhos de teclado forem utilizados, estaro documentados.
Exemplos
Um stio da Web inclui uma faixa de notcias em deslocamento no topo da pgina. Os utilizadores
que necessitam de mais tempo para a ler podem pressionar a tecla Escape para colocar o deslocamento em pausa e reinici-lo pressionando a tecla Escape de novo.
Uma pgina Web contm um link com o ttulo "Como apertar um sapato" que acede a uma
animao Flash. O texto que precede o link informa que pressionar a barra de espaos coloca a animao em pausa e reinicia-a de novo.

G75: Fornecer um mecanismo para adiar qualquer actualizao do contedo G76: Fornecer um mecanismo para solicitar uma actualizao do contedo, em vez de actualizar automaticamente G186: Utilizar um controlo na pgina Web que pra o contedo em movimento, em modo intermitente ou em actualizao automtica SCR33: Utilizar o script para deslocar o contedo e fornecer um mecanismo para coloc-lo em pausa
Testes
Procedimento Numa pgina com contedo em movimento ou deslocamento, 1. Utilize o mecanismo fornecido na pgina Web ou pelo agente de utilizador para colocar em pausa o contedo em movimento ou deslocamento. 2. Verifique se o movimento ou deslocamento parou e no reinicia por si prprio. 3. Utilize o mecanismo fornecido para reiniciar o contedo em movimento. 4. Verifique se o movimento ou deslocamento reiniciou a partir do momento em que foi parado. Resultados Esperados As verificaes 2 e 4 so verdadeiras.
G5: Permitir que os utilizadores executem uma actividade sem qualquer limite de tempo
Aplicabilidade
Esta tcnica aplica-se a quaisquer tecnologias ou mtodos que suportem a implementao de uma actividade que no requer interaco temporizada para a sua funcionalidade. Esta tcnica est relacionada com:
Critrio de Sucesso 2.2.3 (Sem Temporizao) o Como Cumprir o 2.2.3 (Sem Temporizao) o Noes sobre o Critrio de Sucesso 2.2.3 (Sem Temporizao)
Descrio
O objectivo desta tcnica fornecer aos utilizadores todo o tempo que necessitam para completar uma actividade. Esta tcnica implica o fornecimento de uma actividade especfica que no necessite de interaco temporizada. Os utilizadores dispem de todo o tempo que necessitam para interagir com a actividade.
Exemplos
Um exame interactivo para um curso fornece todas as perguntas numa pgina Web. Os utilizadores
podem despender do tempo que necessitam para o completar.

Num jogo interactivo, os utilizadores podem despender do tempo que quiserem na sua vez de
jogar, em vez de completarem a jogada num perodo de tempo limitado.

Num leilo online, cada licitante pode submeter apenas uma licitao, em vez de submeter vrias
licitaes competitivas com base na temporizao. As licitaes esto abertas durante um dia, fornecendo tempo suficiente para uma pessoa preencher o formulrio de licitao simples. Uma vez encerrada a licitao, ganha a melhor oferta.
Recursos
Servios da Web Orientados para o Recurso vs. orientados para a Actividade (pgina em ingls) O Top Ten dos Erros de Web Design em 2005 (pgina em ingls)

G75: Fornecer um mecanismo para adiar qualquer actualizao do contedo G76: Fornecer um mecanismo para solicitar uma actualizao do contedo, em vez de actualizar automaticamente G80: Fornecer um boto Submeter para iniciar uma alterao de contexto G198: Fornecer uma forma para o utilizador desactivar o limite de tempo
Testes
Procedimento 1. Verifique se existem quaisquer interaces temporizadas. Resultados Esperados A verificao 1 falsa.
G8: Fornecer um filme com udio-descries alargadas

Aplicabilidade
Qualquer tecnologia que suporte udio e vdeo. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Prgravada)) Critrio de Sucesso 1.2.5 (udio-Descrio (Pr-gravada)) o Como Cumprir o 1.2.5 (udio-Descrio (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.5 (udio-Descrio (Pr-gravada)) Critrio de Sucesso 1.2.7 (udio-Descrio Alargada (Pr-gravada)) o Como Cumprir o 1.2.7 (udio-Descrio Alargada (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.7 (udio-Descrio Alargada (Pr-gravada))
Descrio
O objectivo desta tcnica fornecer uma segunda verso do contedo do vdeo que fornea udiodescries alargadas. Uma das dificuldades na criao de udio-descries tradicionais que, por vezes, o narrador tem de fornecer muita informao durante pausas muito curtas no dilogo. A udio-descrio alargada coloca o udio e o vdeo temporariamente em pausa, permitindo a apresentao de informao importante quando as pausas no dilogo so insuficientes para uma descrio adequada. Fornecer uma segunda verso do vdeo com udio-descries alargadas torna este contedo acessvel a pessoas cegas que necessitam de ouvir no apenas o dilogo mas tambm o contexto e outros aspectos do vdeo, que no so transmitidos unicamente pelo dilogo das personagens, e para as quais no existe tempo suficiente durante o dilogo normal. Uma vez que interrompe a visualizao para aqueles que no necessitam da descrio adicional, so muitas vezes fornecidas tcnicas que permitem activar e desactivar esta funcionalidade. Em alternativa, podem ser fornecidas verses que incluam ou no a descrio adicional.
Exemplos
Exemplo 1 Numa verso alternativa de um vdeo online de uma famlia a fugir de um prdio em chamas, existe um dilogo contnuo entre o marido e a mulher, que discutem o paradeiro das crianas. Entretanto, em plano de fundo, uma parede cede, o que constitui informao importante na histria, visto que ir bloquear a fuga por aquele lado do edifcio. A faixa de vdeo pra (a mesma frame repetida) enquanto o narrador fornece os detalhes sobre a parede a cair e, em seguida, o vdeo prossegue. Exemplo 2 Um vdeo de formao inclui uma narrativa ao longo do vdeo, de forma quase contnua. Est disponvel uma verso alternativa para as pessoas que tm dificuldade em visualizar essa parte do vdeo. A verso alternativa fixa o vdeo e fornece a udio-descrio da informao-chave.
Recursos
Modelos SMIL Acessveis (pgina em ingls) udio-Descrio Alargada (pgina em ingls)

G78: Fornecer uma segunda faixa de udio, seleccionvel pelo utilizador, que inclua udio-descries G69: Fornecer uma alternativa para multimdia baseada no tempo G173: Fornecer uma verso de um filme com udio-descries SM1: Adicionar uma udio-descrio alargada em SMIL 1.0 SM2: Adicionar uma udio-descrio alargada em SMIL 2.0 SM6: Fornecer uma udio-descrio em SMIL 1.0 SM7: Fornecer uma udio-descrio em SMIL 2.0
Testes
Procedimento 1. Abra a verso do filme que inclui as udio-descries alargadas.
2. Verifique se o vdeo pra para a udio-descrio alargada quando no existir espao suficiente para incluir a narrao necessria no decurso do dilogo normal. 3. Verifique se a udio-descrio inclui a informao necessria. 4. Se as verses alternativas estiverem numa pgina separada, verifique se existem links disponveis para permitir ao utilizador aceder s outras verses. Resultados Esperados As verificaes 2, 3 e 4 so verdadeiras.
G9: Criar legendas para multimdia sincronizada em directo

Aplicabilidade
Aplica-se a todas as tecnologias que apresentem informao audiovisual. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.4 (Legendas (Em Directo)) o Como Cumprir o 1.2.4 (Legendas (Em Directo)) o Noes sobre o Critrio de Sucesso 1.2.4 (Legendas (Em Directo))
Descrio
O objectivo desta tcnica permitir que os utilizadores que no conseguem ouvir possam aceder s transmisses multimdia sincronizada em tempo real. mais difcil criar legendas em tempo real exactas, uma vez que existe pouco tempo para corrigir os erros, ouvir uma segunda vez ou consultar algum para se ter a certeza de que as palavras so reproduzidas correctamente. tambm mais difcil simplificar ou parafrasear informao se esta fluir muito rapidamente. Esto disponveis tcnicas de entrada de dados por digitao de texto em tempo real, utilizando tecnologias de digitao rpida e de estenografia. A reproduo de fala para texto (em que a pessoa ouve e, em seguida, reproduz a fala cuidadosamente para um computador programado para a sua fala) utilizada actualmente para servios de transmisso telefnicos, podendo ser utilizada no futuro para legendagem. No futuro, ser possvel a fala para texto com correces.
Exemplos
Exemplo 1: Um estdio de televiso utiliza o servio de legendagem em tempo real para criar
legendas para os seus servios de notcias online.
Recursos
CaptionCaster (pgina em ingls)

G87: Fornecer legendas ocultas G93: Fornecer legendas abertas (sempre visveis) G157: Incorporar um servio de legendagem de udio numa pgina Web
Testes
Procedimento 1. Verifique se existe o procedimento e a poltica para garantir que as legendas so apresentadas em tempo real. Resultados Esperados A verificao 1 verdadeira.
G10: Criar componentes utilizando uma tecnologia que suporte as funcionalidades API de acessibilidade das plataformas, nas quais os agentes de utilizador sero executados para revelar os nomes e as funes, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas pelo utilizador e fornecer notificaes de alteraes
Aplicabilidade
Tecnologias de programao que incluam componentes normais programados para funcionar em interface com as APIs de acessibilidade. Esta tcnica est relacionada com:
Critrio de Sucesso 4.1.2 (Nome, Funo, Valor) o Como Cumprir o 4.1.2 (Nome, Funo, Valor) o Noes sobre o Critrio de Sucesso 4.1.2 (Nome, Funo, Valor)
Descrio
O objectivo desta tcnica permitir que as tecnologias de apoio compreendam o contedo da Web, para que possam transmitir ao utilizador a informao equivalente atravs de uma interface de utilizador alternativa. Por vezes, o contedo no criado utilizando linguagem de marcao, mas uma linguagem de programao ou ferramentas. Em muitos casos, estas tecnologias incluem componentes da interface que j esto programados para funcionarem em interface com as APIs de acessibilidade. Se o autor utilizar estes componentes e preencher as propriedades (por ex., nome, etc.), os componentes da interface de utilizador resultantes no contedo ficaro acessveis tecnologia de apoio. Contudo, se um autor pretender criar um componente da interface de utilizador inovador e no puder utilizar componentes normais, nesse caso, tem de acrescentar as normas de acessibilidade e implement-las de uma forma que seja compatvel com a API de acessibilidade. Depois de concludo, o componente personalizado deve ser testado quanto ao Suporte por Acessibilidade.
Exemplos
Uma pgina Web utiliza java para criar uma applet. Um grupo de autores pretende criar um
componente de interface totalmente inovador e por isso no podem utilizar os objectos Java existentes. Utilizam classes de Java Swing para criar o respectivo componente, visto que as
classes que compem o Java Swing j dispem de normas para ligao s diferentes APIs de acessibilidade. Ao utilizarem as classes de Java Swing, os autores podem criar um componente de interface que revele o seu nome e a sua funo, possa ser definido pela TA e fornea notificaes de quaisquer actualizaes. Uma pgina Web utiliza um controlo ActiveX de origem, escrito em linguagem de programao C++. O controlo concebido para suportar, de forma explcita, a API da Microsoft Active Accessibility (MSAA), para revelar a informao sobre os comandos aceites. O controlo interage directamente com a tecnologia de apoio executando o agente de utilizador em sistemas que suportem a MSAA.
H91: Utilizar links e controlos de formulrio em HTML
Testes
Procedimento 1. Apresente o contedo utilizando um Agente de Utilizador acessvel. 2. Utilize uma Ferramenta de Acessibilidade criada para a API de Acessibilidade do Agente de Utilizador, para avaliar cada componente da interface de utilizador. 3. Verifique se o nome e a funo para cada componente da interface de utilizador so detectados pela ferramenta. 4. Altere os valores no componente. 5. Verifique se a ferramenta de Acessibilidade notificada. 6. Verifique se o componente funciona com as tecnologias de apoio. Resultados Esperados As verificaes 3, 5 e 6 so verdadeiras para cada componente da interface de utilizador.
G11: Criar contedo que fica em modo intermitente durante menos de 5 segundos
Aplicabilidade
Tecnologias que suportem contedo em modo intermitente. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica minimizar a distraco provocada pelo contedo em modo intermitente e permitir que os utilizadores foquem de novo o outro contedo na pgina. O contedo em modo intermitente pode ser criado utilizando vrias tecnologias, muitas das quais incluem opes para ignorar sempre o contedo em modo intermitente, ou ento especificar o perodo de tempo durante o qual o contedo em modo intermitente visualizado. Limitar o contedo em modo intermitente para cinco segundos minimiza a distraco que este possa causar. Isto beneficia as pessoas com certos tipos de incapacidade de aprendizagem e pessoas com baixa viso.
Exemplos
Uma imagem animada utilizada para realar artigos venda. Numa lista de artigos venda,
existe uma imagem de uma etiqueta vermelha, seguida da frase " Venda" para indicar os artigos disponveis a um preo reduzido. A imagem da etiqueta vermelha est em modo intermitente quando se carrega a pgina, e pra aps cinco segundos.

G152: Definir imagens gif animadas para deixar de estar em modo intermitente aps n ciclos (em menos de 5 segundos) G186: Utilizar um controlo na pgina Web que pra o contedo em movimento, em modo intermitente ou em actualizao automtica G187: Utilizar uma tecnologia para incluir contedo em modo intermitente que possa ser desactivado atravs do agente de utilizador G191: Fornecer um link, um boto ou outro mecanismo que recarregue a pgina sem qualquer contedo em modo intermitente SCR22: Utilizar scripts para controlar o modo intermitente e par-lo em cinco segundos ou menos
Testes
Procedimento 1. Localize todos os itens em modo intermitente 2. Para cada item em modo intermitente, verifique se o intervalo entre o incio e o fim do modo intermitente menor que cinco segundos. Resultados Esperados A verificao 2 verdadeira.
G13: Descrever o que vai acontecer antes de ser efectuada uma alterao num controlo de formulrio que provoca uma alterao de contexto
Aplicabilidade
Aplica-se a todas as tecnologias. Esta tcnica est relacionada com:
Critrio de Sucesso 3.2.2 (Em Entrada) o Como Cumprir o 3.2.2 (Em Entrada) o Noes sobre o Critrio de Sucesso 3.2.2 (Em Entrada) Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues)
Descrio
O objectivo desta tcnica fornecer informao aos utilizadores sobre o que vai acontecer quando uma alterao num controlo de formulrio provoca uma alterao de contexto. Visto que a alterao do valor
de um controlo de formulrio no provoca normalmente uma alterao de contexto, importante que os autores forneam instrues para que o utilizador tenha conhecimento do comportamento com antecedncia. Sempre que possvel, aconselhvel associar, de forma programtica, as instrues que descrevem a alterao ao prprio controlo de formulrio. Em seguida, apresentamos alguns exemplos de como fornecer a instruo em situaes diferentes.
Fornea a instruo na pgina Web com uma ordem de leitura, antes do elemento da interface de
utilizador que provoca a alterao do contexto ao alterar a definio.

Para um processo com vrios passos, em que o utilizador tem de executar passos especficos para
aceder ao elemento da interface de utilizador, no qual as alteraes da definio iro provocar uma alterao de contexto, fornea a instruo como parte do processo antes do passo em que o utilizador ir encontrar a alterao de contexto. No caso de uma intranet, em que o utilizador tem de ter formao prvia obrigatria antes de utilizar uma aplicao da Web, na qual os elementos da interface de utilizador provocam alteraes de contexto quando as definies so alteradas, fornea a instruo como parte da formao.
Exemplos
Um conjunto de botes de opo no topo de uma pgina inclui opes para alemo, francs e
espanhol. As instrues precedem os botes que informam o utilizador que o idioma ser alterado ao seleccionar uma opo. Um inqurito online com 50 perguntas apresenta uma pergunta de cada vez. As instrues surgem no incio do inqurito e explicam que ao seleccionar uma resposta para cada pergunta, os utilizadores passam para a pergunta seguinte do inqurito.
Recursos
G80: Fornecer um boto Submeter para iniciar uma alterao de contexto
Testes
Procedimento Localize o contedo no qual a alterao das definies de um controlo de formulrio resulta numa alterao de contexto. Verifique se est disponvel uma explicao do que vai acontecer quando o controlo alterado, antes da activao dos controlos. Resultados Esperados A verificao 2 verdadeira.
G14: Garantir que as informaes transmitidas atravs de cores diferentes esto tambm disponveis em texto
Aplicabilidade
Todas as tecnologias que suportem cor e texto.
Esta tcnica est relacionada com:
Critrio de Sucesso 1.4.1 (Utilizao da Cor) o Como Cumprir o 1.4.1 (Utilizao da Cor) o Noes sobre o Critrio de Sucesso 1.4.1 (Utilizao da Cor)
Descrio
O objectivo desta tcnica garantir que, quando so utilizadas cores diferentes para transmitir informao, tais como campos de formulrio obrigatrios, a informao transmitida atravs de cores diferentes tambm transmitida de forma explcita em texto.
Exemplos
Exemplo 1: Um calendrio codificado por cores O calendrio de sesses numa conferncia de tecnologia est organizado em trs faixas. As sesses na Faixa 1 so apresentadas sobre um fundo azul. As sesses na Faixa 2 so apresentadas sobre um fundo amarelo. As sesses na Faixa 3 so apresentadas sobre um fundo verde. Aps o nome de cada sesso encontra-se um cdigo que identifica a faixa no texto: F1 para Faixa 1, F2 para Faixa 2 e F3 para a Faixa 3. Exemplo 2: Um calendrio codificado por cores com cones O calendrio de sesses numa conferncia de tecnologia est organizado em trs faixas. Junto ao ttulo de cada sesso encontra-se um cone a cores que identifica a que faixa corresponde: cones azuis identificam a Faixa 1, cones amarelos identificam a Faixa 2 e cones verdes identificam a Faixa 3. Cada cone est associado a uma leitura alternativa em texto com o ttulo "Faixa 1", "Faixa 2" ou "Faixa 3", conforme adequado. Exemplo 3: Um formulrio com campos obrigatrios Um formulrio inclui vrios campos obrigatrios. As etiquetas para os campos obrigatrios so apresentadas a vermelho. Alm disso, no final de cada etiqueta existe um asterisco, *. As instrues para se preencher o formulrio indicam que "todos os campos obrigatrios so apresentados a vermelho e assinalados com um asterisco *", seguido de um exemplo. Nota: Nem todos os leitores de ecr lem os asteriscos (em todos os modos de leitura) e pode ser difcil para os utilizadores com baixa viso, visto que os asteriscos so apresentados num tamanho mais pequeno do que o texto predefinido. importante que os autores incluam texto a informar que o asterisco utilizado, e considerem aumentar o tamanho do asterisco apresentado. Exemplo 4: Um formulrio com um boto Submeter verde Uma candidatura online a um emprstimo explica que os botes verdes avanam no processo e os botes vermelhos cancelam o processo. Um formulrio inclui um boto verde que contm o texto Avanar. As instrues indicam "Pressione o boto Avanar para submeter os seus resultados e prosseguir para o passo seguinte".
Recursos
No existem recursos disponveis para esta tcnica.
G122: Incluir um sinal de aviso de texto sempre que forem utilizados sinais de aviso a cores
G138: Utilizar a marcao semntica sempre que forem utilizados sinais de aviso a cores G182: Garantir que esto disponveis sinais de aviso visuais adicionais quando forem utilizadas cores de texto diferentes para transmitir informaes G183: Utilizar uma relao de contraste de 3:1 com o texto circundante e fornecer sinais de aviso visuais adicionais no foco para links ou controlos eidentificados apenas por cor
Testes
Procedimento Para cada item em que so utilizadas cores diferentes para transmitir informao. 1. Verifique se a informao transmitida est tambm disponvel em texto e se o texto no contedo limitado. Resultados Esperados A verificao 1 verdadeira.
G15: Utilizar uma ferramenta para garantir que o contedo no viola o limite de flash universal ou o limite de flash vermelho
Aplicabilidade
Aplica-se a qualquer tecnologia. Esta tcnica est relacionada com:
Critrio de Sucesso 2.3.1 (Trs Flashes ou Abaixo do Limite) o Como Cumprir o 2.3.1 (Trs Flashes ou Abaixo do Limite) o Noes sobre o Critrio de Sucesso 2.3.1 (Trs Flashes ou Abaixo do Limite)
Descrio
O objectivo de se testar se os limites de flash universal e flash vermelho so violados permitir que as pessoas que sofrem ataques epilpticos devido a fotossensibilidade visualizem stios da Web sem encontrarem contedos que possam provocar um ataque epilptico. Os avisos podem ser fornecidos, mas as pessoas podem no os ver, e as crianas podem nem conseguir l-los ou compreend-los. Com esta tcnica, todo o contedo verificado e, caso viole os limites de flash universal e flash vermelho, no includo no stio da Web ou modificado para que no viole os referidos limites. Nota 1: Existem alguns testes simples que podem ser executados para determinados tipos de modo flash simples. Por exemplo: Se o contedo tiver 3 flashes ou menos no perodo de um segundo, ento pode-se utilizar o teste simples apresentado na tcnica G19: Garantir que nenhum componente do contedo tenha mais de trs flashes no perodo de um segundo . Se o contedo tiver flashes em apenas uma rea do ecr de cada vez, e for bastante pequeno, ento pode-se utilizar o teste simples apresentado na tcnica G176: Manter a rea de flashes suficientemente pequena . Nota 2: Para os restantes tipos, necessria uma ferramenta para identificar todos os factores e aplic-los ao vdeo de forma contnua.
Exemplos
Uma animao de uma tempestade acompanhada de trovoada apresenta seis clares de
relmpagos. Os clares so de tal modo rpidos e de grandes dimenses que o limite de flash universal violado quando testado com uma ferramenta de anlise de flash. A animao modificada para criar uma pausa breve aps cada par de clares de relmpagos. Depois de as alteraes serem feitas, a animao no viola o limite de flash universal.
Recursos
Stio da Web da Harding FPA (pgina em ingls) Centro de Rastreio - Ferramenta de Anlise de Epilepsia Fotossensvel (PEAT - Photosensitive Epilepsy
Analysis Tool) (pgina em ingls)

G19: Garantir que nenhum componente do contedo tenha mais de trs flashes no perodo de um segundo G176: Manter a rea de flashes suficientemente pequena
Testes
Procedimento Verifique se o contedo no viola o limite de flash universal e/ou flash vermelho. 1. Utilize uma ferramenta para verificar se o Flash Universal e o Flash Vermelho foram excedidos. Resultados Esperados A verificao 1 verdadeira.
G17: Garantir uma relao de contraste de, no mnimo, 7:1 entre o texto (e imagens de texto) e o fundo por detrs do texto
Aplicabilidade
Qualquer tecnologia que produza sada de dados visuais. Esta tcnica est relacionada com:
Critrio de Sucesso 1.4.6 (Contraste (Melhorado)) o Como Cumprir o 1.4.6 (Contraste (Melhorado)) o Noes sobre o Critrio de Sucesso 1.4.6 (Contraste (Melhorado))
Descrio
O objectivo desta tcnica garantir que os utilizadores possam ler o texto apresentado sobre um plano de fundo. Esta tcnica excede a relao de contraste de 4.5:1 para fornecer um valor de contraste mais elevado, de forma a facilitar a leitura a pessoas com baixa viso. Se o fundo for de uma s cor (todo preto ou todo branco), ento a relao de contraste do texto pode ser mantida, garantindo que cada letra do texto tem uma relao de contraste de 7:1 com o fundo.
Se o fundo ou as letras variarem em luminescncia relativa (ou tiverem um padro), ento o fundo em torno das letras pode ser escolhido ou escurecido, para que as letras mantenham uma relao de contraste de 7:1 com o respectivo fundo, mesmo se no tiverem essa relao de contraste com o restante fundo. A relao de contraste pode, por vezes, ser mantida, alterando a luminescncia relativa das letras medida que a luminescncia relativa do fundo se altera na pgina. Outro mtodo fornecer uma aurola em torno do texto, com a relao de contraste necessria se a imagem ou cor de fundo no forem suficientemente diferentes em termos de luminescncia relativa.
Exemplos
escolhido um fundo preto para que possam ser utilizadas letras em cores claras, compatveis
com o logtipo da empresa.

O texto colocado sobre uma imagem do campus universitrio. Visto que a imagem tem uma
grande variedade de cores e partes escuras, a rea por detrs do texto tem uma tonalidade branca para que a imagem fique muito esbatida, e a parte mais escura seja suficientemente clara para manter uma relao de contraste de 7:1 com o texto preto escrito sobre a imagem.
Recursos
Os recursos so indicados apenas a ttulo informativo, no implica que tenham sido aprovados.

Analisador de Contraste Aplicao (pgina em ingls) Analisador de Relao de Contraste - servio online (pgina em ingls) Analisador de Contraste de Cores - Extenso Firefox (pgina em ingls) Amostras de Contrastes de Cores (pgina em ingls) Resposta de Cor Atpica (pgina em ingls) Cores no Analisador de Contraste de Cores da Web (pgina em ingls) Ferramenta para converter imagens com base na perda de cor, para que o contraste seja reposto como contraste de luminescncia onde existia apenas contraste de cor (que se perdeu devido ao daltonismo) (pgina em ingls) Lista de ferramentas de contraste de cor (pgina em ingls)

G148: No especificar a cor de fundo, no especificar a cor do texto e no utilizar funcionalidades de tecnologia que alterem essas predefinies G174: Fornecer um controlo com uma relao de contraste suficiente que permita aos utilizadores mudar para uma apresentao que utilize contraste suficiente
Testes
Procedimento 1. Mea a luminescncia relativa de cada letra (a no ser que sejam todas uniformes) utilizando a frmula: o L = 0,2126 * R + 0,7152 * G + 0,0722 * B em que R, G e B so definidos como: se RsRGB <= 0,03928 ento R = RsRGB/12,92 ou R = ((RsRGB+0,055)/1,055) ^ 2,4 se GsRGB <= 0,03928 ento G = GsRGB/12,92 ou G = ((GsRGB+0,055)/1,055) ^ 2,4 se BsRGB <= 0,03928 ento B = BsRGB/12,92 ou B = ((BsRGB+0,055)/1,055) ^ 2,4 e RsRGB, GsRGB, e BsRGB so definidos como:
RsRGB = R8bit/255 GsRGB = G8bit/255 BsRGB = B8bit/255
O caracter "^" o operador de exponenciao.
2. Nota: Para letras pixelizadas, utilize o valor de luminescncia relativa que se encontra dois pixis para dentro a partir do limite da letra. 3. Mea a luminescncia relativa dos pixis do plano de fundo imediatamente junto letra, utilizando a mesma frmula. 4. Calcule a relao de contraste utilizando a seguinte frmula. o (L1 + 0,05) / (L2 + 0,05), em que L1 corresponde luminescncia relativa da cor mais clara de todas em primeiro plano e em plano de fundo, e L2 corresponde luminescncia relativa da cor mais escura de todas em primeiro plano e em plano de fundo. 5. Verifique se a relao de contraste igual ou superior a 7:1 Resultados Esperados A verificao 4 verdadeira.
G18: Garantir uma relao de contraste de, no mnimo, 4.5:1 entre o texto (e imagens de texto) e o fundo por detrs do texto
Aplicabilidade
Critrio de Sucesso 1.4.3 (Contraste (Mnimo)) o Como Cumprir o 1.4.3 (Contraste (Mnimo)) o Noes sobre o Critrio de Sucesso 1.4.3 (Contraste (Mnimo)) Critrio de Sucesso 1.4.6 (Contraste (Melhorado)) o Como Cumprir o 1.4.6 (Contraste (Melhorado)) o Noes sobre o Critrio de Sucesso 1.4.6 (Contraste (Melhorado))
Descrio
O objectivo desta tcnica garantir que os utilizadores possam ler o texto apresentado sobre um plano de fundo. Para o Critrio de Sucesso 1.4.3, esta tcnica descreve a relao de contraste mnima para texto com um tamanho inferior a 18 (se no estiver a negrito) e inferior a 14 (se estiver a negrito). Para o Critrio de Sucesso 1.4.5, esta tcnica fornece uma relao de contraste de 7:1 mais flexvel para texto com, no mnimo, um tamanho 18 (se no estiver a negrito) ou, no mnimo, 14 (se estiver a negrito). Se o fundo for de uma cor s (todo preto ou todo branco), ento a luminescncia relativa do texto pode ser mantida, garantindo que cada letra do texto tem uma relao de contraste de 4.5:1 com o fundo. Se o fundo ou as letras variarem em luminescncia relativa (ou tiverem um padro), ento o fundo em torno das letras pode ser escolhido ou escurecido, para que as letras mantenham uma relao de contraste de 4.5:1 com o respectivo fundo, mesmo se no tiverem essa relao de contraste com o restante fundo. A relao de contraste pode, por vezes, ser mantida, alterando a luminescncia relativa das letras medida que a luminescncia relativa do fundo se altera na pgina. Outro mtodo fornecer uma aurola em torno do texto, com a relao de contraste necessria se a imagem ou cor de fundo no forem suficientemente diferentes em termos de luminescncia relativa.
Exemplos
com o logtipo da empresa.

O texto colocado sobre uma imagem do campus universitrio. Visto que a imagem tem uma
grande variedade de cores e partes escuras, a rea por detrs do texto tem uma tonalidade branca para que a imagem fique muito esbatida, e a parte mais escura seja suficientemente clara para manter uma relao de contraste de 4.5:1 com o texto preto escrito sobre a imagem. Consulte tambm as amostras de contraste nos recursos relacionados.
Recursos

(actualmente, no existe nenhuma indicada)
Testes
Procedimento 1. Mea a luminescncia relativa de cada letra (a no ser que sejam todas uniformes) utilizando a frmula: o L = 0,2126 * R + 0,7152 * G + 0,0722 * B em que R, G e B so definidos como: se RsRGB <= 0,03928 ento R = RsRGB/12,92 ou R = ((RsRGB+0,055)/1,055) ^ 2.4 se GsRGB <= 0,03928 ento G = GsRGB/12,92 ou G = ((GsRGB+0,055)/1,055) ^ 2.4 se BsRGB <= 0,03928 ento B = BsRGB/12,92 ou B = ((BsRGB+0,055)/1,055) ^ 2.4 e RsRGB, GsRGB, e BsRGB so definidos como:
O caracter "^" o operador de exponenciao. 2. Nota: Para letras pixelizadas, utilize o valor de luminescncia relativa que se encontra dois pixis para dentro a partir do limite da letra. 3. Mea a luminescncia relativa dos pixis do plano de fundo imediatamente junto letra, utilizando a mesma frmula. 4. Calcule a relao de contraste utilizando a seguinte frmula. o (L1 + 0,05) / (L2 + 0,05), em que L1 corresponde luminescncia relativa da cor mais clara de todas em primeiro plano e em plano de fundo, e L2 corresponde luminescncia relativa da cor mais escura de todas em primeiro plano e em plano de fundo. 5. Verifique se a relao de contraste igual ou superior a 4.5:1. Resultados Esperados
A verificao 4 verdadeira.
G19: Garantir que nenhum componente do contedo tenha mais de trs flashes no perodo de um segundo
Aplicabilidade
Aplica-se a qualquer tecnologia. Esta tcnica est relacionada com:
Critrio de Sucesso 2.3.1 (Trs Flashes ou Abaixo do Limite) o Como Cumprir o 2.3.1 (Trs Flashes ou Abaixo do Limite) o Noes sobre o Critrio de Sucesso 2.3.1 (Trs Flashes ou Abaixo do Limite) Critrio de Sucesso 2.3.2 (Trs Flashes) o Como Cumprir o 2.3.2 (Trs Flashes) o Noes sobre o Critrio de Sucesso 2.3.2 (Trs Flashes)
Descrio
O objectivo desta tcnica evitar flashes a nveis conhecidos por causar ataques epilpticos se os flashes forem brilhantes e grandes o suficiente. Visto que alguns utilizadores podem utilizar ampliadores de ecr, esta tcnica limita o modo flash de contedo de qualquer tamanho para um nmero mximo de trs flashes num perodo de um segundo. Nota 1: Esta tcnica mais rigorosa que o Critrio de Sucesso de Nvel 1, mas mais fcil de testar e pode ser utilizada para cumprir o Critrio de Sucesso de Nvel 1, uma vez que todos os limites de falhas no Critrio de Sucesso de Nvel 1 envolvem 3,5 flashes ou mais no perodo de um segundo. A maioria dos contedos no tem flashes e mesmo o contedo em modo intermitente no apresenta uma intermitncia to rpida, excepto em ocasies raras. Desta forma, para evitar testes mais complexos especificados pelo Critrio de Sucesso, pode-se seguir esta tcnica para garantir que o contedo tenha apenas um, dois ou, no mximo, trs flashes no perodo de um segundo. Nota 2: Em relao a 3,5 Flashes: Se existirem sete transies do escuro para o claro ou do claro para o escuro, sero 3,5 flashes, o que mais do que os trs flashes permitidos (seis transies). Exemplos de 3,5 flashes ou sete transies:
INICIAR ESCURO-CLARO-ESCURO-CLARO-ESCURO-CLARO-ESCURO-CLARO ou INICIAR CLARO-ESCURO-CLARO-ESCURO-CLARO-ESCURO-CLARO-ESCURO.
Exemplos
O contedo tem clares de relmpagos. O contedo criado de modo a que os relmpagos
tenham apenas dois ou trs flashes sem qualquer pausa.
Recursos
Centro de Rastreio - Ferramenta de Anlise de Epilepsia Fotossensvel (PEAT - Photosensitive Epilepsy
G15: Utilizar uma ferramenta para garantir que o contedo no viola o limite de flash universal ou o limite de flash vermelho
Testes
Procedimento 1. Verifique se no existem mais de trs flashes no perodo de um segundo. 2. Se existirem trs flashes, verifique se o estado Claro/Escuro no final do perodo de um segundo o mesmo que no incio. Resultados Esperados O Passo 1 e o Passo 2 so verdadeiros.
G21: Garantir que os utilizadores no ficam bloqueados no contedo

Aplicabilidade
Todas as tecnologias que suportem um funcionamento interactivo. Esta tcnica est relacionada com:
Critrio de Sucesso 2.1.2 (Sem Bloqueio do Teclado) o Como Cumprir o 2.1.2 (Sem Bloqueio do Teclado) o Noes sobre o Critrio de Sucesso 2.1.2 (Sem Bloqueio do Teclado)
Descrio
O objectivo desta tcnica garantir que os utilizadores de teclado no fiquem bloqueados numa subseco do contedo, da qual s podem sair utilizando um rato ou dispositivo apontador. Um exemplo comum o contedo apresentado utilizando plug-ins. Os plug-ins so agentes de utilizador que apresentam o contedo na janela anfitri do agente de utilizador, e respondem a todas as aces do utilizador que ocorrem enquanto o plug-in recebe o foco. Se o plug-in no fornecer um mecanismo no teclado para devolver o foco janela principal, os utilizadores que dependem do teclado podem ficar bloqueados no contedo do plug-in. Este problema pode ser evitado utilizando um dos seguintes mecanismos, para fornecer aos utilizadores uma forma de sarem da subseco do contedo:
Garantir que a funo de teclado para mover o foco no contedo (normalmente a tecla de
tabulao) sai da subseco do contedo ao chegar ao local de destino.

Fornecer uma funo de teclado para tirar o foco da subseco de contedo. Certifique-se de que
a funcionalidade est documentada de forma acessvel na subseco. Se a tecnologia utilizada na subseco do contedo fornecer, de origem, um comando de teclado "mover para elemento principal", documente o comando antes de o utilizador aceder ao plug-in, para que o utilizador saiba como sair de novo. Se o autor utilizar uma tecnologia que permita aos utilizadores aceder ao subcontedo atravs do teclado e, por predefinio, no permita que saiam do subcontedo atravs do teclado (i.e., no uma funcionalidade da tecnologia de contedo da Web nem dos seus agentes de utilizador), ento, para implementar esta tcnica, o autor ter de criar essa capacidade no contedo ou ento no utilizar a tecnologia.
Exemplos
Assim que um utilizador utilizar a tecla de tabulao para aceder a uma applet, esta apresenta mais
separadores impedindo que a pessoa utilize a tabulao para sair desse estado. Contudo, a applet criada para devolver o foco do teclado janela principal quando a pessoa termina de percorrer a tabulao atravs da sequncia de tabulao na applet. Uma pgina que inclui contedo que no suportado por acessibilidade inclui instrues sobre como mover o foco de novo para o contedo suportado por acessibilidade atravs do teclado. As instrues precedem o contedo no suportado por acessibilidade. A informao de ajuda disponvel para o contedo que no suportado por acessibilidade mostra como mover o foco de novo para o contedo suportado por acessibilidade atravs do teclado, e a informao de ajuda pode ser acedida atravs do teclado. A informao de ajuda disponvel para a pgina Web mostra como mover o foco do contedo que no suportado por acessibilidade para o contedo suportado por acessibilidade atravs do teclado, e a informao de ajuda pode ser acedida atravs do teclado.
Recursos
Testes
Procedimento 1. Utilize a tecla de tabulao para percorrer o contedo do incio ao fim. 2. Verifique se o foco do teclado est bloqueado num contedo, de uma forma que a pessoa no possa sair de qualquer parte do contedo e continuar a percorrer o resto do contedo. Resultados Esperados A verificao 2 falsa.
G53: Identificar a finalidade de um link utilizando o texto do link em conjunto com o texto da respectiva frase
Aplicabilidade
Critrio de Sucesso 2.4.4 (Finalidade do Link (Em Contexto)) o Como Cumprir o 2.4.4 (Finalidade do Link (Em Contexto)) o Noes sobre o Critrio de Sucesso 2.4.4 (Finalidade do Link (Em Contexto))
Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

O JAWS 5.0 ou posterior incluem as seguintes combinaes de tecla:
alt+Seta para a Esquerda: ler frase anterior
alt+Seta para a Direita: ler frase seguinte alt+NumPad 5: ler frase actual Ctrl+NumPad5: ler pargrafo actual
O Window-Eyes 5.5 inclui teclas de atalho para ler a frase e o pargrafo actuais. Para navegar na Internet com o WindowEyes, tem de estar em modo de procura. As teclas de atalho para a frase e o pargrafo actuais no funcionam em modo de procura na verso 6.1. As predefinies de origem para ler o contexto do link adjacente so as seguintes: Definies para computadores de secretria:

Caracter = CTRL-NUMPAD-SETA PARA A ESQUERDA Palavra = CTRL-NUMPAD-SETA PARA A DIREITA Linha = CTRL-NUMPAD-CENTRO Frase = No disponvel em modo de procura Por predifnio, o comando Frase Seguinte no est definido no modo de Computador de Secretria, mas para a "linha seguinte" a Seta PARA BAIXO.) Pargrafo Seguinte = P Pargrafo Anterior = Shift P Pargrafo Actual = No disponvel em modo de procura Computador porttil

Caracter = ALT-SHIFT-INFERIOR A Palavra Anterior = ALT-SHIFT-J Palavra = ALT-SHIFT-K Palavra Seguinte = ALT-SHIFT-L Palavra Anterior = ALT-SHIFT-7 Frase = No disponvel em modo de procura Frase Seguinte = No disponvel em modo de procura Pargrafo = Por predefinio, no definido para Computador Porttil Linha Anterior = ALT-SHIFT-U Linha = ALT-SHIFT-I Linha Seguinte = ALT-SHIFT-O
Descrio
A finalidade desta tcnica identificar a finalidade de um link a partir do link e do contexto da respectiva frase. A frase com o respectivo link fornece o contexto para um link, que seria, de outra forma, pouco claro. A descrio permite ao utilizador distinguir este link de outros na pgina Web que conduzem a outros destinos e ajuda o utilizador a determinar se pretende aceder ao link. De salientar que fornecer simplesmente o URI do destino no , regra geral, suficientemente descritivo. Nota: Estas descries so muito teis para o utilizador se a informao adicional necessria para compreender o link preceder o mesmo. Se a informao adicional se encontrar aps o link, pode causar confuso e dificuldade aos utilizadores de leitores de ecr que lem a pgina por ordem (de cima para baixo).
Exemplos
Exemplo 1: Uma pgina Web contm a frase "Para anunciar nesta pgina, clique aqui." Embora a frase do link "clique aqui" no seja suficiente para compreender o link, a informao necessria precede o mesmo, na mesma frase.
Exemplo 2: Uma pgina Web contm a frase "Os primeiros Puritanos ingleses chegaram Amrica a bordo do Mayflower". Exemplo 3: No resumo informativo que contm a frase "O Smallville Times informa que o calendrio escolar para 2007 escolhido pelo Conselho Directivo ter incio em 27 de Agosto", as palavras "informa que" so o link para aceder ao artigo, no Smallville Times, sobre a reunio do Conselho Directivo. Nota: Embora este exemplo cumpra o Critrio de Sucesso, ao apresentar a informao necessria para compreender o link aps o mesmo, torna o processo incmodo para os utilizadores que lem o documento com o auxlio de um leitor de ecr.
Recursos

G91: Fornecer texto de link que descreva a finalidade de um link H2: Combinar a imagem adjacente e os links de texto para o mesmo recurso H30: Fornecer texto de link que descreva a finalidade de um link para os elementos anchor H33: Fornecer suplementos ao texto do link com o atributo title H77: Identificar a finalidade de um link utilizando o texto do link em conjunto com os respectivos itens da lista H78: Identificar a finalidade de um link utilizando o texto do link em conjunto com o respectivo pargrafo H79: Identificar a finalidade de um link utilizando o texto do link em conjunto com a respectiva clula de tabela e cabealhos de tabela associados H80: Identificar a finalidade de um link utilizando o texto do link em conjunto com o elemento heading precedente H81: Identificar a finalidade de um link numa lista encaixada utilizando o texto do link em conjunto com o item da lista principal sob a qual a lista est encaixada C7: Utilizar CSS para ocultar uma parte do texto do link ARIA1: Utilizar a propriedade describedby da Accessible Rich Internet Application para fornecer uma etiqueta descritiva e determinada de forma programtica
Testes
Procedimento Para cada link no contedo que utilize esta tcnica: 1. Verifique se o link faz parte de uma frase. 2. Verifique se o texto do link em conjunto com o texto da respectiva frase descreve a finalidade do link. Resultados Esperados As verificaes acima so verdadeiras.
G54: Incluir um intrprete de lngua gestual na sequncia de vdeo
Aplicabilidade
Aplica-se a todas as tecnologias que apresentem informao multimdia sincronizada. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.6 (Lngua Gestual (Pr-gravada)) o Como Cumprir o 1.2.6 (Lngua Gestual (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.6 (Lngua Gestual (Pr-gravada))
Descrio
O objectivo desta tcnica permitir que os utilizadores que no conseguem ouvir ou ler o texto rapidamente possam aceder a material em multimdia sincronizada. Para as pessoas que comunicam essencialmente em lngua gestual, existem vezes em que no prefervel e outras em que no possvel lerem e compreenderem o texto velocidade a que apresentado em legendas. Para estas pessoas importante fornecer uma apresentao em lngua gestual das informaes de udio. Uma forma universalmente compatvel de o fazer simplesmente incluir um vdeo do intrprete de lngua gestual na sequncia de vdeo. A desvantagem que fornece uma imagem com uma resoluo mais baixa, que no pode ser facilmente ampliada sem ampliar toda a imagem. Nota 1: Se a sequncia de vdeo for muito curta, o intrprete de lngua gestual ser indiscernvel. Quando criar uma sequncia de vdeo que inclua um vdeo de um intrprete de lngua gestual, certifique-se de que existe um mecanismo para reproduzir a sequncia de vdeo no ecr inteiro na tecnologia de contedo suportada por acessibilidade. Caso contrrio, certifique-se de que a parte do vdeo que contm o intrprete ajustvel ao tamanho respectivo se a sequncia de vdeo completa fosse apresentada no ecr inteiro. Nota 2: Uma vez que a lngua gestual no , normalmente, uma verso com gestos da lngua escrita, o autor tem de escolher que lngua gestual deve incluir. Normalmente, ser utilizada a lngua gestual do pblico principal. Se se destinar a vrios pblicos, podem ser utilizadas vrias lnguas. Para obter informaes sobre vrias lnguas gestuais, consulte a tcnica de tipo aconselhada.
Exemplos
Exemplo 1: Uma estao de televiso apresenta um intrprete de lngua gestual no canto do vdeo
de informao online.
Recursos
Directrizes para a Produo de Livros de Lngua Gestual o "A Apresentao de Lngua Gestual" (pgina em ingls) fornece uma extensa descrio geral
das questes a ter em considerao ao filmar intrpretes de lngua gestual. Inclui o tema sobre a interpretao em lngua gestual dos originais falados e escritos. o As tcnicas de filmagem so apresentadas no captulo 12, Filmar os Intrpretes". o As informaes teis sobre como apresentar o intrprete de lngua gestual em relao ao contedo em multimdia sincronizada original so fornecidas no captulo 13, "Edio" (pgina em ingls) Nota: Estas tcnicas podem precisar de ser adaptadas para apresentao baseada na Web.
G81: Fornecer um vdeo sincronizado do intrprete de lngua gestual que possa ser visualizado numa janela diferente ou sobreposto na imagem pelo leitor multimdia SM13: Fornecer interpretao em lngua gestual atravs de sequncias de vdeo sincronizadas em SMIL 1.0 SM14: Fornecer interpretao em lngua gestual atravs de sequncias de vdeo sincronizadas em SMIL 2.0
Testes
Procedimento 1. Pea a uma pessoa que consiga ouvir e que esteja familiarizada com a lngua gestual que est a ser utilizada para ver o programa. 2. Verifique se existe um intrprete de lngua gestual no ecr. 3. Verifique se o dilogo e os sons importantes esto a ser transmitidos pelo intrprete visvel no ecr. Resultados Esperados As verificaes 2 e 3 so verdadeiras.
G55: Aceder s definies atravs de um link

Aplicabilidade
Critrio de Sucesso 3.1.3 (Palavras Invulgares) o Como Cumprir o 3.1.3 (Palavras Invulgares) o Noes sobre o Critrio de Sucesso 3.1.3 (Palavras Invulgares) Critrio de Sucesso 3.1.4 (Abreviaturas) o Como Cumprir o 3.1.4 (Abreviaturas) o Noes sobre o Critrio de Sucesso 3.1.4 (Abreviaturas)
Descrio
O objectivo desta tcnica disponibilizar a definio de uma palavra, frase ou abreviatura fornecendo a definio, na mesma pgina Web ou numa pgina Web diferente, e criando um link entre o item e a respectiva definio. Os links so uma opo eficaz para se aceder definio de uma palavra, frase ou abreviatura. O utilizador pode utilizar o link para localizar a definio rpida e facilmente e, em seguida, voltar sua posio anterior no contedo atravs do boto Retroceder do agente de utilizador.
Exemplos
Exemplo 1 Os termos tcnicos e abreviaturas num artigo sobre leses no desporto esto associados, atravs de um link, a definies num dicionrio mdico. Exemplo 2 Um manual contm um glossrio com os novos termos apresentados em cada captulo. A primeira ocorrncia de cada um destes termos inclui um link para aceder respectiva definio no glossrio.
Exemplo 3 fornecido um glossrio geral de abreviaturas. Todas as ocorrncias de abreviaturas incluem um link para aceder directamente definio correcta nesse glossrio. Exemplo 4 O termo jargo inclui um link para aceder respectiva definio no Glossrio das WCAG2. Exemplo 5 O termo "modulo" jargo utilizado em contedo da Web relacionado com matemtica. Est disponvel uma definio de "modulo" na pgina Web. Cada ocorrncia do termo "modulo" inclui um link para aceder respectiva definio. Exemplo 6 Uma expresso idiomtica em japons contm um link para aceder respectiva definio. Este exemplo inclui um link na pgina para aceder definio de uma expresso idiomtica.
Cdigo Exemplo: <p>....<a href="#definition"></a>....</p> <h3></h3> <dl> <dt id="definition" name="definition"></dt> <dd></dd> </dl>
Recursos

G62: Fornecer um glossrio G70: Fornecer uma funo para procurar um dicionrio online G101: Fornecer a definio de uma palavra ou frase utilizadas de uma forma invulgar ou restrita G102: Fornecer a definio por extenso ou explicao de uma abreviatura G112: Utilizar definies em linha H40: Utilizar listas de definies H60: Utilizar o elemento link para aceder a um glossrio atravs de um link H64: Utilizar o atributo title da frame e os elementos iframe
Testes
Procedimento Para cada palavra, frase ou abreviatura a ser definida: 1. Verifique se, no mnimo, a primeira ocorrncia do item um link. 2. Verifique se cada link conduz definio do item.
Resultados Esperados As verificaes 1 e 2 so verdadeiras.
G56: Misturar ficheiros de udio para que os sons que no sejam de fala sejam, no mnimo, 20 decibis mais baixos do que o contedo de udio de fala
Aplicabilidade
Qualquer tecnologia. Esta tcnica est relacionada com:
Critrio de Sucesso 1.4.7 (Som Baixo ou Sem Som de Fundo) o Como Cumprir o 1.4.7 (Som Baixo ou Sem Som de Fundo) o Noes sobre o Critrio de Sucesso 1.4.7 (Som Baixo ou Sem Som de Fundo)
Descrio
O objectivo desta tcnica permitir aos autores inclurem som por detrs da fala sem dificultar a compreenso da mesma para as pessoas com problemas de audio. Garantir que a fala em primeiro plano est 20 db acima do som de fundo torna a fala 4 vezes mais alta do que o som de fundo. Para mais informaes sobre Decibis (dB), consulte Sobre Decibis(pgina em ingls).
Exemplos
Exemplo 1: Um locutor com a voz sobreposta ao cenrio de um motim O narrador descreve o motim. O volume do som do motim ajustado, de modo a ficar 20 db a menos do volume da voz do locutor, antes de o cenrio do motim se misturar com a voz do narrador. Exemplo 2: Um contraste de som suficiente entre um narrador e a msica de fundo Este exemplo apresenta uma voz com msica a tocar em plano de fundo, em que a voz est 20 dB acima do som de fundo. A voz (em primeiro plano) est gravada a 17,52 decibis (valor mdio quadrtico - RMS) e a msica (som de fundo) est a 37,52 decibis, o que faz com que o som do primeiro plano esteja 20 decibis acima do som de fundo. EXEMPLO DE UDIO Exemplo de udio: O primeiro plano est 20 decibis acima do som de fundo (mp3) Transcrio do exemplo de udio (bom contraste): "Normalmente, o primeiro plano refere-se a uma voz que fala e que deve ser compreendida. Neste preciso momento, a minha voz est 20 decibis acima do som de fundo, que a msica. Este um exemplo de como deve ser feito". EXEMPLO VISUAL DA GRAVAO ACIMA O exemplo de udio acima apresentado visualmente abaixo numa fotografia do ficheiro num editor de udio. A seco que contm som em primeiro plano e em plano de fundo est realada. O comprimento da onda maior do que a seco que contm apenas som de fundo.
Exemplo de Falha 3: Contraste de udio Insuficiente entre um narrador e a msica de fundo EXEMPLO DE UDIO DA FALHA Este exemplo apresenta uma voz com msica a tocar em plano de fundo, em que a voz no est 20 dB acima do som de fundo. A voz (em primeiro plano) est a 18 decibis e a msica (som de fundo) est a cerca de 16 decibis, fazendo com que o primeiro plano esteja apenas 2 decibis mais alto do que o som de fundo. Exemplo de udio: O som em primeiro plano est menos de 20 decibis acima do som de fundo (mp3) Transcrio de um exemplo de udio (mau contraste): "Este um exemplo de uma voz que no est suficientemente alta em relao ao som de fundo. A voz, em primeiro plano, est apenas cerca de 2 decibis acima do som de fundo. Desta forma, difcil de compreender por uma pessoa que tenha dificuldades de audio. difcil discernir uma palavra de outra. Este um exemplo do que no se deve fazer." EXEMPLO VISUAL DA FALHA A seco realada contm som em primeiro plano e em plano de fundo. A onda tem praticamente o mesmo comprimento da seco que contm apenas som de fundo, o que significa que o som de fundo demasiado alto comparado com a voz em primeiro plano.
Recursos
Sobre Decibis (pgina em ingls), por Gregg Vanderheiden Lio prtica sobre a criao de contraste de udio (pgina em ingls)
Testes
Procedimento 1. Localize os valores mais altos do contedo em plano de fundo entre a fala em primeiro plano. 2. Mea o volume em dB(A) SPL. 3. Mea o volume da fala em primeiro plano em dB(A) SPL. 4. Subtraia os valores. 5. Verifique se o resultado 20 ou mais. Resultados Esperados A verificao 5 verdadeira.
G57: Ordenar o contedo numa sequncia com significao

Aplicabilidade
Todas as tecnologias. Esta tcnica est relacionada com:
Critrio de Sucesso 1.3.2 (Sequncia com Significao) o Como Cumprir o 1.3.2 (Sequncia com Significao) o Noes sobre o Critrio de Sucesso 1.3.2 (Sequncia com Significao)
Descrio
O objectivo desta tcnica garantir que a ordem do contedo apresentado s tecnologias de apoio permite ao utilizador compreender o contedo. Algumas tcnicas permitem que o contedo seja apresentado visualmente numa sequncia com significao, mesmo se a ordem subjacente do contedo for confusa. Por exemplo, ao combinar idiomas com uma diferente direco em HTML, o algoritmo bidireccional pode colocar a pontuao no local errado. O contedo ordenado correctamente mantm a pontuao na sequncia correcta do contedo e utiliza a marcao para substituir o algoritmo bidireccional, em vez de mover a pontuao da sequncia do contedo para que a apresentao predefinida a coloque correctamente. Quando apresentados visualmente, os caracteres de espao em branco, tais como espao ou tabulao, podem no parecer fazer parte do contedo. Contudo, quando inseridos no contedo para controlar a formatao visual, podem interferir com o significado do contedo. Numa granulosidade maior, o controlo da colocao de blocos de contedo num documento em HTML utilizando tabelas de esquema pode produzir uma apresentao, na qual as informaes relacionadas so posicionadas juntas visualmente, mas separadas na sequncia do contedo. Uma vez que as tabelas de esquema so lidas linha a linha, se a legenda de uma ilustrao for colocada na linha a seguir ilustrao, poder ser impossvel associar a legenda imagem.
Exemplos
Exemplo 1 Uma pgina Web da exposio de um museu contm uma barra de navegao com uma longa lista de links. A pgina tambm contm uma imagem de um dos quadros da exposio, um ttulo para o quadro e uma descrio detalhada do quadro. Os links na barra de navegao formam uma sequncia com significao. O ttulo, a imagem e o texto da descrio tambm formam uma sequncia com significao. O CSS utilizado para posicionar os elementos na pgina.
Cdigo Exemplo: Markup: <h1>My Museum Page</h1> <ul id="nav"> <li><a href="#">Link 1</a></li> ... <li><a href="#">Link 10</a></li> </ul> <div id="description"> <h2>Mona Lisa</h2> <p> <img src="img.png" alt="Mona Lisa"> </p> <p>...detailed description of the picture...</p> </div> CSS: ul#nav { float: left; width: 9em; list-style-type: none; margin: 0; padding: 0.5em; color: #fff; background-color: #063; } ul#nav a { display: block; width: 100%; text-decoration: none; color: #fff; background-color: #063; } div#description { margin-left: 11em; }
Recursos

G59: Colocar os elementos interactivos numa ordem que siga as sequncias e relaes existentes no contedo C6: Colocar contedo baseado em marcao estrutural C27: Corresponder a ordem do DOM com a ordem visual
F1: Falha do Critrio de Sucesso 1.3.2 devido alterao do significado do contedo colocando informaes com CSS F49: Falha do Critrio de Sucesso 1.3.2 devido utilizao de uma tabela de esquema HTML que no faz sentido quando linearizada
Testes
Procedimento 1. Torne o contedo linear utilizando uma abordagem normal para a tecnologia (por ex., removendo estilos de disposio ou executando uma ferramenta de linearizao) 2. Verifique se a ordem do contedo produz o mesmo significado do original Resultados Esperados O passo 2 verdadeiro.
G58: Colocar um link para a alternativa para multimdia baseada no tempo junto ao contedo no textual
Aplicabilidade
Esta tcnica no especfica da tecnologia e pode ser utilizada em qualquer tecnologia que suporte links. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Prgravada)) Critrio de Sucesso 1.2.8 (Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.8 (Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.8 (Alternativa em Multimdia (Pr-gravada))
Descrio
Com esta tcnica, fornecido um link para o documento agrupado de legendas e udio-descrio. O documento agrupado pode estar noutra localizao na mesma pgina Web ou noutro URI. Um link para o documento agrupado est imediatamente adjacente ao contedo no textual. O link pode estar imediatamente antes ou depois do contedo em multimdia sincronizada. Se o documento agrupado estiver na mesma pgina Web de outro contedo, coloque "Fim de documento" no fim para o utilizador saber quando deve parar de ler e regressar ao local anterior. Se um boto "Retroceder" no encaminhar a pessoa para a sua localizao original, ser fornecido um link para voltar localizao do contedo no textual.
Exemplos
Exemplo 1: Um Documento .MOV num Documento HTML Cdigo numa pgina denominada "Olympic_Sports.htm"
Cdigo Exemplo: <a name="Olympic_Wrestling"></a>
<p><a href="http://www.example.com/movies/olympic_wrestling.mov">Olympic Wrestling movie</a>, <a href="http://www.example.com/transcripts/olympic_wrestling_transcript.htm>Olymp ic Wrestling collated Transcript</a></p>
Exemplo 2: O link para voltar ao Documento .MOV num Documento HTML Cdigo na pgina olympic_wrestling_transcript.htm
Cdigo Exemplo: <p>Sports announcer 1: This is a great battle tonight between England's "Will Johnson" and "Theodore Derringo" from Argentina</p> <p>Scenery: There is a mat set out in the middle of the stadium with 500 people in the stands...</p> <p> ...more dialogue ...<p> <p> ...more scenery...</p> <p> ...etc...</p> <p>Sports announcer 2: And that is all for tonight, thank you for joining us tonight where Will Johnson is the new Gold Medalist. <a href="../movies/Olympic_Sports.htm#Olympic_Wrestling>Return to Movie page</a> </p>
Recursos

G69: Fornecer uma alternativa para multimdia baseada no tempo G159: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas vdeo H46: Utilizar o noembed com o embed H53: Utilizar o corpo do elemento object
Testes
Procedimento 1. Verifique se existe um link imediatamente antes ou depois do contedo no textual. 2. Verifique se existe um link vlido que aponte directamente para o documento agrupado desta multimdia sincronizada especfica. 3. Verifique se existe um link ou uma funo de retrocesso disponveis para encaminhar o utilizador para a localizao original do contedo em multimdia sincronizada. Resultados Esperados Todos os passos acima so verdadeiros.
G59: Colocar os elementos interactivos numa ordem que siga as sequncias e relaes existentes no contedo
Aplicabilidade
Todas as tecnologias que contm elementos interactivos e predefinem uma ordem de tabulao para elementos interactivos. Esta tcnica est relacionada com:
Critrio de Sucesso 2.4.3 (Ordem do Foco) o Como Cumprir o 2.4.3 (Ordem do Foco) o Noes sobre o Critrio de Sucesso 2.4.3 (Ordem do Foco)
Descrio
O objectivo desta tcnica garantir que os elementos interactivos recebem foco numa ordem que siga as sequncias e relaes existentes no contedo. Ao conceber o contedo, os elementos interactivos, tais como links e controlos de formulrio, so colocados no contedo para que a ordem de tabulao predefinida siga as sequncias e relaes existentes no contedo. Cada tecnologia predefine a sua ordem de tabulao, como tal o mecanismo para colocar os controlos no contedo depender da tecnologia utilizada. Como exemplo, em HTML, a ordem de foco predefinida segue a ordem na qual os elementos aparecem na origem do contedo. Quando a ordem da origem HTML corresponde ordem visual da pgina Web, a utilizao da tecla de tabulao para percorrer o contedo permite seguir o esquema visual do contedo. Quando a ordem de origem no corresponde ordem visual, a ordem de tabulao atravs do contedo tem de reflectir as relaes lgicas existentes no contedo que so apresentadas visualmente.
Exemplos
Um formulrio contm dois campos de entrada de texto que tm de ser preenchidos de forma
consecutiva. O primeiro campo de entrada de texto colocado em primeiro lugar no contedo, o segundo campo de entrada de texto colocado em segundo lugar. Um formulrio contm duas seces de informao lado a lado. Uma seco contm informaes sobre um candidato; a outra seco contm informaes sobre a esposa do candidato. Todos os elementos interactivos na seco do candidato recebem foco antes de qualquer um dos elementos na seco da esposa. Os elementos de cada seco recebem foco na ordem de leitura dessa seco.
Recursos

G57: Ordenar o contedo numa sequncia com significao H4: Criar uma ordem de tabulao lgica atravs de links, controlos de formulrio e objectos C27: Corresponder a ordem do DOM com a ordem visual SCR26: Introduzir contedo dinmico no Modelo de Objecto de Documento imediatamente a seguir ao elemento accionador SCR27: Reordenar as seces da pgina utilizando o Modelo de Objecto de Documento
SCR37: Criar Caixas de Dilogo Personalizadas de uma Forma Independente do Dispositivo
Testes
Procedimento 1. Determine a ordem dos elementos interactivos existentes no contedo. 2. Determine a ordem lgica dos elementos interactivos. 3. Verifique se a ordem dos elementos interactivos existentes no contedo igual ordem lgica. Resultados Esperados O passo 3 verdadeiro.
G60: Tocar um som que desliga automaticamente em menos de trs segundos

Aplicabilidade
Aplica-se a todas as tecnologias, excepto as que necessitam de interaco de voz. Esta tcnica est relacionada com:
Critrio de Sucesso 1.4.2 (Controlo de udio) o Como Cumprir o 1.4.2 (Controlo de udio) o Noes sobre o Critrio de Sucesso 1.4.2 (Controlo de udio)
Descrio
A finalidade desta tcnica permitir que os autores reproduzam um som na sua pgina Web, mas evitar o problema de os utilizadores no conseguirem utilizar os seus leitores de ecr devido a interferncia do som do contedo. Tambm permite que o autor evite a colocao de controlos na pgina Web para controlar o som - e o problema com que se deparam os utilizadores de leitores de ecr para encontrar o controlo (quando no possvel ouvir o leitor de ecr). A tcnica simples. O som toca durante 3 ou menos segundos e pra automaticamente.
Exemplos
Exemplo 1: Uma pgina Web abre com um toque de trombetas e, em seguida, fica em silncio. Exemplo 2: Uma pgina inicial abre com o presidente a dizer, "Binfor, onde a qualidade o nosso
negcio." e, em seguida, fica em silncio.

Exemplo 3: Uma pgina Web abre com instrues sobre como comear: "Para comear, pressione
a tecla Enter."
Exemplo 4: Uma pgina Web abre com um aviso e, em seguida, fica em silncio.
Recursos
Os recursos so indicados apenas a ttulo informativo, no implica que tenham sido aprovados. (nenhum)
G170: Fornecer um controlo junto do incio da pgina Web que desligue os sons que tocam automaticamente G171: Tocar sons apenas a pedido do utilizador
Testes
Procedimento 1. Carregue a pgina Web. 2. Verifique se todos os sons que tocam automaticamente param em 3 segundos ou menos. Resultados Esperados O passo 2 verdadeiro.
G61: Apresentar componentes repetidos pela mesma ordem relativa sempre que so apresentados
Aplicabilidade
Critrio de Sucesso 3.2.3 (Navegao Consistente) o Como Cumprir o 3.2.3 (Navegao Consistente) o Noes sobre o Critrio de Sucesso 3.2.3 (Navegao Consistente)
Descrio
O objectivo desta tcnica tornar o contedo mais fcil de utilizar, tornando mais previsvel a colocao de componentes repetidos. Esta tcnica ajuda a manter uma apresentao ou disposio consistentes entre pginas Web, apresentando os componentes que se repetem nestas unidades da Web pela mesma ordem relativa sempre que so apresentados. Podem ser inseridos outros componentes entre eles, mas a sua ordem relativa no alterada. Esta tcnica tambm se aplica a componentes de navegao repetidos. As pginas Web contm frequentemente um menu de navegao ou outro componente de navegao que permite ao utilizador passar para outras pginas Web. Esta tcnica torna a colocao de componentes de navegao mais previsvel, apresentando os links ou as referncias programticas dentro de um componente de navegao pela mesma ordem sempre que um componente de navegao repetido. Podem ser removidos ou inseridos outros links entre os existentes, por exemplo, para permitir a navegao dentro de uma subseco de um conjunto de pginas Web, mas a ordem relativa no alterada.
Exemplos
Um stio da Web tem um logtipo, um ttulo, um formulrio de procura e uma barra de navegao
no topo de cada pgina; estes aparecem pela mesma ordem relativa em cada pgina em que se repetem. Numa pgina falta o formulrio de procura, mas os restantes itens continuam na mesma ordem. Um stio da Web tem um menu de navegao no lado esquerdo com links para as seces mais importantes do stio da Web. Quando o utilizador segue um link para outra seco do stio da Web, os links para as seces mais importantes aparecem pela mesma ordem relativa na pgina seguinte. Por vezes, so retirados links e adicionados outros, mas os restantes links permanecem sempre na mesma ordem relativa. Por exemplo, num stio da Web de uma empresa que vende produtos e oferece formao, quando um utilizador se desloca da seco dos produtos para a
seco da formao, os links para cada um dos produtos so removidos da lista de navegao, enquanto os links para as ofertas de formao so adicionados.
Recursos
Testes
Procedimento 1. Indique os componentes que se repetem em cada pgina Web num conjunto de pginas Web (por exemplo, em cada pgina de um stio da Web). 2. Para cada componente, verifique se apresentado pela mesma ordem relativa no que respeita a outros componentes repetidos em cada pgina Web em que aparece. 3. Para cada componente de navegao, verifique se os links ou as referncias programticas so sempre apresentados pela mesma ordem relativa. Resultados Esperados O passo 2 verdadeiro. O passo 3 verdadeiro.
G62: Fornecer um glossrio

Aplicabilidade
Todas as tecnologias que contenham texto. Esta tcnica est relacionada com:
Critrio de Sucesso 3.1.3 (Palavras Invulgares) o Como Cumprir o 3.1.3 (Palavras Invulgares) o Noes sobre o Critrio de Sucesso 3.1.3 (Palavras Invulgares) Critrio de Sucesso 3.1.4 (Abreviaturas) o Como Cumprir o 3.1.4 (Abreviaturas) o Noes sobre o Critrio de Sucesso 3.1.4 (Abreviaturas) Critrio de Sucesso 3.1.6 (Pronncia) o Como Cumprir o 3.1.6 (Pronncia) o Noes sobre o Critrio de Sucesso 3.1.6 (Pronncia)
Descrio
O objectivo desta tcnica disponibilizar a definio de uma palavra, frase ou abreviatura, fornecendo a definio num glossrio. Um glossrio uma lista de palavras, frases e abreviaturas por ordem alfabtica com as respectivas definies. Os glossrios so oportunos quando as palavras, frases e abreviaturas utilizadas no contedo esto relacionadas com uma matria ou rea de tecnologia especficas. Um glossrio tambm pode fornecer a pronncia de uma palavra ou frase. O glossrio includo no final da pgina Web ou localizado atravs de um dos mecanismos para localizar contedo num conjunto de pginas Web. (Consulte as Noes sobre o Critrio de Sucesso 2.4.5.) Se o glossrio incluir vrias definies para a mesma palavra, frase ou abreviatura, o simples fornecimento do glossrio no suficiente para cumprir este Critrio de Sucesso. Deve ser utilizada uma
tcnica diferente para encontrar a definio correcta. Isto especialmente importante se as utilizaes de uma palavra, frase ou abreviatura no forem exclusivas na pgina Web, ou seja, se diferentes ocorrncias do item tiverem diferentes definies.
Exemplos
Exemplo 1 Os utilizadores de fruns de chat online criaram vrios acrnimos e abreviaturas para aumentar a velocidade das conversas por computador. Por exemplo, LOL refere-se a "laughing out loud" (rir muito alto) e FWIW a abreviatura de "for what it's worth" (se serve de alguma coisa). O stio da Web fornece uma pgina de glossrio que apresenta as definies por extenso dos acrnimos e abreviaturas mais utilizados. Exemplo 2 Uma pgina Web sobre teorias matemticas inclui um glossrio dos termos matemticos, abreviaturas e acrnimos mais utilizados. Exemplo 3 Um manual escolar inclui um glossrio de novas palavras introduzidas em cada captulo. Exemplo 4 Um texto em holands utiliza a frase "Hij ging met de kippen op stok" (Deitou-se com as galinhas). O glossrio explica que esta frase significa "Hij ging vroeg naar bed" (Foi cedo para a cama). Exemplo 5: Um glossrio de expresses idiomticas O romance americano "The Adventures of Huckleberry Finn" (As Aventuras de Huckleberry Finn) inclui vrias expresses idiomticas que eram utilizadas no sudoeste dos Estados Unidos da Amrica nos anos 40 do sculo XIX. Numa edio online concebida para estudantes, cada expresso idiomtica tem um link para um item no glossrio.
Recursos

G55: Aceder s definies atravs de um link G70: Fornecer uma funo para procurar um dicionrio online H40: Utilizar listas de definies H60: Utilizar o elemento link para aceder a um glossrio atravs de um link
Testes
Procedimento 1. Verifique se o O glossrio est includo na pgina Web, ou o Est disponvel um mecanismo para localizar o glossrio. 2. Verifique se cada palavra, frase ou abreviatura, das quais pretende a definio, se encontra definida no glossrio 3. Verifique se o glossrio contm apenas uma definio para cada item.
Resultados Esperados Os trs passos acima so verdadeiros. Nota: A definio de abreviatura utilizada nas WCAG : "forma abreviada de uma palavra, frase ou nome, em que a definio por extenso original no tenha sido rejeitada pela organizao qual se refere, e em que a abreviatura no se torna parte da lngua."
G63: Fornecer um mapa do stio da Web

Aplicabilidade
Critrio de Sucesso 2.4.5 (Vrias Formas) o Como Cumprir o 2.4.5 (Vrias Formas) o Noes sobre o Critrio de Sucesso 2.4.5 (Vrias Formas) Critrio de Sucesso 2.4.8 (Localizao) o Como Cumprir o 2.4.8 (Localizao) o Noes sobre o Critrio de Sucesso 2.4.8 (Localizao)
Descrio
Esta uma de vrias tcnicas para localizar contedo suficiente para abordar o Critrio de Sucesso 2.4.5. Um mapa do stio da Web uma pgina Web que fornece links para diferentes seces do stio da Web. Para disponibilizar este mapa no stio da Web, necessrio, no mnimo, que todas as pginas indicadas no mapa tenham um link para o mesmo. O mapa do stio da Web serve vrias finalidades.
Fornece uma descrio geral de todo o stio da Web. Ajuda os utilizadores a compreender o contedo do stio da Web e a forma como est organizado. Oferece uma alternativa a barras de navegao complexas que podem ser diferentes em partes
diferentes do stio da Web. Existem diferentes tipos de mapas de stios da Web. O tipo mais simples e mais comum um plano geral que mostra links para cada seco ou substio da Web. As vistas desse plano geral no mostram as relaes mais complexas do stio da Web, tais como links entre pginas em diferentes seces. Para alguns stios da Web de grandes dimenses, estes mapas utilizam ttulos extensveis que mostram detalhes adicionais sobre cada seco. Um mapa de stio da Web descreve o contedo e a organizao de um stio da Web. importante que os mapas sejam actualizados sempre que o stio da Web actualizado. Uma pgina Web que no inclua links para todas as seces de um stio da Web, que apresente uma organizao diferente da organizao do stio da Web, ou que inclua links que j no sejam vlidos, no um mapa de stio da Web vlido.
Exemplos
Exemplo 1
A Web Accessibility Initiative fornece um mapa de stio da Web WAI que apresenta diferentes seces do seu stio da Web. O mapa mostra as diferentes seces do stio da Web e algumas das subestruturas dessas seces. Exemplo 2 O mapa do stio da Web de uma revista online apresenta todas as seces da revista e as subseces existentes em cada seco. Tambm inclui links para Ajuda, Como Contactar-nos, Poltica de Privacidade, Oportunidades de Emprego, Como Subscrever e a pgina inicial da revista.
Recursos
A pgina Graphic Organizers (pgina em ingls) no National Center for Accessible Curriculum fornece
uma descrio geral til sobre diferentes tipos de organizadores de grficos e suas utilizaes, mais um resumo do importante estudo sobre a eficcia dos organizadores de grficos para estudantes com incapacidades de aprendizagem. Glossrio til: mapa do stio da Web (pgina em ingls)

G64: Fornecer um ndice G125: Fornecer links para navegar para pginas Web relacionadas G126: Fornecer uma lista de links para todas as outras pginas Web G185: Aceder, atravs de um link, a todas as outras pginas do stio da Web a partir da pgina inicial
Testes
Procedimento 1. Verifique se o stio da Web contm um mapa. 2. Verifique se os links do mapa conduzem s seces correspondentes do stio da Web. 3. Para cada link do mapa, verifique se a pgina de destino contm um link para o mapa do stio da Web. 4. Para cada pgina do stio da Web, verifique se possvel aceder pgina seguindo um conjunto de links apresentados no mapa do stio da Web. Resultados Esperados Todas os passos acima so verdadeiros.
G64: Fornecer um ndice

Aplicabilidade
Critrio de Sucesso 2.4.5 (Vrias Formas) o Como Cumprir 2.4.5 (Vrias Formas) o Noes sobre o Critrio de Sucesso 2.4.5 (Vrias Formas)
Descrio
Esta uma de vrias tcnicas para localizar contedo suficiente para abordar o Critrio de Sucesso 2.4.5. Um ndice fornece links para seces e subseces do mesmo documento. As informaes no documento esto, normalmente, organizadas de forma hierrquica, e pretendem ser lidas sequencialmente. Tal como podem existir vrios livros numa biblioteca, cada um com o seu prprio ndice, um stio da Web pode conter vrios documentos, cada um com o seu prprio ndice. O ndice serve duas finalidades:
Fornece aos utilizadores uma descrio geral do contedo e organizao do documento. Permite aos leitores passar directamente para uma seco especfica de um documento online.
Normalmente, o ndice inclui apenas as seces mais importantes do documento, embora, em alguns casos, possa ser desejvel um ndice extensvel que fornea uma vista mais detalhada de um documento complexo. As seces do documento podem estar localizadas na mesma pgina Web ou divididas em vrias pginas Web. Um ndice especialmente til quando um documento est dividido em vrias pginas Web. Existe uma distino entre um ndice e outros elementos de Navegao, tais como uma Barra de Navegao ou um Mapa do Stio da Web. Um ndice fornece links para seces do mesmo documento. Essas seces podem estar localizadas na mesma pgina Web ou distribudas por vrias pginas Web, mas juntas fazem uma ideia completa. Para uma melhor compreenso, imagine uma cpia em papel de um livro com seces. Cada seco pertence ao livro. Podem existir vrios livros numa biblioteca. Neste exemplo, a "biblioteca" todo o stio da Web.
Exemplos
Exemplo 1 As Directrizes de Acessibilidade para o Contedo da Web 2.0 contm um ndice que uma lista hierrquica de links para as seces e subseces do documento. A hierarquia do ndice reflecte a organizao das seces, e cada item do ndice um link que conduz o utilizador directamente para essa seco. Exemplo 2 A primeira pgina de Utilizar Documentos PDF Acessveis com o Adobe Reader 7.0: Um Manual para Pessoas com Incapacidades (pgina em ingls) contm um ndice que apresenta as seces do manual. A verso em PDF do Manual para Pessoas com Incapacidades contm um ndice mais detalhado para todo o documento na pgina 3.
Recursos

G63: Fornecer um mapa do stio da Web G125: Fornecer links para navegar para pginas Web relacionadas G126: Fornecer uma lista de links para todas as outras pginas Web
Testes
Procedimento
1. Verifique se existe um ndice ou um link para um ndice no documento. 2. Verifique se os valores e a ordem das entradas do ndice correspondem aos nomes e ordem das seces do documento. 3. Verifique se os links das entradas do ndice conduzem s seces correctas do documento. Resultados Esperados Todos os passos acima so verdadeiros.
G65: Fornecer um trilho de navegao

Aplicabilidade
Critrio de Sucesso 2.4.8 (Localizao) o Como Cumprir 2.4.8 (Localizao) o Noes sobre o Critrio de Sucesso 2.4.8 (Localizao)
Descrio
Um trilho de navegao ajuda o utilizador a visualizar a forma como o contedo foi estruturado e como retroceder na navegao para pginas Web anteriores, e pode identificar a localizao actual numa srie de pginas Web. Um trilho de navegao apresenta localizaes no caminho que o utilizador fez para aceder pgina Web, ou apresenta a localizao da pgina Web actual na organizao do stio da Web. Os trilhos de navegao so implementados utilizando links para as pginas Web que foram acedidas no processo de navegao para a pgina Web actual. So colocadas na mesma localizao em cada pgina Web do conjunto. Pode ser til para os utilizadores para separarem itens no trilho de navegao com um separador visvel. Os exemplos de separadores incluem ">", "|", "/" e "::".
Exemplos
Exemplo 1 Um programador navega no stio da Web de um fabricante de ferramentas de autor para descobrir como criar hiperligaes. Os resultados da procura conduzem-no a uma pgina Web com instrues especficas sobre como criar hiperligaes utilizando a ferramenta de autor. Contm os seguintes links para criar um trilho de navegao:
Cdigo Exemplo: Home :: Developer Center :: How To Center
Neste exemplo, o trilho de navegao no contm o ttulo da pgina Web actual, "Como criar hiperligaes". Essa informao est disponvel como o ttulo da pgina Web. Exemplo 2
O stio da Web do portflio de um fotgrafo foi organizado em diferentes galerias e cada galeria foi dividida em categorias. Um utilizador que navegue no stio da Web at uma pgina que contenha uma fotografia de um pinguim Gentoo ver o seguinte trilho de navegao no topo da pgina Web:
Cdigo Exemplo: Home / Galleries / Antarctica / Penguins / Gentoo Penguin
Todos os itens, excepto "Pinguim Gentoo" esto implementados como links. A localizao actual, Pinguim Gentoo, est includa no trilho de navegao, mas no est implementada como um link.
Recursos

G63: Fornecer um mapa do stio da Web G128: Indicar a localizao actual nas barras de navegao
Testes
Procedimento Quando tiverem sido implementados trilhos de navegao num conjunto de pginas Web: 1. Navegue at uma pgina Web. 2. Verifique se apresentado um trilho de navegao. 3. Verifique se o trilho de navegao apresenta a sequncia de navegao correcta para alcanar a localizao actual ou o caminho hierrquico correcto para a localizao actual na estrutura do stio da Web. 4. Para um trilho de navegao no inclua a localizao actual: a. Verifique se todos os elementos do trilho de navegao esto implementados como links. 5. Para um trilho de navegao que inclua a localizao actual: a. Verifique se todos os elementos, excepto para a localizao actual, esto implementados como links. b. Verifique se a localizao actual no est implementada como um link. 6. Verifique se todos os links conduzem para a pgina Web correcta, conforme especificado pelo trilho de navegao. Resultados Esperados Para todas as pginas Web do conjunto que utilizam trilhos de navegao, o Os passos 2, 3 e 6 so verdadeiros. o Os passos 4 e 5 so verdadeiros.
G68: Fornecer uma etiqueta descritiva que descreva a finalidade do contedo composto por apenas udio em directo e por apenas vdeo em directo
Aplicabilidade
Aplica-se a todas as tecnologias.
Critrio de Sucesso 1.1.1 (Contedo No Textual) o Como Cumprir o 1.1.1 (Contedo No Textual) o Noes sobre o Critrio de Sucesso 1.1.1 (Contedo No Textual)
Descrio
Esta tcnica fornece uma etiqueta descritiva para contedo composto por apenas udio em directo e por apenas vdeo em directo. Esta etiqueta pode ser utilizada em combinao com uma alternativa para multimdia baseada no tempo para udio ou uma alternativa para multimdia baseada no tempo ou udio-descrio do vdeo. Contudo, essas alternativas no fazem parte desta tcnica. A finalidade desta tcnica garantir que o utilizador possa determinar o que o contedo no textual, mesmo que no consiga aced-lo. NOTA: Mesmo se tambm estiverem disponveis alternativas completas, importante que os utilizadores possam identificar o contedo no textual quando o encontrarem, para no ficarem confusos e poderem associ-lo alternativa completa.
Exemplos
Exemplo 1 Uma gravao de vdeo em directo da auto-estrada da costa Este tem a seguinte etiqueta descritiva "Filme de vdeo em directo da Auto-estrada da Costa Este a Sul do cruzamento I-81 com as condies de trnsito actuais." Uma gravao de udio em directo da Cmara dos Representantes no Mississipi tem a seguinte etiqueta descritiva "Gravao de udio em directo dos microfones da Cmara dos Representantes no Mississipi."
Recursos
G100: Fornecer o nome aceite ou um nome descritivo do contedo no textual
Testes
Procedimento 1. Remova, oculte ou disfarce o contedo no textual. 2. Apresente a(s) alternativa(s) em texto. 3. Verifique se a finalidade do contedo no textual clara, mesmo se se perder o contedo. Resultados Esperados O passo 3 verdadeiro.
G69: Fornecer uma alternativa para multimdia baseada no tempo

Aplicabilidade
Tcnica Geral. Aplica-se a todas as tecnologias. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Prgravada)) Critrio de Sucesso 1.2.8 (Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.8 (Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.8 (Alternativa em Multimdia (Pr-gravada))
Descrio
A finalidade desta tcnica fornecer uma forma alternativa acessvel de apresentar as informaes numa apresentao em multimdia sincronizada. Numa apresentao em multimdia sincronizada, as informaes so apresentadas em vrias formas, incluindo

dilogo, sons (naturais e artificiais), ambiente e cenrio, aces e expresses das pessoas, animais, etc., texto ou grficos e outros.
Para apresentar as mesmas informaes numa forma acessvel, esta tcnica implica a criao de um documento que conte a mesma histria e apresente as mesmas informaes da multimdia sincronizada. Um documento deste tipo , por vezes, designado por guio. Inclui todos os dilogos e aces importantes, bem como descries de cenrios, etc. que faam parte da histria. Se tiver sido utilizado um guio verdadeiro para criar a multimdia sincronizada, este pode ser um bom comeo. Contudo, na produo e edio, a multimdia sincronizada , normalmente, diferente do guio. Para esta tcnica, o guio original teria de ser corrigido para fazer corresponder o dilogo ao que realmente acontece no formato editado final da multimdia sincronizada. Alm disso, alguns tipos especiais de multimdia sincronizada incluem interaco que tem de ocorrer em locais especficos na reproduo da multimdia sincronizada. Por vezes, pode resultar numa aco (por ex., algo que comprado, enviado, realizado, etc.). Por outras, pode alterar o curso da multimdia sincronizada (por ex., a multimdia sincronizada tem vrios caminhos que so determinados pela entrada de dados por parte do utilizador). Nesses casos, seriam utilizados links ou outro mecanismo na alternativa para multimdia baseada no tempo para permitir que as pessoas que utilizam a alternativa possam ter as mesmas opes e capacidades do que as pessoas que utilizam a multimdia sincronizada.
Exemplos
Um filme de formao mostra aos funcionrios como utilizar uma nova pea de equipamento. Inclui
uma pessoa a falar enquanto a operao demonstrada. O guio utilizado para criar o filme de formao utilizado como ponto de partida. Depois, editado e corrigido para corresponder ao dilogo, etc. O filme e a alternativa resultante para multimdia baseada no tempo so, em seguida, disponibilizados no stio da Web da empresa. Os funcionrios podem utilizar um ou os dois para obter informaes sobre como utilizar a mquina. criado um ambiente interactivo de compras que permite aos utilizadores navegar numa loja virtual e fazer compras. Uma alternativa para multimdia baseada no tempo permite que os utilizadores acedam s mesmas compras em texto com links para escolherem corredores e comprar coisas, em vez de as arrastarem para um cesto de compras virtual.
Recursos
Tcnicas Relacionada

G8: Fornecer um filme com udio-descries alargadas G58: Colocar um link para a alternativa para multimdia baseada no tempo junto ao contedo no textual G78: Fornecer uma segunda faixa de udio, seleccionvel pelo utilizador, que inclua udio-descries G158: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas udio G159: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas vdeo
Testes
Procedimento 1. Veja a apresentao em multimdia sincronizada enquanto consulta a alternativa para multimdia baseada no tempo. 2. Verifique se o dilogo na alternativa para multimdia baseada no tempo corresponde ao dilogo na apresentao em multimdia sincronizada. 3. Verifique se a alternativa para multimdia baseada no tempo tem descries de sons. 4. Verifique se a alternativa para multimdia baseada no tempo tem descries de cenrios e alteraes de cenrios. 5. Verifique se a alternativa para multimdia baseada no tempo tem descries de aces e expresses de quaisquer "actores" (pessoas, animais, etc.). 6. Se as verses alternativas estiverem numa pgina separada, verifique se existem links disponveis para permitir ao utilizador aceder a outras verses. Resultados Esperados Os passos 2, 3, 4 e 5 so verdadeiros.
G70: Fornecer uma funo para procurar um dicionrio online

Aplicabilidade
Todas as tecnologias. Esta tcnica est relacionada com
Critrio de Sucesso 3.1.3 (Palavras Invulgares) o Como Cumprir o 3.1.3 (Palavras Invulgares) o Noes sobre o Critrio de Sucesso 3.1.3 (Palavras Invulgares) Critrio de Sucesso 3.1.4 (Abreviaturas) o Como Cumprir o 3.1.4 (Abreviaturas) o Noes sobre o Critrio de Sucesso 3.1.4 (Abreviaturas)
Descrio
O objectivo desta tcnica fornecer a definio de palavras, frases, jargo ou definies por extenso das abreviaturas, adicionando um mecanismo para aceder a um dicionrio online para a pgina Web. Esta tcnica utiliza recursos existentes na Internet para fornecer a definio, em vez de necessitar que o autor crie uma glossrio ou outro mecanismo no stio da Web. Ao fornecer acesso a partir da pgina Web, um utilizador pode facilmente localizar a definio pretendida. Esta tcnica s pode ser utilizada se o dicionrio online devolver a definio correcta.
Exemplos
Exemplo 1 Um stio da Web que descreva a forma como funciona um computador deve incluir um formulrio de procura em cada pgina Web. A procura de termos informticos, acrnimos e abreviaturas ser efectuada num dicionrio online. Uma vez que o dicionrio especializado em termos informticos, a definio por extenso dos acrnimos encontrada deve ser mais exacta do que a existente num dicionrio geral. Exemplo 2 Um curso online de gramtica inglesa fornece um pargrafo de texto que introduz novas palavras. Cada uma das palavras corresponde a um link para um dicionrio online para encontrar a definio da palavra. Ao activar um link, abrir-se- uma nova janela para um dicionrio online com a definio da palavra especfica.
Recursos

G55: Aceder s definies atravs de um link G62: Fornecer um glossrio G112: Utilizar definies em linha
Testes
Procedimento Para cada palavra, frase ou abreviatura, dais quais pretenda a definio: 1. Verifique se existe um mecanismo na pgina Web para procurar a palavra, frase ou abreviatura atravs de um dicionrio online. 2. Verifique se o resultado da procura da palavra, frase ou abreviatura no dicionrio corresponde definio correcta. Resultados Esperados Os passos 1 e 2 so verdadeiros. Nota: A definio de abreviatura utilizada nas WCAG : "forma abreviada de uma palavra, frase ou nome, em que a definio por extenso original no tenha sido rejeitada pela organizao qual se refere, e em que a abreviatura no se torna parte da lngua."
G71: Fornecer um link de ajuda em todas as pginas Web

Aplicabilidade
Critrio de Sucesso 3.3.5 (Ajuda) o Como Cumprir o 3.3.5 (Ajuda)
Noes sobre o Critrio de Sucesso 3.3.5 (Ajuda)
Descrio
O objectivo desta tcnica fornecer ajuda contextualizada aos utilizadores medida que introduzem dados nos formulrios, fornecendo, no mnimo, um link para as informaes de ajuda em cada pgina Web. O link conduz a uma pgina de ajuda com informaes especficas dessa pgina Web. Outra abordagem fornecer um link de ajuda para todos os controlos interactivos. A colocao desse link imediatamente antes ou depois do controlo permite aos utilizadores chegarem facilmente at ao mesmo se tiverem problemas no controlo. A apresentao das informaes de ajuda numa nova janela de browser garante que todos os dados que j tenham sido introduzidos no formulrio no sejam perdidos. NOTA: Um link no o nico meio para fornecer ajuda.
Exemplos
Exemplo 1 O exemplo abaixo mostra um elemento label que inclui um link de ajuda. Incluir o link de ajuda no elemento label permite que os utilizadores de leitores de ecr tenham acesso ao link de ajuda ao interagir com o controlo do formulrio de introduo de dados.
Cdigo Exemplo: <form action="test.html"> <label for="test">Test control <a href="help.html" target="_blank">Help</a></label> <input type="text" name="test" id="test" /> </form>

G184: Fornecer instrues em texto no incio de um formulrio ou conjunto de campos que descrevem a entrada de dados necessria G193: Fornecer ajuda por intermdio de um assistente na pgina Web
Testes
Procedimento 1. Identifique uma pgina Web que contenha formulrios. 2. Verifique se existe, no mnimo, um link para informaes de ajuda especficas para o preenchimento do formulrio nesta pgina Web ou outro recurso. 3. Verifique se existem links antes ou depois de cada controlo interactivo para informaes de ajuda especficas para esse controlo. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G73: Fornecer uma descrio extensa noutra localizao com um link para a mesma junto ao contedo no textual
Aplicabilidade
Descrio
O objectivo desta tcnica fornecer uma forma de aceder, atravs de um link, a descries extensas remotas em tecnologias que no disponham de uma funcionalidade de descries extensas integrada (por ex., longdesc), ou onde essa funcionalidade no seja suportada. Com esta tcnica, a descrio extensa fornecida numa localizao diferente do contedo no textual. Este pode estar noutra localizao no mesmo URI ou noutro URI. fornecido um link para essa descrio extensa junto ao contedo no textual. O link pode estar imediatamente antes ou depois do contedo no textual. Se a descrio estiver juntamente com outro texto, coloque "Fim da descrio" no fim para o utilizador saber quando deve parar de ler e regressar ao contedo principal. Se um boto "Retroceder" no encaminhar a pessoa para a sua localizao original, ser fornecido um link para voltar localizao do contedo no textual. Esta tcnica era geralmente utilizada em HTML antes de "longdesc" ter sido adicionado especificao. Em HTML, chamava-se D-Link, porque era normalmente implementada colocando um D junto s imagens e utilizando o D como um link para a descrio extensa. Esta tcnica no especfica da tecnologia e pode ser utilizada em qualquer tecnologia que suporte links.
Exemplos
Exemplo 1: Grfico de barras Um grfico de barras numa pgina Web mostra as vendas dos trs melhores vendedores. A alternativa em texto abreviado indica: "Grfico de vendas de Outubro para os trs melhores vendedores." Imediatamente a seguir ao contedo no textual encontra-se uma pequena imagem apresentando uma descrio extensa. O texto alternativo para a imagem "Descrio extensa do grfico". A imagem tem um link para a parte inferior da pgina, onde existe uma seco intitulada "Descrio de grficos nesta pgina". O link aponta para esta descrio especfica: "As vendas de Outubro mostram que a Mary lidera com 400 unidades. Logo a seguir vem o Mike com 389. O Chris completa o nosso top 3 com 350 unidades vendidas. [fim da descrio]" Exemplo 2: Grfico de barras - numa tecnologia no HTML, em que a funcionalidade "retroceder" do agente de utilizador no suportada por motivos de segurana. Um grfico de barras numa pgina Web mostra as vendas dos trs melhores vendedores. A alternativa em texto abreviado indica: "Grfico de vendas de Outubro para os trs melhores vendedores." Imediatamente a seguir ao contedo no textual encontra-se uma pequena imagem apresentando a descrio extensa. O texto alternativo para a imagem "Descrio extensa do grfico". A imagem tem um link para outra pgina intitulada "Descrio de grficos no Relatrio de Vendas de Outubro". O link da descrio aponta para esta descrio especfica: "As vendas de Outubro mostram que a Mary lidera
com 400 unidades. Logo a seguir vem o Mike com 389. O Chris completa o nosso top 3 com 350 unidades vendidas. Fim da descrio. <link> Retroceder ao Grfico de Vendas </link> ]" Exemplo 3: Legenda utilizada como link Um grfico. A legenda da figura imediatamente a seguir ao grfico funciona como um link para a descrio extensa. O atributo Title do link torna claro que se trata de um link para uma descrio extensa. Exemplo 4: Transcrio de um ficheiro composto por apenas udio Uma gravao de um discurso do Martin Luther King. Os links para o ficheiro de udio e para a transcrio aparecem lado a lado.
Recursos

G74: Fornecer uma descrio extensa no texto junto ao contedo no textual, com uma referncia localizao da descrio extensa na descrio abreviada H45: Utilizar longdesc
Testes
Procedimento 1. Verifique se existe um link imediatamente antes ou depois do contedo no textual. 2. Verifique se existe um link vlido que aponte directamente para a descrio extensa deste contedo no textual especfico. 3. Verifique se a descrio extensa transmite a mesma informao do contedo no textual. 4. Verifique se existe um link ou uma funo de retrocesso disponveis para encaminhar o utilizador para a localizao original do contedo no textual. Resultados Esperados Todos os passos acima so verdadeiros.
G74: Fornecer uma descrio extensa no texto junto ao contedo no textual, com uma referncia localizao da descrio extensa na descrio abreviada
Aplicabilidade
Descrio
O objectivo desta tcnica fornecer uma descrio extensa para que o utilizador no necessite de se deslocar at outra localizao para obter a descrio. Tambm permite que todos os utilizadores vejam a descrio, o que pode ser til para pessoas que no encontrem algumas funcionalidades no contedo no textual. Com esta tcnica, a descrio extensa fornecida como parte da apresentao normal (i.e., todos a recebem). A descrio encontra-se junto ao contedo no textual, mas no tem de ser o item logo a seguir. Por exemplo, pode existir uma legenda sob um grfico com a descrio extensa fornecida no pargrafo seguinte. A localizao desta descrio extensa assim fornecida na alternativa em texto abreviado para que o utilizador saiba onde procur-la se no puder visualizar o contedo no textual.
Exemplos
Exemplo 1: Grfico de barras Um grfico de barras numa pgina Web mostra as vendas dos trs melhores vendedores. A alternativa em texto abreviado indica: "Grfico de vendas de Outubro para os trs melhores vendedores." O seguinte encontra-se no pargrafo imediatamente a seguir ao grfico. "As vendas de Outubro mostram que a Mary lidera com 400 unidades. Logo a seguir vem o Mike com 389. O Chris completa o nosso top 3 com 350 unidades vendidas."
Recursos

G73: Fornecer uma descrio extensa noutra localizao com um link para a mesma junto ao contedo no textual H45: Utilizar longdesc
Testes
Procedimento 1. Verifique se a alternativa em texto abreviado inclui a localizao da descrio extensa. 2. Verifique se a descrio extensa se encontra junto ao contedo no textual, tanto visualmente como na ordem de leitura linear. 3. Verifique se a descrio extensa transmite a mesma informao do contedo no textual. Resultados Esperados Todos os passos acima so verdadeiros.
G75: Fornecer um mecanismo para adiar qualquer actualizao do contedo
Aplicabilidade
Contedo que actualizado automaticamente. Esta tcnica est relacionada com:
Critrio de Sucesso 2.2.4 (Interrupes) o Como Cumprir o 2.2.4 (Interrupes) o Noes sobre o Critrio de Sucesso 2.2.4 (Interrupes)
Descrio
O objectivo desta tcnica garantir que os utilizadores podem adiar actualizaes automticas do contedo, ou outras interrupes no urgentes. Isto pode ser conseguido atravs de uma preferncia ou alertando os utilizadores de uma actualizao iminente, permitindo-lhes suprimi-la. Se for fornecida uma preferncia, a actualizao automtica do contedo pode ser desactivada por predefinio e os utilizadores podem especificar a frequncia das actualizaes automticas do contedo se optarem por activar a definio.
Exemplos
Uma pgina Web fornece cotaes da bolsa e actualizada automaticamente de tempos a tempos.
A pgina fornece um breve formulrio com um campo "Frequncia de actualizao dos dados (minutos):" para que os utilizadores possam ajustar a frequncia da actualizao.

G76: Fornecer um mecanismo para solicitar uma actualizao do contedo, em vez de actualizar automaticamente SCR14: Utilizar scripts para tornar opcionais os alertas no essenciais
Testes
Procedimento 1. Encontre pginas com contedo que actualizado automaticamente. 2. Para cada actualizao automtica, procure um mecanismo para ajustar a frequncia das actualizaes. 3. Verifique se a actualizao automtica est desactivada por predefinio ou se o utilizador avisado antes de ocorrer uma actualizao automtica e autorizado a suprimi-la. Resultados Esperados O passo 3 verdadeiro.
G76: Fornecer um mecanismo para solicitar uma actualizao do contedo, em vez de actualizar automaticamente
Aplicabilidade
Qualquer tecnologia ou combinao de tecnologias que suportem actualizaes automticas. Esta tcnica est relacionada com:
Critrio de Sucesso 3.2.5 (Alterao a Pedido) o Como Cumprir o 3.2.5 (Alterao a Pedido) o Noes sobre o Critrio de Sucesso 3.2.5 (Alterao a Pedido)
Descrio
O objectivo desta tcnica deixar o utilizador controlar se e quando o contedo for actualizado, de modo a evitar confuso ou desorientao provocadas por actualizaes automticas que alteram o contexto. Os utilizadores de leitores de ecr podem achar as actualizaes automticas confusas, porque nem sempre claro o que est a acontecer. Quando uma pgina actualizada, o "cursor virtual" do leitor de ecr, que assinala a localizao actual do utilizador na pgina, desloca-se para o topo da pgina. As pessoas que utilizam software de ampliao de ecr e as pessoas com incapacidades de leitura tambm podem ficar desorientadas quando as pginas so actualizadas automaticamente. Algum contedo frequentemente actualizado com novos dados ou informaes. Alguns programadores foram actualizaes automticas inserindo cdigos no contedo que fazem com que o contedo solicite uma nova cpia de si prprio ao servidor. Estas actualizaes e a frequncia das mesmas nem sempre esto sob controlo do utilizador. Em vez de accionar actualizaes automaticamente, os autores podem fornecer um mecanismo que permita ao utilizador solicitar uma actualizao do contedo conforme for necessrio.
Exemplos
Exemplo 1 Em HTML, um programador pode fornecer um boto ou link que permita ao utilizador actualizar o contedo. Por exemplo, numa pgina com itens de novidades localizada em http://www.example.com/news.jsp
Cdigo Exemplo: <a href="news.jsp">Update this page</a>
Exemplo 2 Numa interface Web para e-mail (Webmail), um programador pode fornecer um boto ou link para ir buscar novos e-mails a receber, em vez de actualizar automaticamente.
Recursos
Os tempos limite excedidos e as actualizaes de pgina (pgina em ingls), segundo o Web Access
Centre of the Royal National Institute of the Blind (RNIB), fornecem fundamentao lgica e tcnicas.

G75: Fornecer um mecanismo para adiar qualquer actualizao do contedo SCR14: Utilizar scripts para tornar opcionais os alertas no essenciais
Testes
Procedimento 1. Encontre mecanismos para actualizar o contedo (se existirem). 2. Para cada mecanismo, verifique se permite ao utilizador solicitar uma actualizao.
3. Para cada mecanismo, verifique se pode provocar uma actualizao automtica. Resultados Esperados Se o passo 2 for verdadeiro, ento o passo 3 falso.
G78: Fornecer uma segunda faixa de udio, seleccionvel pelo utilizador, que inclua udio-descries
Aplicabilidade
Aplica-se a qualquer tecnologia que inclua uma faixa de udio e contedo visual. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Prgravada)) Critrio de Sucesso 1.2.5 (udio-Descrio (Pr-gravada)) o Como Cumprir o 1.2.5 (udio-Descrio (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.5 (udio-Descrio (Pr-gravada))
Descrio
O objectivo desta tcnica fornecer uma verso udio (falada) das informaes fornecidas visualmente, de modo a que as pessoas cegas possam compreender o material audiovisual. Uma vez que, actualmente, a maioria dos agentes de utilizador no conseguem unir vrias faixas de udio, esta tcnica adiciona as informaes de udio suplementares multimdia sincronizada, fornecendo uma opo que permite aos utilizadores substituir a faixa de udio por uma nova cpia da faixa de udio original que inclui a udio-descrio adicional. Estas informaes suplementares dizem respeito a aces, caracteres, mudanas de cenrio e texto no ecr (no legendas) que so importantes para compreender o contedo. Como no convm que estas novas informaes atrapalhem as informaes de udio essenciais na faixa de udio original (ou que estas sejam atrapalhadas por efeitos sonoros altos), as novas informaes so adicionadas durante as pausas no dilogo e nos efeitos sonoros. Isto limita a quantidade de informao suplementar que pode ser adicionada ao programa. A faixa de udio com a udio-descrio (da informao visual) pode ser uma faixa de udio alternativa que o utilizador pode escolher, ou a faixa de udio normal que todas as pessoas ouvem.
Exemplos
adicionada uma udio-descrio num documentrio sobre viagens no nordeste durante os
intervalos no dilogo para permitir que os ouvintes cegos saibam sobre o que a pessoa est a falar a qualquer momento. Um vdeo mostra um pica-pau a fazer um ninho numa rvore. Um boto no contedo permite aos utilizadores ligar ou desligar a faixa da udio-descrio. adicionada um udio-descrio numa conferncia sempre que o professor diz coisas como "e isto uma das coisas mais importantes". As udio-descries permitem que os ouvintes que no conseguem ver o vdeo saibam o que "isto" .
O ficheiro de um filme tem duas faixas de udio, em que uma inclui a udio-descrio. Os
utilizadores podem escolher qualquer uma delas quando estiverem a ouvir o filme, seleccionando a faixa apropriada no leitor multimdia.
Recursos

Linguagem de Integrao de Multimdia Sincronizada (SMIL) 1.0 Linguagem de Integrao de Multimdia Sincronizada (SMIL 2.0) Funcionalidades de Acessibilidade da SMIL Acessibilidade NCAM Rich Media, Modelos SMIL Acessveis Realtext SAMI 1.0

G69: Fornecer uma alternativa para multimdia baseada no tempo SM6: Fornecer uma udio-descrio em SMIL 1.0 SM7: Fornecer uma udio-descrio em SMIL 2.0 G173: Fornecer uma verso de um filme com udio-descries
Testes
Procedimento 1. Verifique se a faixa de udio que inclui as udio-descries pode ser ligada utilizando um controlo no prprio contedo ou seleccionando uma preferncia no leitor multimdia. 2. Oua a multimdia sincronizada. 3. Verifique se so utilizados os intervalos no dilogo para transmitir informaes importantes sobre o contedo visual. Resultados Esperados Os passos 1 e 3 so verdadeiros.
G79: Fornecer uma verso falada do texto

Aplicabilidade
Tecnologias que suportem links e formatos de udio. Esta tcnica est relacionada com:
Critrio de Sucesso 3.1.5 (Nvel de Leitura) o Como Cumprir o 3.1.5 (Nvel de Leitura) o Noes sobre o Critrio de Sucesso 3.1.5 (Nvel de Leitura)
Descrio
Alguns utilizadores que tm dificuldade em descobrir (descodificar) palavras em texto escrito consideram ser bastante til ouvir o texto lido em voz alta. Agora, este servio pode ser fornecido facilmente utilizando voz humana gravada ou fala sintetizada. Por exemplo, existem vrios produtos que os autores podem utilizar para converter o texto em fala sintetizada, e depois guardar a verso falada como um ficheiro de
udio. Pode ser fornecido um link para a verso falada no contedo. O custo depende, em parte da, qualidade da voz utilizada e da probabilidade de o texto mudar com frequncia.
Verses faladas de textos abreviados e de contedo de texto esttico
Este mtodo eficaz para pequenas quantidades de texto e para documentos mais extensos que no sofrem alteraes com frequncia. 1. Faa uma gravao de uma pessoa a ler o texto em voz alta, ou utilize uma ferramenta que converta cada um dos documentos ou passagens seleccionadas em fala sintetizada. Escolha a voz mais clara e agradvel, se possvel. 2. Guarde a verso falada como um ficheiro de udio. Utilize um formato de udio disponvel e suportado por leitores multimdia. 3. Fornea um link para a verso udio. 4. Identifique o formato de udio (por exemplo, .MP3, .WAV, .AU, etc.). 5. Fornea um link para um leitor multimdia que suporte o formato. Verses faladas de texto que sofre alteraes Os mtodos baseados no servidor podem ser melhores quando as pginas sofrem alteraes com frequncia ou quando a escolha do utilizador determina o contedo do texto. Algumas ferramentas baseadas no servidor permitem aos utilizadores seleccionar qualquer texto que pretendam, e ouvilo. Normalmente, o utilizador pressiona um boto que inicia a converso texto para fala e l o texto em voz alta.
Exemplos
Exemplo 1: Um stio da Web para um organismo pblico Um stio da Web de um municpio tem um boto em todas as pginas que tm a etiqueta "Leia esta pgina em voz alta". O utilizador selecciona o boto e a pgina falada por um fala sintetizada.
Recursos
Testes
Procedimento 1. Verifique se est disponvel uma verso falada do contedo. Resultados Esperados O passo 1 verdadeiro.
G80: Fornecer um boto Submeter para iniciar uma alterao de contexto

Aplicabilidade
Contedo que inclui formulrios. Esta tcnica est relacionada com:
Critrio de Sucesso 3.2.2 (Em Entrada) o Como Cumprir o 3.2.2 (Em Entrada) o Noes sobre o Critrio de Sucesso 3.2.2 (Em Entrada)
Descrio
O objectivo desta tcnica fornecer um mecanismo que permita aos utilizadores solicitar explicitamente alteraes de contexto. Uma vez que a utilizao pretendida de um boto Submeter gerar um pedido HTTP que submeta dados introduzidos num formulrio, este um controlo apropriado para provocar uma alterao de contexto e uma prtica que no cria confuso aos utilizadores.
Exemplos
Exemplo 1 Exemplo 1: Um boto Submeter utilizado para cada formulrio que provoque uma alterao no contexto.
Recursos

H32: Fornecer botes Submeter H84: Utilizar um boto com um elemento select para executar uma aco
Testes
Procedimento 1. Encontre todos os formulrios existentes no contedo. 2. Para cada formulrio, verifique se dispe de um boto Submeter. Resultados Esperados O passo 2 verdadeiro.
G81: Fornecer um vdeo sincronizado do intrprete de lngua gestual que possa ser visualizado numa janela diferente ou sobreposto na imagem pelo leitor multimdia
Aplicabilidade
Aplica-se a todas as tecnologias de multimdia sincronizada que permitem a sincronizao de vrias sequncias de vdeo. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.6 (Lngua Gestual (Pr-gravada)) o Como Cumprir o 1.2.6 (Lngua Gestual (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.6 (Lngua Gestual (Pr-gravada))
Descrio
O objectivo desta tcnica permitir que os utilizadores que no conseguem ouvir ou ler o texto rapidamente possam aceder a material em multimdia sincronizada sem afectar a apresentao do material a todos os espectadores. Para as pessoas que comunicam essencialmente em lngua gestual, existem vezes em que no prefervel e outras em que no possvel lerem e compreenderem o texto velocidade a que apresentado em legendas. Para estas pessoas importante fornecer uma apresentao em lngua gestual das informaes de udio. Esta tcnica alcana o seu objectivo fornecendo a interpretao em lngua gestual como uma sequncia de vdeo separada, sincronizada com a sequncia de vdeo original. Consoante o leitor, esta sequncia de vdeo secundria pode ser colocada no topo do vdeo original ou apresentada numa janela separada. Tambm pode ser possvel aumentar a imagem da interpretao em lngua gestual separadamente do vdeo original para facilitar a leitura das mos, do corpo e movimentos faciais do intrprete. NOTA: Uma vez que a lngua gestual no , normalmente, uma verso com gestos da lngua escrita, o autor tem de escolher que lngua gestual deve incluir. Normalmente, ser utilizada a lngua gestual do pblico principal. Se se destinar a vrios pblicos, podem ser utilizadas vrias lnguas. Para obter informaes sobre vrias lnguas gestuais, consulte a tcnica de tipo aconselhada.
Exemplos
Exemplo 1 Exemplo 1: Uma universidade fornece uma sequncia de vdeo com interpretao de lngua gestual sincronizada que pode ser apresentada, se o espectador assim o entender, juntamente com qualquer um dos programas de ensino.
Recursos
Directrizes para a Produo de Livros de Lngua Gestual o "Apresentao em Lngua Gestual" (pgina em ingls) fornece uma extensa descrio geral
das questes a ter em considerao ao filmar intrpretes de lngua gestual. Inclui o tema sobre a interpretao em lngua gestual dos originais falados e escritos. o As tcnicas de filmagem so apresentadas no Captulo 12, Filmar os Intrpretes"(pgina em ingls). o As informaes teis sobre como apresentar o intrprete de lngua gestual em relao ao contedo em multimdia sincronizada original so fornecidas no Captulo 13, "Edio"(pgina em ingls). Nota: Estas tcnicas podem precisar de ser adaptadas para apresentao baseada na Web. (nenhum)

G54: Incluir um intrprete de lngua gestual na sequncia de vdeo SM13: Fornecer interpretao em lngua gestual atravs de sequncias de vdeo sincronizadas em SMIL 1.0 SM14: Fornecer interpretao em lngua gestual atravs de sequncias de vdeo sincronizadas em SMIL 2.0
Testes
Procedimento 1. Active a apresentao da janela da lngua gestual no leitor. 2. Pea a uma pessoa que consiga ouvir e que esteja familiarizada com a lngua gestual que est a ser utilizada para ver o programa. 3. Verifique se existe um intrprete de lngua gestual no ecr ou numa janela separada. 4. Verifique se o dilogo e os sons importantes esto a ser transmitidos pelo intrprete e esto sincronizados com o udio. Resultados Esperados Os passos 3 e 4 so verdadeiros.
G82: Fornecer uma alternativa em texto que identifique a finalidade do contedo no textual
Aplicabilidade
Descrio
A finalidade desta tcnica fornecer informaes teis atravs da alternativa em texto, mesmo se no puder ser fornecida toda a funo do contedo no textual. Por vezes, uma alternativa em texto no pode servir a mesma finalidade do contedo no textual original (por exemplo, uma applet destinada a desenvolver capacidades bidimensionais de definio rpida e coordenao dos olhos com a mo). Nestes casos, utilizada esta tcnica. Com esta tcnica, fornecida uma descrio da finalidade do contedo no textual.
Exemplos
Exemplo 1 Uma applet de desenvolvimento de coordenao dos olhos com a mo tem a seguinte alternativa em texto: "Uma Applet que utiliza o rato e os alvos em movimento para desenvolver a coordenao dos olhos com a mo". Uma applet de cmara com um disco redondo que pressionado nas extremidades para controlar uma cmara remota e um cursor no meio para ampliar/reduzir (zoom) tem a seguinte alternativa em texto: "Controlo para apontar e ampliar/reduzir a cmara de vdeo remota".
Recursos
G196: Utilizar uma alternativa em texto num item de um grupo de imagens que descreva todos os itens do grupo
H35: Fornecer alternativas em texto em elementos applet H36: Utilizar atributos alt em imagens utilizadas como botes Submeter H37: Utilizar atributos alt em elementos img H53: Utilizar o corpo do elemento object H86: Fornecer alternativas em texto para arte ASCII, emoticons e leetspeak
Testes
Procedimento 1. Remova, oculte ou disfarce o contedo no textual. 2. Substitua-o pela alternativa em texto. 3. Verifique se a finalidade do contedo no textual clara, mesmo se se perder a funo. Resultados Esperados O passo 3 verdadeiro.
G83: Fornecer descries em texto para identificar os campos obrigatrios que no foram preenchidos
Aplicabilidade
Contedo que inclua campos obrigatrios na entrada de dados por parte do utilizador. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.1 (Identificao do Erro) o Como Cumprir o 3.3.1 (Identificao do Erro) o Noes sobre o Critrio de Sucesso 3.3.1 (Identificao do Erro) Critrio de Sucesso 3.3.3 (Sugesto de Erro) o Como Cumprir o 3.3.3 (Sugesto de Erro) o Noes sobre o Critrio de Sucesso 3.3.3 (Sugesto de Erro) Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues)
Descrio
O objectivo desta tcnica notificar o utilizador sobre um campo de preenchimento obrigatrio que no foi preenchido. Quando os utilizadores no introduzem dados nos campos de formulrio obrigatrios, a informao fornecida em texto para permitir aos utilizadores identificar os campos que foram esquecidos. Uma abordagem utilizar a validao do lado do cliente e fornecer uma caixa de dilogo de aviso a identificar os campos obrigatrios que foram esquecidos. Outra abordagem, utilizando a validao do lado do servidor, voltar a apresentar o formulrio (incluindo todos os dados anteriormente introduzidos), com uma descrio em texto no local do campo obrigatrio esquecido, ou uma descrio em texto que identifique os campos obrigatrios esquecidos.
Exemplos
Um utilizador tenta submeter um formulrio, mas esqueceu-se de introduzir dados ou de
seleccionar uma opo num ou mais campos obrigatrios. Utilizando a validao do lado do cliente, a falha detectada e apresentada uma caixa de dilogo de aviso a informar o utilizador
de que existem campos obrigatrios por preencher. As etiquetas dos campos com este problema so alteradas para identificar o campo com o problema, e so inseridos links para os campos com problema no documento a seguir ao boto Submeter para que o utilizador possa deslocar-se para os mesmos depois de fechar o aviso. Um utilizador tenta submeter um formulrio, mas esqueceu-se de introduzir dados ou de seleccionar uma opo num ou mais campos obrigatrios. Utilizando a validao do lado do servidor, a falha detectada e o formulrio novamente apresentado com uma descrio em texto no topo a informar que campos obrigatrios foram esquecidos. Cada campo obrigatrio esquecido tambm identificado atravs de uma etiqueta de texto para que o utilizador no tenha de regressar lista no topo do formulrio para encontrar os campos esquecidos. Um utilizador est a preencher um formulrio que inclui campos obrigatrios. As etiquetas dos campos indicam se so ou no obrigatrios. O utilizador utiliza a tecla de tabulao para chegar ao campo obrigatrio, e utiliza a mesma tecla para sair do campo sem introduzir quaisquer dados ou seleccionar uma opo. Um script do lado do cliente modifica a etiqueta do campo para indicar que foi um erro deix-lo em branco. Nota: Alguns leitores de ecr podem no reparar nem anunciar a alterao etiqueta para que os utilizadores de leitores de ecr possam ignorar a existncia do erro.

G85: Fornecer uma descrio em texto quando a entrada de dados por parte do utilizador no se enquadre no formato ou valores obrigatrios SCR18: Fornecer validao e alertas do lado do cliente
Testes
Procedimento 1. Preencha um formulrio, deixando deliberadamente um ou mais campos obrigatrios em branco, e submeta-o. 2. Verifique se fornecida uma descrio em texto a identificar os campos obrigatrios que no foram preenchidos. Resultados Esperados O passo 2 verdadeiro.
G84: Fornecer uma descrio em texto quando o utilizador fornecer informao que no se enquadre na lista de valores permitidos
Aplicabilidade
Contedo que recolhe dados do utilizador onde tem de ser introduzido um conjunto limitado de valores. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.1 (Identificao do Erro) o Como Cumprir o 3.3.1 (Identificao do Erro) o Noes sobre o Critrio de Sucesso 3.3.1 (Identificao do Erro) Critrio de Sucesso 3.3.3 (Sugesto de Erro) o Como Cumprir o 3.3.3 (Sugesto de Erro) o Noes sobre o Critrio de Sucesso 3.3.3 (Sugesto de Erro)
Descrio
Quando os utilizadores introduzem dados que so validados, e so detectados erros, necessrio descrever a natureza do erro para que o utilizador possa aceder ao mesmo. Uma abordagem apresentar uma caixa de dilogo de aviso que descreve os campos com erros quando o utilizador tenta submeter o formulrio. Outra abordagem, se a validao for efectuada pelo servidor, devolver o formulrio (com os dados do utilizador ainda nos campos) e fornecer uma descrio em texto no topo da pgina a indicar a existncia de um problema de validao, a descrever a natureza do problema e a fornecer formas de localizar facilmente os campos com problema. A parte "em texto" do Critrio de Sucesso reala que no suficiente indicar simplesmente que um campo tem um erro, colocando um asterisco na respectiva etiqueta ou colocando-a a vermelho. Deve ser fornecida uma descrio em texto do problema. Quando os dados tiverem de limitar-se a um conjunto de valores permitidos, a descrio em texto deve indicar esse facto. Se possvel, deve incluir a lista de valores, ou sugerir o valor permitido mais semelhante ao valor introduzido.
Exemplos
O utilizador introduz dados invlidos no campo de um formulrio. Antes de o utilizador submeter o
formulrio, apresentada uma caixa de dilogo que descreve a natureza do erro para o utilizador poder corrigi-lo. O utilizador introduz dados invlidos no campo de um formulrio e submete o formulrio. O servidor devolve formulrio, com os dados do utilizador ainda presentes, e indica claramente em texto no topo da pgina que existem erros de entrada. O texto descreve a natureza dos erros e indica claramente qual o campo que apresenta o problema para o utilizador poder navegar facilmente at ao mesmo e corrigi-lo.
Testes
Procedimento 1. Introduza dados invlidos no campo de um formulrio. 2. Verifique se a informao sobre o problema fornecida em texto. Resultados Esperados O passo 2 verdadeiro.
G85: Fornecer uma descrio em texto quando a entrada de dados por parte do utilizador no se enquadre no formato ou valores obrigatrios
Aplicabilidade
Contedo que aceite entrada de dados por parte do utilizador, com restries no formato, valor e/ou tipo de dados. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.1 (Identificao do Erro) o Como Cumprir o 3.3.1 (Identificao do Erro) o Noes sobre o Critrio de Sucesso 3.3.1 (Identificao do Erro) Critrio de Sucesso 3.3.3 (Sugesto de Erro) o Como Cumprir o 3.3.3 (Sugesto de Erro) o Noes sobre o Critrio de Sucesso 3.3.3 (Sugesto de Erro)
Descrio
O objectivo desta tcnica fornecer ajuda na correco de erros de entrada, em que as informaes fornecidas pelo utilizador no so aceites. Quando os utilizadores introduzem dados que so validados, e so detectados erros de entrada, so fornecidas informaes em texto sobre a natureza e localizao do erro de entrada para permitir aos utilizadores identificar o problema. Uma abordagem utilizar validao do lado do cliente e fornecer uma caixa de dilogo de aviso que descreva imediatamente o erro quando os utilizadores introduzem dados invlidos num campo. Outra abordagem, utilizando a validao do lado do servidor, voltar a apresentar o formulrio (incluindo todos os dados anteriormente introduzidos), e uma descrio em texto no topo da pgina a indicar a existncia de um erro, a descrever a natureza do problema e a fornecer formas de localizar facilmente os campos com problema. Alm de ser fornecida a descrio em texto, necessrio que a mesma apresente uma das seguintes informaes para ajudar o utilizador:
Fornea exemplos dos dados correctos para o campo, Descreva os dados correctos para o campo, Mostre valores dos dados correctos que sejam semelhantes aos dados introduzidos pelo utilizador,
com instrues sobre como introduzir um dos valores correctos, caso o utilizador escolha faz-lo.
Exemplos
O utilizador introduz dados invlidos no campo de um formulrio. Quando o utilizador sai do campo,
apresentada uma caixa de dilogo de aviso que descreve a natureza do erro para o utilizador poder corrigi-lo. O utilizador introduz dados invlidos no campo de um formulrio e submete o formulrio. O servidor devolve o formulrio, com os dados do utilizador ainda presentes, e indica em texto no topo da pgina que existem erros de entrada. O texto descreve a natureza dos erros e indica qual o campo que apresenta o problema para o utilizador poder navegar facilmente at ao mesmo e corrigi-lo. O utilizador introduz dados invlidos no campo de um formulrio e tenta submeter o formulrio. O scripting do lado do cliente detecta o erro, cancela a submisso e modifica o documento para fornecer uma descrio em texto a seguir ao boto Submeter com a descrio do erro e com links para os campos com o erro. O script tambm modifica as etiquetas dos campos com problemas para os realar.
SCR18: Fornecer validao e alertas do lado do cliente
Testes
Procedimento 1. Preencha um formulrio, introduzindo deliberadamente dados que no se enquadrem no formato ou valores obrigatrios. 2. Verifique se fornecida uma descrio em texto que identifique o campo com o erro e fornea algumas informaes sobre a natureza dos dados invlidos e como corrigi-los. Resultados Esperados O passo 2 verdadeiro.
G86: Fornecer um resumo de texto que necessite de uma capacidade de leitura menos avanada do que o ensino secundrio
Aplicabilidade
Descrio
O objectivo desta tcnica fornecer um resumo de contedo complexo. O resumo fornecido alm do contedo original. Os utilizadores com incapacidades que dificultam a descodificao de palavras e oraes tero, provavelmente, dificuldades em ler e compreender texto complexo. Esta tcnica fornece uma breve enunciao das ideias e informaes mais importantes existentes no contedo. O resumo mais fcil de ler, porque utiliza frases mais curtas e palavras mais comuns do que o original. Podem ser utilizados os passos seguintes para preparar o resumo: 1. Identifique as ideias e informaes mais importantes existentes no contedo. 2. Escreva um ou mais pargrafos que utilizem oraes mais curtas e palavras mais comuns para expressar as mesmas ideias e informaes. (O nmero de pargrafos depende do tamanho do original.) 3. Avalie a legibilidade do resumo. 4. Edite o resumo. Considere dividir frases mais longas em duas ou substituir palavras longas ou pouco familiares por termos mais curtos e mais comuns. 5. Repita os passos 3 e 4, conforme necessrio.
Exemplos
Exemplo 1: Um artigo tcnico com um resumo legvel Um artigo descreve uma inovao tcnica. O primeiro item depois do ttulo do artigo uma seco intitulada Resumo". O comprimento mdio das oraes do resumo de 16 palavras (em comparao com as 23 palavras das oraes do artigo), e utiliza palavras curtas e comuns, em vez do jargo tcnico do artigo. aplicada uma frmula de legibilidade; o resumo necessita de uma capacidade de leitura menos avanada do que o terceiro ciclo do ensino bsico.
Recursos

G79: Fornecer uma verso falada do texto G103: Fornecer ilustraes visuais, imagens e smbolos para ajudar a explicar ideias, eventos e processos G153: Tornar o texto mais fcil de ler G160: Fornecer verses em lngua gestual das informaes, ideias e processos que tm de ser compreendidos para utilizar o contedo
Testes
Procedimento Para cada resumo fornecido como contedo suplementar: 1. Avalie a legibilidade do resumo. 2. Verifique se o resumo necessita de uma capacidade de leitura menos avanada do que o terceiro ciclo do ensino bsico. Resultados Esperados O passo 2 verdadeiro.
G87: Fornecer legendas ocultas

Aplicabilidade
Qualquer tecnologia audiovisual na qual existam agentes de utilizador que suportem legendas ocultas. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.2 (Legendas (Pr-gravadas)) o Como Cumprir o 1.2.2 (Legendas (Pr-gravadas)) o Noes sobre o Critrio de Sucesso 1.2.2 (Legendas (Pr-gravadas))
Descrio
O objectivo desta tcnica fornecer uma forma para que as pessoas com deficincias auditivas, ou que tenham problemas em ouvir o dilogo em material em multimdia sincronizada, possam ver o material e perceber o dilogo e os sons, sem ser necessrio que as pessoas que no sejam surdas vejam as legendas. Com esta tcnica, todo o dilogo e os sons importantes so incorporados como texto de modo a que o texto no esteja visvel, a no ser que o utilizador assim o deseje. Como resultado, s est visvel quando for necessrio. Isto requer suporte especial para legendagem no agente de utilizador. NOTA: No confunda as legendas para surdos com o outro tipo de legendas. Essas s fornecem o texto do dilogo e no incluem os sons importantes.
Exemplos
Exemplo 1 Exemplo 1: Para garantir que os utilizadores que so surdos possam utilizar os seus materiais educativos interactivos, a escola fornece legendas e instrues para activar as legendas para todos os programas educativos de udio interactivos. Exemplo 2: Todos os filmes online incluem legendas e so fornecidos num formato que permite a insero de legendas ocultas. Exemplo 3: Os ficheiros de legendas especiais, incluindo as informaes de sincronizao, so fornecidos para um filme existente. Existem leitores que podem reproduzir as legendas numa janela separada no ecr, sincronizadas com a janela do filme. Exemplo 4: Um vdeo de um evento local fornece legendas que podem ser reproduzidas sobre o vdeo ou numa janela separada, dependendo do leitor utilizado.
Recursos
Os recursos so indicados apenas a ttulo informativo, no implica que tenham sido aprovados. Indicaes sobre Legendagem
Tecla de Legendagem: Directrizes e Tcnicas Preferidas (pgina em ingls) Melhores Prticas na Legendagem Online (pgina em ingls)
SMIL

Linguagem de Integrao de Multimdia Sincronizada (SMIL) 1.0 Linguagem de Integrao de Multimdia Sincronizada (SMIL 2.0) Funcionalidades de Acessibilidade da SMIL Acessibilidade NCAM Rich Media, Modelos SMIL Acessveis
Outra Legendagem

Centro Nacional para Multimdia Acessvel (pgina em ingls) Lio prtica de Legendagem do Quicktime (pgina em ingls) Lio prtica de Legendagem do RealPlayer (pgina em ingls) Lio prtica de Legendagem do Windows Media Player (pgina em ingls)

Fornecer legendas abertas (sempre visveis) SM11: Fornecer legendas atravs de sequncias de texto sincronizadas em SMIL 1.0 SM12: Fornecer legendas atravs de sequncias de texto sincronizadas em SMIL 2.0
Testes
Procedimento 1. Active a funcionalidade de legendas ocultas do leitor multimdia. 2. Veja o contedo em multimdia sincronizada. 3. Verifique se as legendas (de todo o dilogo e sons importantes) esto visveis. Resultados Esperados O passo 3 verdadeiro.
G88: Fornecer ttulos descritivos para pginas Web

Aplicabilidade
Critrio de Sucesso 2.4.2 (Pgina com Ttulo) o Como Cumprir o 2.4.2 (Pgina com Ttulo) o Noes sobre o Critrio de Sucesso 2.4.2 (Pgina com Ttulo)
Descrio
O objectivo desta tcnica fornecer um ttulo descritivo a cada pgina Web. Os ttulos descritivos ajudam os utilizadores a localizar o contedo e a orientarem-se e a navegarem no mesmo. Um ttulo descritivo permite a um utilizador identificar facilmente qual a pgina Web que est a utilizar e a perceber quando uma pgina foi alterada. O ttulo pode ser utilizado para identificar a pgina Web sem ser necessrio que os utilizadores leiam ou interpretem o contedo da pgina. Os utilizadores podem identificar mais rapidamente o contedo que necessitam quando aparecem ttulos descritivos e precisos nos mapas dos stios da Web ou nas listas de resultados da procura. Os ttulos descritivos utilizados no texto do link ajudam os utilizadores a navegar de forma mais precisa at ao contedo pretendido. O ttulo de cada pgina Web deve:
Identificar o assunto da pgina Web Fazer sentido quando lido fora de contexto, por exemplo, por um leitor de ecr, num mapa de stio
da Web ou numa lista de resultados da procura

Ser curto
Tambm pode ser til que o ttulo:

Identifique o stio da Web, ou outro recurso, ao qual a pgina Web pertence Seja exclusivo no stio da Web, ou outro recurso, ao qual a pgina Web pertence
Exemplos
Exemplo 1: Um ttulo que indique primeiro as informaes de identificao mais importantes Uma pgina Web publicada por um grupo de uma organizao maior. O ttulo da pgina Web identifica primeiro o tpico da pgina e, em seguida, mostra o nome do grupo seguido pelo nome da organizao.
Cdigo Exemplo: <title>Working with us: The Small Group: The Big Organization</title>
Exemplo 2: Uma apresentao em multimdia sincronizada com um ttulo descritivo Uma apresentao em multimdia sincronizada sobre o tsunami no Sul da sia em 2004 intitula-se O Tsunami de 2004". Exemplo 3: Uma pgina Web com um ttulo descritivo em trs partes Uma pgina Web fornece directrizes e sugestes para criar legendas ocultas. A pgina Web faz parte de um substio" num stio da Web de maiores dimenses. O ttulo est separado em trs partes por travesses. A primeira parte do ttulo identifica a organizao. A segunda parte identifica o substio ao qual a pgina Web pertence. A terceira parte identifica a prpria pgina Web. (Para obter um exemplo real, consulte WGBH Media Access Group Perguntas Frequentes sobre Legendagem(pgina em ingls).) Exemplo 4: Uma pgina Web de um jornal Um stio da Web que s permite ver a edio actual intitula a sua pgina Web "Notcias Nacionais, Primeira Pgina". Um stio da Web que permite ver edies de diferentes datas intitula a sua pgina Web "Notcias Nacionais, Primeira Pgina, 17 de Outubro de 2005".
Recursos
Fornecer um ttulo utilizando o elemento title
Testes
Procedimento 1. Verifique se a pgina Web tem um ttulo. 2. Verifique se o ttulo relevante para o contedo da pgina Web. 3. Verifique se a pgina Web pode ser identificada utilizando o ttulo. Resultados Esperados Todos os passos acima so verdadeiros.
G89: Fornecer o exemplo e o formato de dados esperados

Aplicabilidade
Pginas que recolham informaes dos utilizadores e restrinjam o formato que o utilizador pode utilizar. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) Critrio de Sucesso 3.3.5 (Ajuda) o Como Cumprir o 3.3.5 (Ajuda) o Noes sobre o Critrio de Sucesso 3.3.5 (Ajuda)
Descrio
O objectivo desta tcnica ajudar o utilizador a evitar erros de entrada, informando-o das restries de formato de dados que tem de introduzir. Isto pode ser efectuado descrevendo as caractersticas do formato ou fornecendo um exemplo do formato que os dados devem ter. Nota: Para formatos de dados com variaes comuns, tais como datas e horas, pode ser til fornecer uma opo de preferncia para que os utilizadores possam utilizar o formato que lhes seja mais cmodo.
Exemplos
Exemplo 1 O seguinte controlo de formulrio em HTML para uma data indica na etiqueta que a data tem de estar no formato dia-ms-ano, e no no formato ms-dia-ano, como muitos utilizadores nos Estados Unidos podero assumir.
Cdigo Exemplo: <label for="date">Date (dd-mm-yyyy)</label> <input type="text" name="date" id="date" />
G184: Fornecer instrues em texto no incio de um formulrio ou conjunto de campos que descrevem a entrada de dados necessria
Testes
Procedimento 1. Identifique os controlos de formulrio que s aceitaro entrada de dados por parte do utilizador num determinado formato. 2. Verifique se cada um dos controlos de formulrio identificados no passo 1 fornece informaes sobre o formato esperado. Resultados Esperados O passo 2 verdadeiro.
G90: Fornecer processadores de eventos accionados por teclado

Aplicabilidade
Aplica-se a todas as tecnologias nas quais o contedo inclua funcionalidade. Esta tcnica est relacionada com:
Critrio de Sucesso 2.1.1 (Teclado) o Como Cumprir o 2.1.1 (Teclado) o Noes sobre o Critrio de Sucesso 2.1.1 (Teclado) Critrio de Sucesso 2.1.3 (Teclado (Sem Excepo)) o Como Cumprir o 2.1.3 (Teclado (Sem Excepo)) o Noes sobre o Critrio de Sucesso 2.1.3 (Teclado (Sem Excepo))
Descrio
O objectivo desta tcnica permitir que as pessoas que dependem de um teclado ou de uma interface de teclado acedam funcionalidade do contedo. Para tal, certifique-se de que todos os processadores de eventos accionados por eventos de IU sem teclado tambm esto associados a um evento baseado em teclado, ou fornea mecanismos redundantes baseados em teclado para alcanar a funcionalidade fornecida por outras funes especficas do dispositivo.
Exemplos
Exemplo 1: Funcionalidade arrastar e largar Uma aplicao de fotografias inclui uma
funcionalidade "arrastar" e "largar" para permitir aos utilizadores reordenar fotografias num lbum online para uma apresentao de diapositivos. Tambm inclui uma funcionalidade que permite aos utilizadores seleccionar uma fotografia e "cortar" e "colar" os itens na lista no momento apropriado utilizando apenas o teclado. Exemplo 2: Funcionalidade reordenar Uma aplicao Web que permite aos utilizadores criar inquritos arrastando as perguntas para um determinado local inclui uma lista das perguntas seguidas por um campo de texto que permite aos utilizadores reordenar as perguntas conforme necessrio, introduzindo o nmero da pergunta pretendida.
Recursos

SCR2: Utilizar processadores de eventos redundantes de teclado e rato SCR20: Utilizar o teclado e outras funes especficas do dispositivo SCR35: Tornar as aces acessveis por teclado utilizando o evento onclick de ncoras e botes
Testes
Procedimento 1. Verifique se todas as funcionalidades podem ser acedidas utilizando apenas o teclado. Resultados Esperados O passo 1 verdadeiro.
G91: Fornecer texto de link que descreva a finalidade de um link

Aplicabilidade
Critrio de Sucesso 2.4.4 (Finalidade do Link (Em Contexto)) o Como Cumprir o 2.4.4 (Finalidade do Link (Em Contexto)) o Noes sobre o Critrio de Sucesso 2.4.4 (Finalidade do Link (Em Contexto)) Critrio de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link)) o Como Cumprir o 2.4.9 (Finalidade do Link (Apenas o Link)) o Noes sobre o Critrio de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link))
Descrio
O objectivo desta tcnica descrever a finalidade de um link no texto do link. A descrio permite que um utilizador distinga este link dos links da pgina Web que conduzem a outros destinos, e ajuda o utilizador a determinar se deve seguir o link. Normalmente, o URI do destino no suficientemente descritivo.
Exemplos
Exemplo 1: Descrever a finalidade de um link em HMTL no contedo de texto do elemento a
Cdigo Exemplo: <a href="routes.html"> Current routes at Boulders Climbing Gym </a>
Recursos
H30: Fornecer texto de link que descreva a finalidade de um link para os elementos anchor
Testes
Procedimento Para cada link existente no contedo que utilize esta tcnica: 1. Verifique se o texto do link descreve a finalidade do link. Resultados Esperados O passo acima verdadeiro.
G92: Fornecer uma descrio extensa para contedo no textual que sirva a mesma finalidade e apresente as mesmas informaes
Aplicabilidade
Descrio
O objectivo desta tcnica fornecer uma alternativa em texto extenso que sirva a mesma finalidade e apresente as mesmas informaes do contedo no textual original quando uma alternativa em texto abreviado no for suficiente. Combinada com a alternativa em texto abreviado, a descrio extensa dever poder substituir o contedo no textual. A alternativa em texto abreviado identifica o contedo no textual e a alternativa em texto extenso fornece as informaes. Se o contedo no textual fosse removido da pgina e substitudo pelas descries abreviadas e extensas, a pgina continuaria a fornecer a mesma funo e informao. As seguintes questes so teis na deciso sobre o que dever constar nas alternativas em texto.

Qual o motivo da existncia deste contedo no textual? Que informaes apresenta? Qual a sua finalidade? Se no for possvel utilizar o contedo no textual, que palavras deverei utilizar para transmitir a mesma funo e/ou informao?
Exemplos
Exemplo 1 Um grfico que mostra as vendas de Outubro tem uma alternativa em texto abreviado intitulada "Grfico de vendas de Outubro". A descrio extensa seria "Grfico de Barras que mostra as vendas de Outubro. Existem 6 vendedores. A Maria est em primeiro com 349 unidades. A Frances est em
segundo com 301. E, em seguida, est o Juan com 256, a Sue com 250, a Li com 200 e o Max com 195. A utilizao principal do grfico mostrar quem vai frente, por isso a descrio est por ordem de vendas." Exemplo 2 Um grfico de linhas que mostra as temperaturas mdias de Inverno nos ltimos 10 anos inclui uma alternativa em texto abreviado intitulada "Temperaturas mdias de Inverno 1996-2006." A descrio extensa inclui a tabela de dados que foi utilizada para gerar o grfico de linhas.
Recursos

G94: Fornecer a alternativa em texto abreviado para contedo no textual que serve a mesma finalidade e apresenta as mesmas informaes do contedo no textual H45: Utilizar longdesc
Testes
Procedimento 1. Remova, oculte ou disfarce o contedo no textual. 2. Apresente a descrio extensa. 3. Verifique se a descrio extensa transmite as mesmas informaes do contedo no textual. Resultados Esperados O passo 3 verdadeiro.
G93: Fornecer legendas abertas (sempre visveis)

Aplicabilidade
Qualquer tecnologia de multimdia sincronizada, mesmo que no suporte legendas ocultas. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.2 (Legendas (Pr-gravadas)) o Como Cumprir o 1.2.2 (Legendas (Pr-gravadas)) o Noes sobre o Critrio de Sucesso 1.2.2 (Legendas (Pr-gravadas))
Descrio
O objectivo desta tcnica fornecer uma forma para as pessoas que so surdas ou que tm problemas em ouvir o dilogo em material audiovisual poderem ver o material. Com esta tcnica, todo o dilogo e os sons importantes so incorporados como texto na faixa de vdeo. Como resultado, esto sempre visveis e no exigido nenhum suporte especial para legendagem pelo agente de utilizador. NOTA: No confunda as legendas para surdos com o outro tipo de legendas. Essas s fornecem o texto do dilogo e no incluem os sons importantes.
Exemplos
Para garantir que todas as pessoas possam ver os seus filmes online, mesmo no sabendo como
activar as legendas no leitor multimdia, uma associao de bibliotecrios coloca as legendas directamente no vdeo. Uma agncia de informao fornece legendas abertas em todo o seu material.
Recursos
Os recursos so indicados apenas a ttulo informativo, no implica que tenham sido aprovados. (nenhum indicado)
G87: Fornecer legendas ocultas
Testes
Procedimento 1. Veja a multimdia sincronizada com as legendas ocultas desactivadas. 2. Verifique se as legendas (de todo o dilogo e sons importantes) esto visveis. Resultados Esperados O passo 2 verdadeiro.
G94: Fornecer a alternativa em texto abreviado para contedo no textual que serve a mesma finalidade e apresenta as mesmas informaes do contedo no textual
Aplicabilidade
Descrio
O objectivo desta tcnica criar uma alternativa em texto que sirva a mesma finalidade e apresente as mesmas informaes do contedo no textual original. Como resultado, possvel remover o contedo no textual e substitu-lo pela alternativa em texto sem perder quaisquer funcionalidades ou informaes. Esta alternativa em texto no dever necessariamente descrever o contedo no textual, mas sim servir a mesma finalidade e transmitir as mesmas informaes. Por vezes, isto pode resultar numa alternativa em texto que parece uma descrio do contedo no textual, mas isso s aconteceria se essa fosse a melhor forma de servir a mesma funcionalidade.
Se possvel, a alternativa em texto abreviado deve transmitir completamente a finalidade e as informaes. Se tal no for possvel numa frase ou orao curtas, a alternativa em texto abreviado deve fornecer uma breve descrio geral das informaes. Para transmitir todas as informaes, seria tambm utilizada uma alternativa em texto extenso. A alternativa em texto dever ser capaz de substituir o contedo no textual. Se o contedo fosse removido da pgina e substitudo pelo texto, a pgina continuaria a fornecer a mesma funo e informao. A alternativa em texto deve ser breve, mas o mais informativa possvel. uma boa ideia considerar as seguintes questes na deciso sobre que texto deve ser includo na alternativa:

Quando o contedo no textual incluir palavras que sejam importantes para compreender o contedo, o texto alt deve incluir essas palavras. Se o texto na imagem for demasiado extenso para caber numa alternativa em texto abreviado, dever ser descrito na alternativa em texto abreviado, e dever ser tambm fornecida uma alternativa em texto extenso com o texto completo.
Exemplos
Um boto Procurar utiliza uma imagem de uma lupa. A alternativa em texto "procurar" e no
"lupa". Uma imagem mostra como dar um n, incluindo setas a indicar como se colocam as cordas para dar o n. A alternativa em texto descreve como dar o n, no o aspecto da imagem. Uma imagem mostra o aspecto de um brinquedo visto de frente. A alternativa em texto descreve uma vista da frente do brinquedo. Uma animao mostra como mudar um pneu. Uma alternativa em texto abreviado descreve o assunto da animao. Uma alternativa em texto extenso descreve como mudar um pneu. Um logtipo da empresa TechTron aparece junto a cada um dos produtos que constituem uma lista e tem uma alternativa em texto abreviado intitulada "TechTron." Um grfico que mostra as vendas de Outubro tem uma alternativa em texto abreviado intitulada "Grfico de vendas de Outubro". Tambm tem uma alternativa em texto extenso que fornece todas as informaes apresentadas no grfico. Um ttulo contm uma imagem das palavras "A Histria da Guerra" em texto estilizado. O texto alt para a imagem "A Histria da Guerra". Uma imagem de uma srie de livros numa prateleira contm reas interactivas que fornecem o meio de navegao para uma pgina Web sobre um determinado livro. A alternativa em texto "Os livros disponveis para compra nesta seco. Para obter mais informaes sobre um dos livros, seleccione-o." descreve a imagem e a natureza interactiva.
Recursos

G92: Fornecer uma descrio extensa para contedo no textual que sirva a mesma finalidade e apresente as mesmas informaes G95: Fornecer alternativas em texto abreviado que fornecem uma breve descrio do contedo no textual G196: Utilizar uma alternativa em texto num item de um grupo de imagens que descreva todos os itens do grupo H2: Combinar a imagem adjacente e os links de texto para o mesmo recurso
H24: Fornecer alternativas em texto para os elementos area de mapas de imagens H36: Utilizar atributos alt em imagens utilizadas como botes Submeter H35: Fornecer alternativas em texto em elementos applet H37: Utilizar atributos alt em elementos img H53: Utilizar o corpo do elemento object H86: Fornecer alternativas em texto para arte ASCII, emoticons e leetspeak
Testes
Procedimento 1. Remova, oculte ou disfarce o contedo no textual. 2. Substitua-o pela alternativa em texto. 3. Verifique se nada se perdeu (a finalidade do contedo no textual cumprida pela alternativa em texto). 4. Se o contedo no textual incluir palavras que sejam importantes para compreender o contedo, as palavras so includas na alternativa em texto. Resultados Esperados O passo 3 verdadeiro. Se o contedo no textual incluir palavras que sejam importantes para compreender o contedo, o passo 4 igualmente verdadeiro.
G95: Fornecer alternativas em texto abreviado que fornecem uma breve descrio do contedo no textual
Aplicabilidade
Descrio
Esta tcnica utilizada quando o texto necessrio para servir a mesma finalidade e apresentar as mesmas informaes do contedo no textual original for demasiado extenso ou quando este objectivo no puder ser alcanado apenas com texto. Nesse caso, esta tcnica utilizada para fornecer uma alternativa em texto abreviado que descreva brevemente o contedo no textual. (Em seguida, fornecida uma alternativa em texto extenso utilizando outra tcnica, para que a combinao sirva a mesma finalidade e apresente as mesmas informaes do contedo no textual original.) uma boa ideia considerar as seguintes questes na deciso sobre que texto deve ser includo na alternativa:

Exemplos
Um grfico que mostra as vendas de Outubro tem uma alternativa em texto abreviado intitulada
"Grfico de vendas de Outubro". Tambm tem uma descrio extensa que fornece todas as informaes existentes no grfico.
Recursos

G74: Fornecer uma descrio extensa no texto junto ao contedo no textual, com uma referncia localizao da descrio extensa na descrio abreviada G73: Fornecer uma descrio extensa noutra localizao com um link para a mesma junto ao contedo no textual G92: Fornecer uma descrio extensa para contedo no textual que sirva a mesma finalidade e apresente as mesmas informaes G94: Fornecer a alternativa em texto abreviado para contedo no textual que serve a mesma finalidade e apresenta as mesmas informaes do contedo no textual
Testes
Procedimento 1. Verifique se existe uma alternativa em texto abreviado que fornea uma breve descrio do contedo no textual. Resultados Esperados O passo 1 verdadeiro.
G96: Fornecer identificao textual de itens que dependem apenas de informao sensorial para serem compreendidos
Aplicabilidade
Todas as tecnologias que apresentam a descrio de uma apresentao de contedo ao utilizador. Esta tcnica est relacionada com:
Critrio de Sucesso 1.3.3 (Caractersticas Sensoriais) o Como Cumprir o 1.3.3 (Caractersticas Sensoriais) o Noes sobre o Critrio de Sucesso 1.3.3 (Caractersticas Sensoriais)
Descrio
O objectivo desta tcnica garantir que os itens de uma pgina Web so referenciados no contedo, no s por forma, tamanho, som ou localizao, como tambm de formas que no dependem dessa percepo sensorial. Por exemplo, uma referncia tambm pode descrever a funo do item ou da respectiva etiqueta.
Exemplos
Exemplo 1 fornecido um boto circular num formulrio para submeter o formulrio e avanar para o passo seguinte de uma sequncia. O boto tem uma etiqueta que diz "Avanar". As instrues indicam: "para submeter o formulrio, pressione o boto circular com a etiqueta Avanar". Para localizar o boto so necessrias a forma e as informaes textuais. Exemplo 2 As instrues para uma pgina Web que fornece formao online indicam: "Utilizar a lista de links direita com o ttulo Lista de Classes para navegar para o curso online pretendido." Esta descrio fornece a localizao, bem como sinais de aviso textuais para ajudar a encontrar a lista correcta de links. Exemplo 3 A seguinte disposio coloca um boto no canto inferior direito e indica-o por posio. Uma indicao da etiqueta de texto esclarece qual o boto a utilizar pelos utilizadores que acedem a uma verso linearizada, na qual a posio no significativa.
Cdigo Exemplo: <table> <tbody> <tr> <td colspan="2">Push the lower right [Preview] button.</td> <td> <span style="background: ButtonFace; color: ButtonText; border: medium outset ButtonShadow; width: 5em; display: block; font-weight: bold; text-align: center;"> Print</span> </td> </tr> <tr> <td> <span style="background: ButtonFace; color: ButtonText; border: medium outset ButtonShadow; width: 5em; display: block; font-weight: bold; text-align: center;"> Cancel</span> </td> <td> <span style="background: ButtonFace; color: ButtonText; border: medium outset ButtonShadow; width: 5em; display: block; font-weight: bold; text-align: center;"> OK</span> </td> <td> <span style="background: ButtonFace; color: ButtonText; border: medium outset ButtonShadow; width: 5em; display: block; font-weight: bold; text-align: center;"> Preview</span> </td> </tr> </tbody> </table>
Recursos
Testes
Procedimento Encontre todas as referncias na pgina Web que mencionem a forma, o tamanho ou a posio de um objecto. Para cada item: 1. Verifique se a referncia contm informaes adicionais que permitam localizar e identificar o item sem qualquer conhecimento da sua forma, tamanho ou posio relativa. Resultados Esperados O passo 1 verdadeiro.
G97: Fornecer a abreviatura imediatamente a seguir definio por extenso

Aplicabilidade
Critrio de Sucesso 3.1.4 (Abreviaturas) o Como Cumprir o 3.1.4 (Abreviaturas) o Noes sobre o Critrio de Sucesso 3.1.4 (Abreviaturas)
Descrio
O objectivo desta tcnica disponibilizar a definio por extenso de uma abreviatura, associando a definio por extenso respectiva abreviatura da primeira vez que ocorre numa pgina Web. A definio por extenso de qualquer abreviatura pode ser encontrada procurando pela primeira utilizao na pgina Web. Ao encurtar uma palavra, frase ou nome mediante utilizao de abreviatura, iniciais, acrnimo ou qualquer outra forma abreviada, fornea a definio por extenso antes de fornecer a forma abreviada. Isto facilita a leitura do texto e recomendado por vrios guias de estilo. Tenha em ateno que algumas abreviaturas necessitam de explicaes em vez de definies por extenso. Esta tcnica no apropriada para esse tipo de abreviaturas. Esta tcnica aplica-se primeira ocorrncia de uma abreviatura numa pgina Web. Ao combinar vrios recursos numa nica pgina Web, a definio por extenso da abreviatura seria apresentada no incio de cada recurso. Contudo, neste caso, pode ser mais apropriado utilizar uma tcnica diferente para fornecer a definio por extenso.
Exemplos
Exemplo 1 "O Alto Comissariado das Naes Unidas para os Direitos Humanos (ACNUDH) foi fundado em 1950 para fornecer proteco e assistncia aos refugiados."
Recursos
Guia de Estilo de Chicago - Perguntas e Respostas - Abreviaturas (pgina em ingls)

G55: Aceder s definies atravs de um link G102: Fornecer a definio por extenso ou explicao de uma abreviatura H28: Fornecer definies de abreviaturas utilizando os elementos abbr e acronym
Testes
Procedimento Para cada abreviatura no contedo: 1. Procure a primeira utilizao dessa abreviatura no componente criado. 2. Verifique se a primeira utilizao imediatamente precedida pela definio por extenso da abreviatura. 3. Verifique se a definio por extenso a correcta para a utilizao da abreviatura. Resultados Esperados Os passo 2 e 3 so verdadeiros.
G98: Fornecer a possibilidade de o utilizador rever e corrigir as respostas antes de as submeter

Aplicabilidade
Stios da Web que recolhem dados de utilizadores especficos do momento em que so submetidos, tais como dados de teste, e que no podem ser alterados depois de serem submetidos. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) o Como Cumprir o 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) o Noes sobre o Critrio de Sucesso 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) Critrio de Sucesso 3.3.6 (Preveno de Erros (Todos)) o Como Cumprir o 3.3.6 (Preveno de Erros (Todos)) o Noes sobre o Critrio de Sucesso 3.3.6 (Preveno de Erros (Todos))
Descrio
O objectivo desta tcnica fornecer aos utilizadores uma forma de garantir que os dados que introduzem esto correctos antes de executar uma transaco irreversvel. As aplicaes de testes, financeiras e legais permitem executar transaces que no podem ser "anuladas". Por conseguinte, importante no existirem erros na submisso de dados, uma vez que o utilizador no ter a oportunidade de corrigir o erro depois de a transaco ter sido executada. Num formulrio simples de uma pgina, isto fcil porque o utilizador pode rever o formulrio antes de o submeter. Contudo, num formulrio com vrias pginas Web, os dados so recolhidos do utilizador em vrios passos antes de a transaco ser executada. O utilizador pode no se lembrar de todos os dados que foram introduzidos em passos anteriores antes do passo no qual foi executada a transaco. Uma abordagem colocar os resultados de cada um dos passos em cache e permitir ao utilizador avanar e retroceder na navegao conforme pretendido para rever todos os dados introduzidos. Outra abordagem fornecer um resumo de todos os dados recolhidos em todos os passos para o utilizador poder rev-los antes de terminar a transaco. Antes do passo final que permite a execuo da transaco, pedido ao utilizador que reveja os dados introduzidos e os confirme. Depois da confirmao do utilizador, a transaco concluda.
Exemplos
Uma aplicao bancria online fornece vrios passos para executar uma transferncia de fundos
entre contas, tal como se segue: 1. Seleccione a conta a "transferir de". 2. Seleccione a conta a "transferir para". 3. Introduza o montante da transferncia. fornecido um resumo da transaco que mostra as duas contas e o montante da transferncia. O utilizador pode seleccionar um boto para executar a transaco ou cancel-la. Uma aplicao de testes fornece vrias pginas de perguntas. A qualquer momento, o utilizador pode voltar s seces anteriormente preenchidas para rever e alterar as respostas. apresentada uma pgina final com botes que permitem submeter ou rever as respostas.

G155: Fornecer uma caixa de verificao para alm de um boto "Submeter" G168: Solicitar a confirmao para prosseguir com a aco seleccionada SCR18: Fornecer validao e alertas do lado do cliente
Testes
Procedimento Numa aplicao de testes ou numa aplicao que permita executar transaces financeiras ou legais e que tambm recolha dados dos utilizadores em vrios passos: 1. Verifique se o utilizador pode voltar aos passos anteriores para rever e alterar os dados. 2. Verifique se fornecido um resumo de todos os dados introduzidos pelo utilizador antes de ser executada a transaco e se fornecido um mtodo para corrigir os erros, se necessrio. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G99: Fornecer a possibilidade de recuperar a informao eliminada
Aplicabilidade
Contedo em que as aces do utilizador eliminam o contedo. Esta tcnica est relacionada com:
Descrio
Quando uma aplicao Web fornece a capacidade de eliminar informaes, o servidor pode fornecer um meio para recuperar as informaes eliminadas por engano por um utilizador. Uma abordagem atrasar a eliminao dos dados, simplesmente marcando-os para eliminao ou movendo-os para uma rea de reteno (tal como o lixo) e aguardar algum tempo antes de os eliminar realmente. Durante este perodo de tempo, o utilizador pode pedir que os dados sejam restaurados ou pode recuper-los a partir da rea de reteno. Outra abordagem gravar todas as transaces eliminadas, de modo a que os dados possam ser restaurados se solicitado pelo utilizador, tal como no histrico de edio armazenado pelos wikis e em aplicaes de controlo de origem. As informaes recuperveis armazenadas devero ser as que so necessrias para corrigir a transaco.
Exemplos
Uma aplicao Web permite aos utilizadores configurar pastas e armazenar dados nas mesmas.
Cada pasta e item de dados incluem uma caixa de verificao que permite seleccion-los, e dois botes, um para mover e outro para eliminar. Se o utilizador seleccionar o boto Eliminar por engano, podero perder-se grandes quantidades de dados. A aplicao apresenta imediatamente os dados como eliminados ao utilizador, mas agenda-os para serem verdadeiramente eliminados dentro de uma semana. Durante a semana, o utilizador pode aceder a uma pasta "itens eliminados" e pedir que qualquer pasta ou item de dados a aguardar para serem eliminados sejam restaurados.
Testes
Procedimento 1. Identifique a funcionalidade que permite eliminar contedo. 2. Elimine contedo e tente recuper-lo. 3. Verifique se possvel recuperar informaes eliminadas. Resultados Esperados O passo 3 verdadeiro.
G100: Fornecer o nome aceite ou um nome descritivo do contedo no textual

Aplicabilidade
Todas as tecnologias.
Descrio
O objectivo desta tcnica permitir aos utilizador identificar o contedo no textual, mesmo se o contedo no textual pretender fornecer uma experincia sensorial especfica. Por exemplo, uma pessoa surda pode querer saber como um ficheiro de udio mesmo que no consiga ouvi-lo. Da mesma forma, uma pessoa cega pode querer saber qual o tema de uma imagem visual mesmo que no consiga v-la.
Exemplos
Exemplo 1 Exemplo 1: Um quadro da Mona Lisa tem o texto alternativo "Mona Lisa, de Leonardo da Vinci". Exemplo 2: Um ficheiro de udio tem o texto alternativo "Estudantes do 5 ano a tocar Theremin". Exemplo 3: Uma famosa e moderna obra de arte intitula-se "Vermelho, Azul e Amarelo, de Piet Mondrian".
Recursos
Tcnicas Relacionada
G68: Fornecer uma etiqueta descritiva que descreva a finalidade do contedo composto por apenas udio em directo e por apenas vdeo em directo
Testes
Procedimento 1. Verifique se o texto alternativo fornece um nome descritivo. 2. Verifique se o texto alternativo fornece um nome que tenha sido anteriormente atribudo ao contedo no textual pelo autor ou outro. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G101: Fornecer a definio de uma palavra ou frase utilizadas de uma forma invulgar ou restrita
Aplicabilidade
Critrio de Sucesso 3.1.3 (Palavras Invulgares) o Como Cumprir o 3.1.3 (Palavras Invulgares) o Noes sobre o Critrio de Sucesso 3.1.3 (Palavras Invulgares)
Descrio
O objectivo desta tcnica fornecer uma definio para qualquer palavra utilizada de uma forma invulgar ou restrita. Uma palavra utilizada de uma forma invulgar ou restrita quando:
os dicionrios fornecem vrias definies da palavra, mas tem de ser utilizada uma definio
especfica para compreender o contedo; tem de ser utilizada uma definio especfica para compreender o contedo e os dicionrios apresentam essa definio como rara, arcaica, obsoleta, etc.; o autor cria uma nova definio que tem de ser utilizada para compreender o contedo. Esta tcnica tambm pode ser utilizada para fornecer definies para jargo, ou seja, o termo especializado utilizado numa determinada profisso ou rea tcnica e compreendido por pessoas dessa rea, mas no por pessoas fora dela. A tcnica tambm pode ser utilizada para definir expresses idiomticas. Por exemplo, os falantes de uma lngua que vivem numa determinada regio podem utilizar expresses idiomticas que so aceites por todas as pessoas dessa regio, mas no por pessoas de outras regies onde falada a mesma lngua.
Exemplos
Exemplo 1: Um termo utilizado de uma forma restrita A palavra "tecnologia" muito utilizada para abranger tudo desde as ferramentas de pedra utilizadas pelos homens primitivos aos servios digitais contemporneos, tais como os telemveis. Mas nas WCAG 2.0, a palavra tecnologia utilizada de uma forma mais restrita: significa um mecanismo para que as instrues codificadas sejam apresentadas, reproduzidas ou executadas por agentes de utilizador, incluindo as linguagens de marcao, os formatos de dados e as linguagens de programao utilizados na produo e fornecimento de contedo da Web. Exemplo 2: Uma palavra utilizada segundo uma definio obsoleta A palavra "ter" definida como uma substncia que ocupava o espao interplanetrio: "Ele acreditava que o som viajava atravs do ter". Exemplo 3: Jargo A palavra "controlador" definida como software que contm instrues especficas para uma impressora: "Pode ser necessrio actualizar o controlador para a impressora." Exemplo 4: Uma expresso idiomtica Algumas pessoas dizem "spill the beans" (dar com a lngua nos dentes) quando querem dizer "revelar um segredo", por ex., "Na esquadra, o Joe deu com a lngua nos dentes sobre o plano para raptar o Primeiro-Ministro." Exemplo 5: Uma expresso idiomtica em japons
Este exemplo utiliza parnteses para fornecer a definio de uma expresso idiomtica em japons. A frase em japons diz "he throws a spoon" (ele atira uma colher). Significa que no havia nada que ele pudesse fazer e que, finalmente, desistiu. Exemplo 6: Uma palavra estrangeira desconhecida adoptada em ingls Os utilizadores podem no compreender o significado de uma palavra desconhecida adoptada de outro idioma: "We need to leave town pronto" (rapidamente) (Precisamos de deixar a cidade pronto (rapidamente). Exemplo 7: Palavras desconhecidas adoptadas em japons Em japons, Kata-kana utilizado para palavras estrangeiras adoptadas. Se as palavras forem desconhecidas para os utilizadores, fornea o significado ou traduo para que os utilizadores possam compreend-las. Web Traduo: A "acessibilidade" (pode ser acedido por todos os utilizadores, incluindo por pessoas mais velhas e por pessoas com incapacidades) um aspecto essencial dos stios da Web. CSS Traduo: A utilizao da tabela de esquema com o CSS designada por "hbrido" (combinao de vrias formas).
Recursos

G55: Aceder s definies atravs de um link G62: Fornecer um glossrio G70: Fornecer uma funo para procurar um dicionrio online G112: Utilizar definies em linha
Testes
Procedimento Para cada palavra ou frase utilizadas de uma forma invulgar ou restrita: 1. Verifique se fornecida uma definio para a palavra ou frase Resultados Esperados O passo 1 verdadeiro.
G102: Fornecer a definio por extenso ou explicao de uma abreviatura

Aplicabilidade
Critrio de Sucesso 3.1.4 (Abreviaturas) o Como Cumprir o 3.1.4 (Abreviaturas) o Noes sobre o Critrio de Sucesso 3.1.4 (Abreviaturas)
Descrio
O objectivo desta tcnica fornecer as informaes necessrias para compreender uma abreviatura. Uma abreviatura a forma abreviada de uma palavra, frase ou nome. Para a maioria das abreviaturas, fornecer a palavra, a frase ou o nome completos suficiente. Algumas abreviaturas representam palavras ou frases que so "emprestadas" de um idioma estrangeiro. Por exemplo, muitas das abreviaturas normalmente utilizadas em ingls derivam de frases latinas, tal como a pequena lista de exemplos apresentada abaixo. A definio por extenso s aqui fornecida como informao secundria. Para esta categoria de abreviaturas, mais til fornecer uma explicao do que a definio por extenso original, e a explicao da abreviatura fornecida em vez da definio por extenso. Abreviatura Definio por extenso em latim a.m. ante meridiem p.m. post meridiem e.g. exempli gratia cf confer/conferatur Explicao antes do meio-dia; de manh depois do meio-dia, tarde por exemplo comparar
Se as abreviaturas no necessitarem de uma definio por extenso (por exemplo, porque a definio por extenso original tem sido rejeitada pela organizao qual se refere, ou se a abreviatura se tiver tornado parte da lngua), fornea uma explicao, se apropriado, ou trate a abreviatura como uma palavra que no necessita de explicao.
Exemplos
Exemplo 1: ADA Algumas abreviaturas tm mais de um significado, e o significado depende do contexto. Por exemplo, ADA significa "American Dental Association" (Associao Dentria Americana) num contexto e "Americans with Disabilities Act" (Legislao sobre os Americanos com Incapacidades) noutro. Apenas ser necessrio fornecer a definio por extenso relevante para o contexto. Exemplo 2: Abreviaturas para frases em ingls "emprestadas" do latim Na frase seguinte, seria fornecida a explicao "por exemplo" para "e.g.": Os alunos que participam em desportos de equipa, e.g., basquetebol ou futebol, tm de definir os seus horrios consoante os horrios dos treinos. Exemplo 3: ABS
Alguns idiomas (incluindo o ingls e o holands) adoptaram o acrnimo ABS (Antiblockiersystem: antilock brakes) do alemo. fornecida uma explicao (anti-lock brakes - "sistema de travagem antibloqueio"), em vez da definio por extenso. Exemplo 4: Acrnimos sem definio por extenso Os exemplos de acrnimos que j no tm definies por extenso incluem

SIL, que significava "Summer Institute of Linguistics", agora um substantivo no seu prprio direito. Consulte Histria sobre SIL(pgina em ingls). IMS, que significa "Instructional Management Systems", agora um substantivo no seu prprio direito.
Para esta categoria de exemplos, suficiente uma breve explicao sobre o que ou faz a organizao. Exemplo 5: Frases que j foram abreviaturas, mas que se tornaram parte da lngua A expresso holandesa "'s nachts" que significa " noite" era originalmente uma abreviatura de "des nachts". Na lngua holandesa actual, a palavra "des" j pouco utilizada e entendida como sendo um arcasmo. Fornecer uma definio por extenso podia ser confuso. No fornecida uma definio por extenso de "'s nachts". A expresso inglesa "o'clock" era originalmente uma abreviatura de "of the clock". Entretanto, "o'clock" tornou-se parte da lngua inglesa e no necessrio fornecer uma definio por extenso.
Recursos

G55: Aceder s definies atravs de um link G62: Fornecer um glossrio G70: Fornecer uma funo para procurar um dicionrio online G97: Fornecer a abreviatura imediatamente a seguir definio por extenso H28: Fornecer definies de abreviaturas utilizando os elementos abbr e acronym
Testes
Procedimento Para cada abreviatura existente no contedo, 1. Se no existir nenhuma definio por extenso da abreviatura, fornecida uma explicao. 2. Se a definio por extenso da abreviatura estiver num idioma diferente do contedo, fornecida uma explicao. 3. Caso contrrio, fornecida uma definio por extenso. Resultados Esperados Todos os passos acima so verdadeiros.
G103: Fornecer ilustraes visuais, imagens e smbolos para ajudar a explicar ideias, eventos e processos
Aplicabilidade
Descrio
O objectivo desta tcnica fornecer ilustraes visuais que ajudem os utilizadores com incapacidades de leitura a compreender texto complexo que descreva conceitos ou processos. As ilustraes so fornecidas para alm do texto. Os utilizadores com incapacidades que dificultam a descodificao de palavras e oraes tm mais probabilidade de ter dificuldades na leitura e compreenso de texto complexo. Os grficos, os diagramas, as animaes, as fotografias, os organizadores de grficos ou outros contedos visuais ajudam, muitas vezes, os utilizadores. Por exemplo:
Os grficos ajudam os utilizadores a compreender dados complexos. Os diagramas, os organigramas, os vdeos e as animaes ajudam os utilizadores a compreender
processos.
Os mapas de conceitos e outros organizadores de grficos ajudam os utilizadores a compreender
como as ideias se relacionam entre si. As fotografias, os desenhos e os vdeos podem ajudar os utilizadores a compreender eventos naturais ou histricos, ou objectos.
Exemplos
Exemplo 1: Um relatrio anual de uma empresa Um relatrio anual indica vrios factores que influenciaram o desempenho da empresa no ano passado. O relatrio tambm inclui grficos e diagramas que ilustram como estes factores interagem. Cada grfico ou diagrama tem uma alternativa em texto, conforme exigido pelo Critrio de Sucesso 1.1.1. Cada um deles tem igualmente um nmero na respectiva legenda (por ex., Figura 7"). Estes nmeros so utilizados no texto para fazer referncia aos grficos ou aos diagramas. Exemplo 2: Capturas de ecr em documentao tcnica A documentao online de um produto inclui instrues passo a passo. Cada passo ilustrado por uma captura de ecr que mostra o aspecto visual do ecr. Cada captura de ecr tem alternativas em texto, conforme exigido pelo Critrio de Sucesso 1.1.1. Exemplo 3: Ilustraes de um evento natural complexo Um stio da Web fala sobre o tsunami de 2004. O stio da Web descreve como o tsunami afectou vrios locais volta do Oceano ndico e inclui fotografias da devastao em cada rea, em que cada fotografia tem uma alternativa em texto, conforme exigido pelo Critrio de Sucesso 1.1.1. O stio da Web tambm explica o que acontece debaixo de gua durante um tsunami. A explicao acompanhada por uma animao que mostra como ocorre um tsunami e como se espalha pelo oceano. A animao tem uma alternativa em texto, conforme exigido pelo Critrio de Sucesso 1.1.1.
Recursos
Hall, T. e Strangman, N. CAST: Organizadores de Grficos. De 5 de Abril de 2005 de Publicaes
NCAC(pgina em ingls). Este artigo ilustra vrios e diferentes tipos de organizadores de grficos, explica como cada tipo pode ser til e resume concluses de investigaes que mostram que os organizadores de grficos ajudam na aprendizagem, especialmente entre estudantes com incapacidades aprendizagem. Tufte, Edward. Informaes visionrias. Cheshire, Conn.: Graphics Press. 1990. Tufte, Edward. A apresentao visual de informaes quantitativas. Cheshire, Conn.: Graphics Press. 1983. Tufte, Edward. Explicaes visuais: imagens e nmeros, depoimentos e relatos. Cheshire, Conn.: 1997.
Testes
Procedimento 1. Identifique texto que apresente ideias ou processos que tm de ser compreendidos para utilizar o contedo. 2. Verifique se as ilustraes visuais esto disponveis no contedo ou atravs de links existentes no mesmo. 3. Verifique se as ilustraes visuais mostram os conceitos ou processos apresentados no texto. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G105: Guardar dados para poderem ser utilizados depois de um utilizador efectuar uma nova autenticao
Aplicabilidade
Pginas Web que necessitem de autenticao por parte do utilizador e limitem o tempo disponvel para submeter os dados. Esta tcnica est relacionada com:
Critrio de Sucesso 2.2.5 (Nova autenticao) o Como Cumprir o 2.2.5 (Nova autenticao) o Noes sobre o Critrio de Sucesso 2.2.5 (Nova autenticao)
Descrio
Os servidores da Web que necessitam de autenticao por parte do utilizador terminam muitas vezes a sesso depois de um perodo de tempo definido se no houver nenhuma aco do utilizador. Se o utilizador no conseguir introduzir os dados suficientemente rpido e a sesso expirar antes de os dados serem submetidos, o servidor ir solicitar uma nova autenticao antes de prosseguir. Quando tal acontece, o servidor armazena os dados numa cache temporria enquanto o utilizador inicia a sesso, e
depois de o utilizador ter efectuada a nova autenticao, os dados so disponibilizados a partir da cache e o formulrio processado como se a sesso nunca tivesse expirado. O servidor no mantm a cache indefinidamente, apenas durante o tempo suficiente para garantir o xito aps uma nova autenticao numa sesso de um s utilizador, tal como um dia.
Exemplos
Um utilizador iniciou sesso para utilizar um frum e responder a uma mensagem. O tempo que
demorou a responder superior ao tempo permitido pelo servidor para uma sesso de inactividade. O utilizador submete a resposta e informado de que a sesso expirou, tendo de iniciar sesso novamente para submeter a resposta. A resposta do utilizador guardada pelo servidor e se o utilizador efectuar o incio de sesso com xito, a resposta processada normalmente. Se no for possvel iniciar a sesso com xito, a resposta ser rejeitada. O utilizador iniciou sesso numa rea protegida e preenche um formulrio. A sesso expira por motivos de segurana. Os dados do formulrio so guardados pelo servidor e o utilizador informado de que a sesso expirou, tendo de iniciar sesso novamente. Se a sesso for iniciada com xito, o formulrio apresentado com todos os dados anteriormente introduzidos e o utilizador pode submeter o formulrio. Se no for possvel iniciar a sesso com xito, os dados do formulrio sero rejeitados.
G181: Codificar dados de utilizador como dados ocultos ou encriptados numa pgina de nova autorizao
Testes
Procedimento Num stio da Web que necessite que o utilizador inicie sesso para submeter os dados, 1. Inicie sesso e d incio actividade temporizada. 2. Permita que a sesso expire. 3. Submeta os dados. 4. Efectue a nova autenticao. 5. Verifique se possvel prosseguir e concluir o processo sem perder os dados, incluindo os dados originais e todas as alteraes efectuadas aps a nova autenticao. Resultados Esperados O passo 5 verdadeiro.
G107: Utilizar "activar" em vez de "focar" como um accionador para as alteraes de contexto
Aplicabilidade
Critrio de Sucesso 3.2.1 (Em Foco) o Como Cumprir o 3.2.1 (Em Foco) o Noes sobre o Critrio de Sucesso 3.2.1 (Em Foco)
Descrio
O objectivo desta tcnica fornecer um mtodo de activao de funcionalidades que seja previsvel pelo utilizador. Os utilizadores com incapacidades cognitivas e os que utilizam leitores ou ampliadores de ecr podem ficar confusos com um evento inesperado, tal como a submisso automtica de um formulrio ou a activao de uma funo que provoque uma alterao de contexto. Com esta tcnica, todas as alteraes de contexto sero accionadas apenas mediante uma aco especfica por parte do utilizador. Alm disso, essa aco pode ser uma das que normalmente provoca alteraes no contexto, tal como clicar num link ou pressionar um boto Submeter. As aces que simplesmente movem o foco para um elemento no provocaro nenhuma alterao de contexto.
Exemplos
Exemplo 1 Uma pgina s apresenta uma nova janela quando o utilizador clica (ou utiliza a barra de espaos) num boto, em vez de utilizar o foco para apresentar uma nova janela. utilizado um boto Submeter para avanar para o ecr seguinte de entrada de dados, em vez de o ecr seguinte aparecer automaticamente quando o utilizador utiliza a tecla de tabulao para percorrer at um boto Concludo.
Recursos
Testes
Procedimento 1. Utilizando um teclado, desloque ciclicamente o foco por todo o contedo. 2. Verifique se no ocorrem nenhumas alteraes de contexto quando um componente recebe o foco. Resultados Esperados O passo 2 verdadeiro.
G108: Utilizar funcionalidades de marcao para revelar o nome e a funo, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas e fornecer notificaes de alteraes
Aplicabilidade
Tecnologias de marcao onde possvel revelar o nome e a funo, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas e fornecer notificaes de alteraes. Esta tcnica est relacionada com:
Critrio de Sucesso 4.1.2 (Nome, Funo, Valor) o Como Cumprir o 4.1.2 (Nome, Funo, Valor)
Noes sobre o Critrio de Sucesso 4.1.2 (Nome, Funo, Valor)
Descrio
O objectivo desta tcnica permitir que a tecnologia de apoio compreenda o contedo da Web de modo a transmitir ao utilizador informaes equivalentes, atravs de uma interface de utilizador alternativa, permitindo-lhe utilizar controlos atravs da TA. Esta tcnica implica a utilizao de funcionalidades normais, documentadas e suportadas para apresentar estas propriedades TA. Baseia-se no facto de estes controlos normais, em browsers normais, cumprirem os requisitos. Estas suposies so boas para HTML e tambm podem ser apropriadas para outras tecnologias. Mesmo quando os componentes suportam acessibilidade, essencial que algumas informaes sejam fornecidas pelo autor. Por exemplo, um controlo pode ter a capacidade de fornecer um nome, mas o autor tem mesma de fornecer o nome. Contudo, o atributo role pode j ter sido fornecido, uma vez que se trata de um componente normal com uma funo fixa.
Exemplos
Exemplo 1 Exemplo 1: Uma pgina Web escrita em HTML ou XHTML utiliza controlos de formulrio e identifica o controlo de formulrio mediante o atributo title. O agente de utilizador cria informaes sobre estes controlos, incluindo o nome, disponveis para a tecnologia de apoio atravs do DOM e de uma API de Acessibilidade especfica da plataforma.
Recursos
G135: Utilizar as funcionalidades API de acessibilidade de uma tecnologia para revelar os nomes e as funes, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas e fornecer notificaes de alteraes H44: Utilizar elementos label para associar etiquetas de texto a controlos de formulrio H88: Utilizar HTML de acordo com as especificaes H91: Utilizar links e controlos de formulrio em HTML SCR21: Utilizar funes do Modelo de Objecto de Documento (DOM) para adicionar contedo a uma pgina
Testes
Procedimento 1. Examine visualmente a marcao ou utilize uma ferramenta. 2. Verifique se utilizada a marcao correcta, de modo a que o nome e a funo para cada interface de utilizador possam ser determinados. 3. Verifique se utilizada a marcao correcta, de modo a que os componentes da interface de utilizador que aceitam entradas de dados por parte do utilizador possam ser utilizados a partir da TA. Resultados Esperados Os passos 2 e 3 so verdadeiros para cada componente da interface de utilizador.
G110: Utilizar um redireccionamento imediato do lado do cliente

Aplicabilidade
Critrio de Sucesso 3.2.5 (Alterao a Pedido) o Como Cumprir o 3.2.5 (Alterao a Pedido) o Noes sobre o Critrio de Sucesso 3.2.5 (Alterao a Pedido)
Descrio
O objectivo desta tcnica permitir redireccionamentos do lado do cliente sem confundir o utilizador. Preferencialmente, os redireccionamentos so implementados do lado do servidor (consulte SVR1: Implementar redireccionamentos automticos no lado do servidor em vez de no lado do cliente (SERVIDOR) ), uma vez que um redireccionamento do lado do servidor no faz com que o novo contedo seja apresentado antes de o servidor enviar o contedo localizado no novo URI. Contudo, os autores nem sempre tm controlo sobre as tecnologias do lado do servidor; nesse caso, podem utilizar um redireccionamento do lado do cliente. Um redireccionamento do lado do cliente implementado por cdigo dentro do contedo que d instrues ao agente de utilizador para obter o contedo a partir de um URI diferente. importante que a pgina de redireccionamento ou a pgina Web apenas incluam informaes relacionadas com o redireccionamento.
Exemplos
Exemplo 1: HTML: meta Refresh com um URI e Sem Tempo Limite Excedido Em HTML 4.x e XHTML 1.x, possvel implementar um redireccionamento do lado do cliente utilizando o elemento meta : consulte H76: Utilizar meta refresh para criar um redireccionamento imediato do lado do cliente (HTML) .
Recursos

H76: Utilizar meta refresh para criar um redireccionamento imediato do lado do cliente SVR1: Implementar redireccionamentos automticos no lado do servidor em vez de no lado do cliente
Testes
Procedimento 1. Encontre todos os links ou referncias programticas para outra pgina ou pgina Web. 2. Para cada link ou referncia programtica, verifique se a pgina Web referenciada inclui um cdigo (por ex., um elemento meta ou um script) que provoque um redireccionamento do lado do cliente. 3. Para cada link ou referncia programtica que provoque um redireccionamento do lado do cliente, verifique se o redireccionamento implementado sem um limite de tempo ou atraso e se a pgina apenas inclui informaes relacionadas com o redireccionamento. Resultados Esperados
O passo 2 falso ou o passo 3 verdadeiro.
G111: Utilizar cores e padres

Aplicabilidade
Todas as tecnologias que suportem imagens. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica garantir que, quando forem utilizadas cores diferentes para transmitir informaes no contedo no textual, sejam includos padres para transmitir as mesmas informaes de um modo que no dependa da cor.
Exemplos
Exemplo 1 Um stio da Web de bens imobilirios fornece um grfico de barras dos preos mdios das casas em vrias regies dos Estados Unidos. A barra correspondente a cada regio apresentada com uma s cor diferente e um padro diferente. Existe contraste suficiente entre as cores nicas e as cores dos padres para cumprir o Critrio de Sucesso 1.4.1. A legenda utiliza as mesmas cores e padres para identificar cada barra. Exemplo 2 Um mapa online de um sistema de transportes apresenta cada itinerrio numa cor diferente. As paragens em cada itinerrio esto assinaladas com um cone identificativo, tal como um losango, um quadrado ou um crculo para ajudar a diferenciar cada itinerrio. Exemplo 3 Um organigrama descreve um conjunto de passos repetidos para executar um processo. Utiliza linhas tracejadas e setas com um fundo verde para apontar para o passo seguinte do processo quando a condio especificada aceite. Utiliza setas tracejadas com um fundo vermelho para apontar para o passo seguinte do processo quando a condio especificada falha. Existe contraste suficiente entre a linha e as cores de fundo para cumprir o Critrio de Sucesso 1.4.1. Exemplo 4 O contedo inclui um jogo interactivo. As peas do jogo para os 4 jogadores distinguem-se umas das outras pela cor e pelo padro.
Recursos
Testes
Procedimento Para cada imagem na pgina Web que utilize cores diferentes para transmitir informaes: 1. Verifique se todas as informaes que so transmitidas utilizando cores tambm so transmitidas utilizando padres que no se baseiam na cor. Resultados Esperados O passo 1 verdadeiro.
G112: Utilizar definies em linha

Aplicabilidade
Critrio de Sucesso 3.1.3 (Palavras Invulgares) o Como Cumprir o 3.1.3 (Palavras Invulgares) o Noes sobre o Critrio de Sucesso 3.1.3 (Palavras Invulgares)
Descrio
O objectivo desta tcnica fornecer uma definio no contexto para qualquer palavra utilizada de uma forma invulgar ou restrita. A definio fornecida no texto, imediatamente antes ou depois de a palavra ser utilizada. A definio pode ser includa na mesma orao da palavra que est a ser definida, ou numa orao separada.
Exemplos
Exemplo 1: ter Ele acreditava que o som viajava atravs do ter, que era visto como uma substncia que ocupava o espao interplanetrio. Exemplo 2: Controlador Pode ser necessrio actualizar o controlador para a impressora (o controlador software que contm instrues especficas para a impressora). Exemplo 3: Palavras-chave W3C Definio: As palavras-chave "tem", "no tem", "exigido", "deve", "no deve", "deveria", "no deveria", "recomendado", "pode" e "opcional" nesta especificao tm de ser interpretadas conforme descrito em RFC 2119(pgina em ingls).
Exemplo 4: Uma expresso idiomtica japonesa definida no contexto Este exemplo utiliza parnteses para fornecer a definio de uma expresso idiomtica em japons. A frase em japons diz "he throws a spoon" (ele atira uma colher). Significa que no havia nada que ele pudesse fazer e que, finalmente, desistiu.
Recursos

G55: Aceder s definies atravs de um link G62: Fornecer um glossrio G70: Fornecer uma funo para procurar um dicionrio online H54: Utilizar o elemento dfn para identificar a ocorrncia com a definio de uma palavra
Testes
Procedimento Para cada palavra ou frase utilizadas de uma forma invulgar ou restrita: 1. Verifique se a palavra definida no texto antes ou depois da primeira ocorrncia da palavra. Resultados Esperados O passo 1 verdadeiro.
G115: Utilizar elementos semantic para marcar a estrutura

Aplicabilidade
Linguagens de marcao, incluindo HTML 4.01, XHTML 1.x Esta tcnica est relacionada com:
Critrio de Sucesso 1.3.1 (Informaes e Relaes) o Como Cumprir o 1.3.1 (Informaes e Relaes) o Noes sobre o Critrio de Sucesso 1.3.1 (Informaes e Relaes)
Descrio
O objectivo desta tcnica marcar a estrutura do contedo da Web utilizando os elementos semantic apropriados. Por outras palavras, os elementos so utilizados de acordo com o seu significado, no pelo seu aspecto visual. A utilizao dos elementos semantic apropriados ir garantir que a estrutura esteja disponvel para o agente de utilizador. Isto implica indicar explicitamente o papel que diferentes unidades tm na compreenso do significado do contedo. A natureza de um bloco de contedo, tal como um pargrafo,
um cabealho, texto realado, uma tabela, etc. pode ser indicada desta forma. Em alguns casos, as relaes entre unidades de contedo tambm devem ser indicadas, tal como entre cabealhos e subcabealhos, ou entre as clulas de uma tabela. O agente de utilizador pode assim tornar a estrutura perceptvel ao utilizador, por exemplo, utilizando uma apresentao visual diferente para diferentes tipos de estruturas ou utilizando uma voz ou grau de inclinao diferentes numa apresentao em auditrio. Em HTML, por exemplo, os elementos ao nvel da frase, tais como em, abbre cite adicionam informaes de semntica nas oraes, assinalando texto para realce e identificando abreviaturas e citaes, respectivamente. MathML, uma linguagem de marcao concebida para manter distines importantes entre a estrutura e a apresentao na mat emtica, inclui uma marcao de apresentao especial para as numeraes complexas utilizadas para representar ideias matemticas, bem como uma marcao de contedo (semntica) para as prprias ideias matemticas.
Exemplos
Exemplo 1 Um pargrafo contm uma hiperligao para outra pgina. A hiperligao marcada utilizando o elemento a .
Cdigo Exemplo: <p>Do you want to try our new tool yourself? A free demonstration version is available in our <a href="download.html">download section</a></p>
Exemplo 2 Uma pgina sobre a histria do casamento utiliza uma citao do romance "Orgulho e Preconceito" de Jane Austen como exemplo. A referncia ao livro marcada utilizando o elemento cite e a prpria citao marcada utilizando o elemento blockquote .
Cdigo Exemplo: <p>Marriage was considered a logical step for a bachelor, as can be seen in the first chapter of the novel <cite>Pride and Prejudice</cite>:</p> <blockquote> <p>It is a truth universally acknowledged, that a single man in possession of a good fortune, must be in want of a wife.</p> <p>However little known the feelings or views of such a man may be on his first entering a neighbourhood, this truth is so well fixed in the minds of the surrounding families, that he is considered the rightful property of some one or other of their daughters.</p> </blockquote>
Exemplo 3 Um manual do automvel explica como ligar o motor. As instrues incluem um aviso para se certificar de que o automvel est em ponto morto. O autor acha que o aviso to importante que deve ser realado e, como tal, o aviso marcado utilizando o elemento strong .
Cdigo Exemplo: <h1>How to start the engine</h1> <p>Before starting the engine, <strong>make sure the gear
is in neutral</strong>. Next, turn the key in the ignition. The engine should start.</p>
Exemplo 4 Este exemplo mostra como utilizar os elementos em e strong para realar texto.
Cdigo Exemplo: <p>What she <em>really</em> meant to say was, "This is not ok, it is <strong>excellent</strong>!"</p>
Exemplo 5: Utilizar cor de fundo e de realce para identificar informaes importantes semntica e visualmente.
Cdigo Exemplo: <style type="text/css"> .vocab { background-color:cyan; font-style:normal; } </style> ....... <p>New vocabulary words are emphasized and highlighted with a cyan background</p> <p>The <em class="vocab">scathing </em> review of the play seemed a bit too harsh. .... </p>
Recursos

Especificao HTML 4.01 Especificao HTML 4.01, utilizando elementos phrase Linguagem de Marcao Matemtica (MathML) Verso 2.0, Segunda Edio Livro de Jeffrey Zeldman "Designing with Web standards" (pgina em ingls) Artigo do Grupo de Design da Web "Estilo do documento: Utilize a marca correcta para a tarefa" (pgina em ingls)

H39: Utilizar elementos caption para associar legendas da tabela de dados a tabelas de dados H42: Utilizar h1-h6 para identificar cabealhos H44: Utilizar elementos label para associar etiquetas de texto a controlos de formulrio H48: Utilizar ol, ul e dl para listas H49: Utilizar a marcao semntica para assinalar texto especial ou realado H51: Utilizar a marcao da tabela para apresentar informaes dispostas em tabelas H71: Fornecer uma descrio para grupos de controlos de formulrio utilizando elementos fieldset e legend
Testes
Procedimento 1. Verifique se existem partes do contedo que tenham uma funo semntica.
2. Para cada parte que tenha uma funo semntica, se existir uma marcao correspondente na tecnologia, verifique se o contedo foi marcado utilizando essa marcao semntica. Resultados Esperados O passo 2 verdadeiro.
G117: Utilizar texto para transmitir informaes que so transmitidas atravs de variaes na apresentao do texto
Aplicabilidade
Tecnologias que suportem variaes na apresentao visual do texto. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica garantir que as informaes transmitidas atravs de variaes na formatao do texto so transmitidas igualmente no texto. Quando o aspecto visual do texto varia para transmitir informaes, indique a informao explicitamente no texto. As variaes no aspecto visual podem ser efectuadas atravs de alteraes no tipo e tamanho de letra, no sublinhado, no rasurado e vrios outros atributos de texto. Quando estes tipos de variaes transmitem informaes, essas informaes necessitam de estar disponveis em qualquer outra parte do contedo atravs de texto. A introduo de seces adicionais no documento ou uma descrio em linha, em que ocorre a variao na apresentao do texto, podem ser utilizadas para transmitir as informaes.
Exemplos
Exemplo 1: Um teste online exige que os alunos escrevam um breve resumo de um documento extenso. Quando uma orao do documento original incluir uma palavra ou frase que tm de ser utilizadas no resumo, essa palavra ou frase so apresentadas num tipo de letra diferente do resto da orao. Uma seco separada tambm indica todas as palavras e frases que tm de ser utilizadas no resumo. Exemplo 2: Variaes de tipo de letra e indicaes explcitas. Foram feitos vrios rascunhos de um documento online. As introdues esto sublinhadas e as eliminaes esto rasuradas. No fim do rascunho, um "histrico das alteraes" indica todas as alteraes efectuadas a cada rascunho.
Recursos
H49: Utilizar a marcao semntica para assinalar texto especial ou realado
C22: Utilizar CSS para controlar a apresentao visual do texto
Testes
Procedimento 1. Encontre itens nos quais so utilizadas variaes na apresentao do texto para transmitir informaes. 2. Para esses itens, verifique se as informaes transmitidas visualmente tambm so indicadas explicitamente no texto. Resultados Esperados O passo 2 verdadeiro.
G120: Fornecer a pronncia imediatamente a seguir palavra

Aplicabilidade
Critrio de Sucesso 3.1.6 (Pronncia) o Como Cumprir o 3.1.6 (Pronncia) o Noes sobre o Critrio de Sucesso 3.1.6 (Pronncia)
Descrio
O objectivo desta tcnica disponibilizar a pronncia de uma palavra, fornecendo a pronncia a seguir palavra, no mnimo, na sua primeira ocorrncia numa pgina Web. Quando uma pgina Web contm palavras que se escrevem da mesma maneira, mas tm pronncias diferentes, esta tcnica no apropriada para fornecer a pronncia, a menos que seja fornecida para cada ocorrncia. Esta tcnica aplica-se primeira ocorrncia de uma abreviatura numa pgina Web. Ao combinar vrios recursos numa nica pgina Web, a abreviatura seria definida por extenso no incio de cada recurso. Contudo, neste caso, mais apropriado utilizar uma tcnica diferente para fornecer a definio por extenso.
Exemplos
Exemplo 1 No exemplo seguinte de texto em japons, as informaes que fornecem a pronncia em caracteres Han (Kanji) so apresentadas entre parnteses imediatamente a seguir ao texto.
Cdigo Exemplo: <p> () </p>
Recursos

G121: Aceder s pronncias atravs de um link G163: Utilizar sinais diacrticos normais que podem ser desactivados H62: Utilizar o elemento ruby
Testes
Procedimento Para cada palavra que necessite de informaes sobre a pronncia: 1. Procure a primeira ocorrncia dessa palavra na pgina Web. 2. Verifique se a primeira ocorrncia imediatamente seguida pela pronncia da palavra. Resultados Esperados O passo 2 verdadeiro.
G121: Aceder s pronncias atravs de um link

Aplicabilidade
Descrio
O objectivo desta tcnica disponibilizar a pronncia de uma palavra, fornecendo informaes sobre a pronncia, na mesma pgina Web ou noutra, e estabelecendo uma ligao, atravs de um link, entre o item e a sua pronncia.
Exemplos
Exemplo 1 Uma palavra tem um link para a sua entrada num dicionrio que inclui informaes sobre a pronncia. Exemplo 2 Uma palavra tem um link para um ficheiro de udio que ir ler a pronncia. Exemplo 3 Uma palavra tem um link para a sua entrada num dicionrio de pronncias.
Exemplo 4 Uma palavra tem um link para uma representao IPA (Alfabeto Fontico Internacional) da sua pronncia. Exemplo 5 Uma palavra tem um link para uma soletrao fontica clara da pronncia.
Recursos

G62: Fornecer um glossrio G120: Fornecer a pronncia imediatamente a seguir palavra G163: Utilizar sinais diacrticos normais que podem ser desactivados H62: Utilizar o elemento ruby
Testes
Procedimento Para cada palavra que necessite de informaes sobre a pronncia: 1. Verifique se, no mnimo, a primeira ocorrncia do item um link. 2. Verifique se cada link conduz a informaes sobre a pronncia do item. Resultados Esperados Todos os passos so verdadeiros.
Aplicabilidade
Todas as tecnologias que suportem cor e texto. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica combinar sinais de aviso a cores e de texto ou de caracteres para transmitir informaes. A maioria dos utilizadores consegue pesquisar rapidamente o contedo para localizar as informaes transmitidas utilizando cores diferentes. Os utilizadores que no conseguem distinguir as
cores podem procurar ou ouvir sinais de aviso de texto. As pessoas que utilizam apresentaes em braille ou outras interfaces tcteis podem detectar sinais de aviso de texto atravs do toque.
Exemplos
Exemplo 1: Campos obrigatrios num formulrio em HTML As instrues para um formulrio online indicam: "Os campos obrigatrios so apresentados a vermelho e assinalados com (obrigatrio)". O sinal de aviso "(obrigatrio)" est includo no elemento label .
Cdigo Exemplo: <label for="lastname" class="required">Last name(required):</label> <input id="lastname" type="text" size="25" value=""/> .required { color=red; }
Recursos
Testes
Procedimento Para qualquer contedo no qual sejam utilizadas cores diferentes para transmitir informaes: 1. Verifique se as mesmas informaes esto disponveis atravs de sinais de aviso de texto ou de caracteres. Resultados Esperados O passo 1 verdadeiro.
G123: Adicionar um link no incio de um bloco de contedo repetido para aceder directamente ao fim do bloco
Aplicabilidade
Critrio de Sucesso 2.4.1 (Ignorar Blocos) o Como Cumprir o 2.4.1 (Ignorar Blocos) o Noes sobre o Critrio de Sucesso 2.4.1 (Ignorar Blocos)
Descrio
O objectivo desta tcnica fornecer um mecanismo para ignorar um bloco de contedo, passando para o fim do bloco. O primeiro link do bloco, ou o link imediatamente antes do bloco, move o foco para o contedo imediatamente a seguir ao bloco. Ao activar o link, o foco do teclado avana para o bloco. Quando existirem vrios blocos para ignorar, o utilizador passa de bloco em bloco atravs destes links.
Exemplos
Exemplo 1: Ignorar Links de Navegao As pginas no stio da Web de uma organizao incluem uma barra de navegao ou menu principal que incluem links para as seces mais importantes do stio da Web, o mapa do stio da Web, informaes sobre a organizao e com contactar as organizao. O primeiro link nesta rea intitula-se "Ignorar Links de Navegao". Um utilizador activa o link para ignorar estes links. Exemplo 2: O ndice de um livro Um livro contm um ndice que est dividido num conjunto de pginas. No contedo, no incio de cada pgina do ndice, existem links para cada letra do alfabeto, que conduzem ao ndice em que as entradas comeam com essa letra. O primeiro link do conjunto intitula-se "Ignorar Links at ao ndice". Um utilizador activa este link para ignorar os links. Exemplo 3: Vrios conjuntos de links Todas as pginas de um stio da Web incluem uma seco que contm links para o mapa do stio da Web, informaes sobre a organizao e como contactar a organizao. Todas as pginas em cada seco do stio da Web tambm contm um conjunto de links para as respectivas subseces. O primeiro link no primeiro bloco intitula-se "Ignorar Links de Navegao", que permite ignorar o primeiro conjunto de links. O primeiro link no segundo bloco intitula-se "Ignorar Links de Seces", que permite ignorar os links de subseces. Exemplo 4: Pgina HTML com vrios blocos de links de navegao Este exemplo demonstra a utilizao de elementos Heading no incio de cada seco (H69) e os links que permitem avanar para o fim de cada seco. Isto permite s pessoas ignorar blocos de contedo repetido utilizando navegao por teclado ou por ttulo, consoante as capacidades dos agentes de utilizador. Tenha em ateno que algumas seces do contedo esto moldadas num elemento div para solucionar uma limitao do Internet Explorer (consulte Notas dos Agentes de Utilizador para Criar links HTML para ignorar blocos de contedo (futuro link)).
Cdigo Exemplo: <p><a href="#content">Content title</a></p> <h2>Main Navigation</h2> <ul> <li><a href="#subnav">Sub Navigation</a></li> <li><a href="/a/">Link A</a></li> <li><a href="/b/">Link B</a></li> <li><a href="/c/">Link C</a></li> ... <li><a href="/j/">Link J</a></li> </ul> <div class="iekbfix"> <h2 id="subnav">Sub Navigation</h2> <ul> <li><a href="#ultranav">Ultra Sub Navigation</a></li>
<li><a href="/suba/">Sub A</a></li> <li><a href="/subb/">Sub B</a></li> <li><a href="/subc/">Sub C</a></li> ... <li><a href="/subj/">Sub J</a></li> </ul> </div> <div class="iekbfix"> <h2 id="ultranav">Ultra Sub Navigation</h2> <ul> <li><a href="#content">Content title</a></li> <li><a href="/ultraa/">Ultra A</a></li> <li><a href="/ultrab/">Ultra B</a></li> <li><a href="/ultrac/">Ultra C</a></li> ... <li><a href="/ultraj/">Ultra J</a></li> </ul> </div> <div> <h2 id="content">Content title</h2> <p>Now that I have your attention...</p> </div>
E o CSS.
Cdigo Exemplo: div.iekbfix { width: 100%; }
Recursos
Links "Ignorar Navegao" (pgina em ingls)

G1: Adicionar um link no topo de cada pgina para aceder directamente rea do contedo principal G124: Adicionar links no topo da pgina para cada rea do contedo
Testes
Procedimento 1. Verifique se um link o ltimo controlo que pode receber foco antes do bloco de contedo repetido ou do primeiro link do bloco. 2. Verifique se a descrio do link informa que permite ignorar o bloco. 3. Verifique se o link est sempre visvel ou s est visvel quando recebe foco do teclado. 4. Verifique se activar o link move o foco para o contedo imediatamente a seguir ao bloco. 5. Verifique se, depois de activar o link, o foco do teclado se moveu para o contedo imediatamente a seguir ao bloco. Resultados Esperados Todos os passos acima so verdadeiros.
G124: Adicionar links no topo da pgina para cada rea do contedo

Aplicabilidade
Critrio de Sucesso 2.4.1 (Saltar Blocos) o Como Cumprir 2.4.1 (Saltar Blocos) o Noes sobre o Critrio de Sucesso 2.4.1 (Saltar Blocos)
Descrio
O objectivo desta tcnica fornecer um mecanismo para saltar blocos de material atravs do fornecimento de uma lista de links para as diferentes seces do contedo. Os links desta lista, tal como um pequeno ndice no incio do contedo, colocam o foco nas diferentes seces do contedo. Esta tcnica particularmente til para pginas com muitas seces independentes, tais como portais. Tambm pode ser combinada com outras tcnicas para saltar blocos numa seco.
Exemplos
Exemplo 1 Num stio, todas as pginas Web comeam com trs links que conduzem at ao contedo principal dessas mesmas pginas, ao campo de procura e barra de navegao.
Recursos
Links "Saltar Navegao"

G1: Adicionar um link no topo de cada pgina para aceder directamente rea do contedo principal G123: Adicionar um link no incio de um bloco de contedo repetido para aceder directamente ao fim do bloco
Testes
Procedimento Para cada link do conjunto de links fornecido para esta finalidade: 1. Verifique se os nicos controlos na pgina Web que precedem o link so outros links do conjunto. 2. Verifique se a descrio de cada link informa que o mesmo conduz a uma seco do contedo. 3. Verifique se o link est sempre visvel ou s est visvel quando recebe foco do teclado. 4. Verifique se a activao do link move o foco para essa seco do contedo. Resultados Esperados Todos os passos acima so verdadeiros.
G125: Fornecer links para navegar para pginas Web relacionadas

Aplicabilidade
Critrio de Sucesso 2.4.5 (Multiplas Formas) o Como Cumprir o 2.4.5 (Multiplas Formas) o Noes sobre o Critrio de Sucesso 2.4.5 (Multiplas Formas)
Descrio
O objectivo desta tcnica tornar possvel aos utilizadores a localizao de informaes adicionais, fornecendo links para as pginas Web relacionadas. uma de vrias tcnicas para localizar contedo considerada de tipo suficiente para abordar o Critrio de Sucesso 2.4.5. Os links so um componente bsico da World Wide Web e so o mecanismo que faz da Internet uma "teia" interligada de contedo. A maioria dos autores utiliza esta tcnica automaticamente ao criar pginas Web.
Exemplos
Exemplo 1 As Directrizes de Acessibilidade para o Contedo da Web 2.0 incluem links para definies de termos utilizados nas directrizes e nos Critrios de Sucesso, links para documentos que explicam como cumprir diferentes Critrios de Sucesso, um ndice para cada seco com links para diferentes subseces dessa seco e uma Comparao dos pontos de verificao das WCAG 1.0 com as WCAG 2.0 (pgina em ingls). medida que os utilizadores navegam no documento, podem seguir estes links para encontrar informaes relacionadas.
Recursos
Arquitectura da World Wide Web, Volume Um

G63: Fornecer um mapa do stio G64: Fornecer um ndice G126: Fornecer uma lista de links para todas as outras pginas Web G185: Aceder, atravs de um link, a todas as outras pginas do stio da Web a partir da pgina inicial
Testes
Procedimento Para cada link na pgina Web: 1. Verifique se o link conduz s informaes relacionadas.
Resultados Esperados O passo 1 verdadeiro.
G126: Fornecer uma lista de links para todas as outras pginas Web
Aplicabilidade
Critrio de Sucesso 2.4.5 (Vrias Formas) o Como Cumprir o 2.4.5 (Vrias Formas) o Noes sobre o Critrio de Sucesso 2.4.5 (Vrias Formas)
Descrio
O objectivo desta tcnica fornecer uma lista de links para todas as pginas Web do conjunto em cada pgina Web. uma de vrias tcnicas para localizar contedo considerada de tipo suficiente para abordar o Critrio de Sucesso 2.4.5. Esta tcnica s eficaz para pequenos conjuntos de pginas Web; se a lista de links for mais longa do que o resto do contedo da pgina Web, pode dificultar a compreenso e a utilizao da pgina Web para os utilizadores. Nota: O Critrio de Sucesso 2.4.1 requer uma tcnica para ignorar esta lista de links.
Exemplos
Exemplo 1 O stio da Web de uma famlia inclui pginas iniciais para todos os membros da famlia. Cada pgina contm uma lista de links para as pginas iniciais dos restantes membros da famlia. Exemplo 2 Um livro electrnico est dividido em pginas Web separadas para cada captulo. Cada pgina Web comea com um pequeno ndice que contm links para todos os captulos do livro.
Recursos

G1: Adicionar um link no topo de cada pgina para aceder directamente rea do contedo principal G63: Fornecer um mapa do stio da Web G64: Fornecer um ndice G123: Adicionar um link no incio de um bloco de contedo repetido para aceder directamente ao fim do bloco G125: Fornecer links para navegar para pginas Web relacionadas
Testes
Procedimento 1. Verifique se cada pgina Web contm uma lista de links para as outras pginas do stio da Web. 2. Verifique se os links da lista conduzem s pginas Web correspondentes. 3. Verifique se a lista contm um link para todas as pginas do stio da Web. Resultados Esperados Todos os passos acima so verdadeiros.
G127: Identificar a relao de uma pgina Web com um conjunto maior de pginas Web
Aplicabilidade
Critrio de Sucesso 2.4.2 (Pgina com Ttulo) o Como Cumprir o 2.4.2 (Pgina com Ttulo) o Noes sobre o Critrio de Sucesso 2.4.2 (Pgina com Ttulo) Critrio de Sucesso 2.4.8 (Localizao) o Como Cumprir o 2.4.8 (Localizao) o Noes sobre o Critrio de Sucesso 2.4.8 (Localizao)
Descrio
O objectivo desta tcnica permitir aos utilizadores identificar a relao entre a pgina Web actual e outras pginas Web do mesmo conjunto (por ex., no mesmo stio da Web). Em alguns casos, isto pode ser feito de forma programtica, por exemplo, utilizando o atributo rel do elemento link em HTML. Noutros casos, as informaes so fornecidas, incluindo as informaes relevantes no ttulo da pgina Web.
Exemplos
Exemplo 1: O ttulo de uma pgina Web inclui o nome do substio da Web Um stio da Web de grandes dimenses inclui lies prticas e materiais de referncia para vrias tecnologias. O ttulo de cada pgina Web inclui o nome do substio da Web, bem como da organizao que produz o stio da Web. Exemplo 2: Incluir informaes de identificao em metadados Uma pgina Web inclui metadados que a identificam como o ndice de um conjunto de documentos. Os metadados para cada documento do conjunto identificam a posio do documento no conjunto e fornecem uma referncia para o ndice. Exemplo 3: Captulos de um manual escolar online Um manual escolar online est dividido em captulos. O ttulo de cada pgina Web inclui o nmero e o ttulo do captulo, bem como o ttulo do manual escolar.
Recursos

G65: Fornecer uma navegao de trilho G88: Fornecer ttulos descritivos para pginas Web
Testes
Procedimento 1. Verifique se o ttulo da pgina Web descreve a relao da mesma com o conjunto ao qual pertence. 2. Verifique se a pgina Web inclui metadados que identificam a relao da pgina Web com o conjunto ao qual pertence. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G128: Indicar a localizao actual nas barras de navegao

Aplicabilidade
Critrio de Sucesso 2.4.8 (Localizao) o Como Cumprir o 2.4.8 (Localizao) o Noes sobre o Critrio de Sucesso 2.4.8 (Localizao)
Descrio
O objectivo desta tcnica ajudar a orientar o utilizador, fornecendo informaes sobre a localizao actual atravs do componente de navegao da interface de utilizador. Esta tcnica especialmente til quando as pginas Web so passos numa tarefa que tm de ser processados por ordem. Fornecer esta indicao ajuda o utilizador a compreender melhor o local onde se encontra na sequncia. A localizao pode ser indicada adicionando um cone ou texto, ou alterando o estado do item.
Exemplos
Exemplo 1 Uma pgina Web implementa uma navegao tipo painel de separadores. Uma lista de separadores do painel apresentada horizontalmente na pgina. O contedo actual apresentado num painel abaixo da lista dos separadores do painel. Quando o utilizador navega at um determinado separador do painel e o selecciona, o contedo do painel actualizado para reflectir o tpico do separador seleccionado. Alm disso, a cor de fundo predefinida do separador seleccionado muda, e apresentado um cone de marca de verificao junto ao texto do painel de separadores para indicar que o painel activo. O cone de marca de verificao inclui uma alternativa em texto apropriada. Exemplo 2
O esquema de uma pgina Web utiliza um conjunto de frames e frames. Um dos frames designado como o frame de navegao e outro frame apresenta o contedo do stio da Web. Quando o utilizador selecciona um link no frame de navegao, as informaes relacionados com o link so apresentadas no frame de contedo. O texto para o item seleccionado no frame de navegao actualizado com um asterisco para indicar que o tpico seleccionado. Exemplo 3 A barra de navegao de um stio da Web implementada como uma lista de links. A barra de navegao aparece em todas as pginas Web num conjunto de pginas Web. medida que o utilizador coloca o foco sobre um determinado link, ou fica suspenso sobre o mesmo, na barra de navegao, a cor de fundo do link muda. Esta alterao no estilo da suspenso ou no foco especificada atravs da folha de estilo em cascata para a pgina Web. Quando o foco removido do link, o estilo reposto para o estilo normal do link. Quando o link activado para alterar os contedos da pgina, o link seleccionado na barra de navegao desactivado, uma vez que o resultado de seguir este link a pgina Web que est actualmente a ser apresentada. Alterar a cor de fundo fornece aos utilizadores sem problemas de viso uma notificao visual do link que devem seleccionar. Desactivar o link fornece informaes a todos os utilizadores de que se trata do tpico actualmente seleccionado.
Recursos
Testes
Procedimento Quando o componente de navegao se repetir num conjunto de pginas Web: 1. Verifique se fornecida ao utilizador uma indicao do item actualmente seleccionado na unidade de navegao. 2. Verifique se o item seleccionado corresponde ao contedo que est a ser apresentado. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G130: Fornecer cabealhos descritivos

Aplicabilidade
Critrio de Sucesso 2.4.6 (Cabealhos e Etiquetas) o Como Cumprir o 2.4.6 (Cabealhos e Etiquetas) o Noes sobre o Critrio de Sucesso 2.4.6 (Cabealhos e Etiquetas)
Descrio
O objectivo desta tcnica tornar os cabealhos das seces existentes no contedo da Web descritivos. Os cabealhos e ttulos descritivos (consulte G88: Fornecer ttulos descritivos para pginas Web) funcionam em conjunto para fornecer aos utilizadores uma descrio geral do contedo e respectiva organizao. Os cabealhos descritivos identificam as seces do contedo em relao pgina Web como um todo e a outras seces da mesma pgina Web. O cabealho descritivo ajuda os utilizadores a encontrar contedo especfico e orienta-os na pgina Web. Os autores tambm podero considerar a colocao das informaes mais importantes no incio de cada cabealho. Isso ajuda os utilizadores a "passar os olhos" pelos cabealhos para localizar o contedo especfico que necessitam, e especialmente til quando os browsers ou a tecnologia de apoio permitem a navegao de cabealho para cabealho.
Exemplos
Exemplo 1 Uma pgina HTML que descreva a srie de tarefas para 'primeiros socorros para desastres' pode ter os seguintes cabealhos:
Cdigo Exemplo: <h1>Primeiros socorros para Desastres</h1> <h1>Disaster preparation</h1> <h2>Inundao (Primeiros socorros)</h2> <h2>Incndio (Primeiros socorros)</h2>
Tenha em ateno que os cabealhos de nvel 2 tm as informaes caractersticas no incio (i.e., em vez de "Primeiros socorros em caso de inundao", "Primeiros socorros em caso de incndio", etc.). Exemplo 2 Um breve artigo sobre a histria de uma cidade fala sobre a fundao e expanso da cidade e depois entra em detalhes sobre a situao actual. O ttulo da pgina Web "Histria da Nossa Cidade". A primeira seco intitula-se "A fundao da Nossa Cidade". A segunda seco intitula-se "Expanso da Nossa Cidade". A terceira seco intitula-se "A Nossa Cidade Hoje", que inclui as seguintes subseces: "As Pessoas na Nossa Cidade", "Organizaes na Nossa Cidade" e "Edifcios na Nossa Cidade".
Recursos
Sugestes rpidas para cabealhos acessveis (pgina em ingls)
Testes
Procedimento 1. Verifique se a pgina Web contm cabealhos. 2. Verifique se cada cabealho identifica a sua seco do contedo. Resultados Esperados O passo 2 verdadeiro.
G131: Fornecer etiquetas descritivas

Aplicabilidade
Critrio de Sucesso 2.4.6 (Cabealhos e Etiquetas) o Como Cumprir o 2.4.6 (Cabealhos e Etiquetas) o Noes sobre o Critrio de Sucesso 2.4.6 (Cabealhos e Etiquetas) Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues)
Descrio
O objectivo desta tcnica garantir que a etiqueta de qualquer componente interactivo no contedo da Web torne clara a finalidade do componente. A utilizao das tcnicas especficas da tecnologia apropriadas para tecnologias de associao de etiquetas com controlos interactivos permite tecnologia de apoio reconhecer a etiqueta e apresent-la ao utilizador.
Exemplos
Exemplo 1: Mapas online com controlos para ampliar e reduzir (zoom) A uma aplicao Web apresenta mapas de uma cidade. Os utilizadores podem ampliar para ver parte do mapa em maior detalhe, e podem reduzir para ver uma parte maior da cidade. Os controlos podem ser utilizados utilizando um rato ou um teclado. Os controlos intitulam-se Aumentar (Ctrl + Shift + L)" e Reduzir (Ctrl + Shift + R)." Exemplo 2: Um formulrio a perguntar o nome do utilizador Um formulrio pergunta o nome do utilizador. Consiste em dois campos de entrada de dados para perguntar o primeiro nome e o apelido. O primeiro campo intitula-se "Primeiro nome", o segundo intitula-se "Apelido". Exemplo 3: Um formulrio com campos obrigatrios Um formulrio de compra inclui vrios campos que so obrigatrios. Alm de identificar o campo, a etiqueta para cada campo obrigatrio inclui a palavra "obrigatrio" entre parnteses.
Recursos
Testes
Procedimento Para cada componente da interface existente no contedo:
1. Identifique a finalidade do componente da interface. 2. Verifique se existe alguma etiqueta obrigatria. 3. Verifique se cada etiqueta torna clara a finalidade do componente. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G133: Fornecer uma caixa de verificao na primeira pgina de um formulrio de vrias partes, que permite aos utilizadores solicitar um limite de tempo de sesso maior ou nenhum limite de tempo de sesso
Aplicabilidade
Contedo que inclua formulrio de vrias partes. Esta tcnica est relacionada com:
Critrio de Sucesso 2.2.1 (Ajustvel por Temporizao) o Como Cumprir o 2.2.1 (Ajustvel por Temporizao) o Noes sobre o Critrio de Sucesso 2.2.1 (Ajustvel por Temporizao)
Descrio
O objectivo desta tcnica minimizar o risco de os utilizadores com incapacidades perderem o seu trabalho, fornecendo uma caixa de verificao para solicitar tempo adicional para preencher formulrios de vrias partes. A caixa de verificao pode permitir ao utilizador solicitar um perodo de tempo especfico adicional (por exemplo, 15 minutos) ou um perodo de tempo indeterminado. (Tenha em ateno que permitir um perodo de tempo indeterminado ser inapropriado se comprometer a privacidade do utilizador ou a segurana da rede.)
Exemplos
Exemplo 1: Uma caixa de verificao para solicitar um perodo de tempo especfico Uma pgina Web contm a primeira parte de um formulrio de cinco partes. Imediatamente a seguir s instrues gerais para preencher o formulrio encontra-se uma caixa de verificao com a etiqueta, Fornecer mais 15 minutos para preencher cada parte deste formulrio". Exemplo 2: Solicitar um perodo de tempo indeterminado Uma pgina Web contm a primeira parte de uma formulrio de trs partes. Cada parte do formulrio inclui mais de 10 itens. Alguns itens requerem que os utilizadores sigam links para obterem informaes adicionais. Imediatamente a seguir s instrues gerais para preencher o formulrio encontra-se uma caixa de verificao com a etiqueta, Fornecer o tempo necessrio para preencher este formulrio. Compreendo que tenho de fechar o (sair do) browser da Web se optar por parar antes de preencher a ltima parte do formulrio".
Testes
Procedimento
Se a pgina Web incluir a primeira parte de um formulrio de vrias partes: 1. Verifique se a pgina Web inclui uma caixa de verificao para solicitar tempo adicional para preencher o formulrio. 2. Verifique se, no caso de a caixa de verificao estar seleccionada, fornecido tempo adicional para preencher o formulrio. Resultados Esperados 1. Todos os passos so verdadeiros.
G134: Validar pginas Web

Aplicabilidade
Qualquer linguagem de marcao e muitas outras tecnologias. Esta tcnica est relacionada com:
Critrio de Sucesso 4.1.1 (Anlise) o Como Cumprir o 4.1.1 (Anlise) o Noes sobre o Critrio de Sucesso 4.1.1 (Anlise)
Descrio
O objectivo desta tcnica evitar ambiguidades nas pginas Web que resultam muitas vezes de cdigos que no so validados contra especificaes formais. utilizado o mecanismo de cada tecnologia para especificar a tecnologia e a respectiva verso, e a pgina Web validada contra a especificao formal dessa tecnologia. Se existir uma validao disponvel para essa tecnologia, o programador pode utilizla. Normalmente, a validao ir eliminar as ambiguidades (e mais), uma vez que um passo essencial na validao verificar se a marcao da tecnologia (numa linguagem de marcao) ou os cdigos (noutras tecnologias) so correctamente utilizados. A validao no verifica necessariamente se existe conformidade total com uma especificao, mas o melhor meio para verificar automaticamente o contedo em relao sua especificao.
Exemplos
Exemplo 1: Validar HTML As pginas HTML incluem uma declarao do tipo de documento (por vezes, referido como declarao !DOCTYPE ) e so vlidas de acordo com a verso HTML especificada pela declarao do tipo de documento. O programador pode utilizar validaes offline e online (consulte os Recursos abaixo) para verificar a validade das pginas HTML. Exemplo 2: Validar XML Os documentos XHTML, SVG, SMIL e outros baseados em XML fazem referncia Definio do Tipo de Documento (DTD) ou outro tipo de esquema XML. O programador pode utilizar validaes online ou offline (incluindo ferramentas de validao integradas nos editores) para verificar a validade dos documentos XML. Exemplo 3: Validao batch com Ant
A tarefa xmlvalidate do Apache Ant pode ser utilizada para validao batch de ficheiros XML. O seguinte destino Apache Ant um exemplo simples para a validao de ficheiros com a extenso .xml no directrio dev\\Web (relativo ao Ant build file).
Cdigo Exemplo: <target name="validate-xml"> <xmlvalidate lenient="no"> <fileset dir="dev/web" includes="*.xml" /> </xmlvalidate> </target>
Recursos
No se esquea de adicionar um doctype (pgina em ingls) da W3C Quality Assurance Initiative,
explica o que so doctypes e por que deve utiliz-los.

DTDs (gramticas de programao) recomendadas para o seu documento Web (pgina em ingls) de W3C
Quality Assurance Initiative, uma lista de declaraes geralmente utilizadas.

Como valido o meu cdigo ou verifico a existncia de possveis erros? (pgina em ingls) descreve as
ferramentas no editor gratuito HTML-Kit para verificar HTML, CSS e XML. Validar HTML e XHTML
O Servio de Validao de Marcao W3C (pgina em ingls) do World Wide Web Consortium permite
validar ficheiros HTML e XHTML por URI, carregamento de ficheiros e introduo directa de documentos HTML ou XHTML completos. Existem tambm outras funcionalidades avanadas que permitem a validao por carregamento de ficheiros, validao avanada por URI (opes avanadas como codificaes e tipos de documento). Documentao de Instalao para o Servio de Validao de Marcao W3C (pgina em ingls) explica como instalar este servio (por exemplo, para utilizar numa Intranet). HTML Validator (pgina em alemo) uma verso alem do Servio de Validao de Marcao W3C. WDG HTML Validator (pgina em ingls) do Grupo Web Design, permite introduzir um URI para validar pginas individuais ou stios da Web inteiros. Tambm existem verses para validar pginas Web em modo batch - por lotes - (especificando um ou mais URIs de documentos HTML para validar), por carregamento de ficheiros e introduo directa de cdigos HTML. Offline HTMLHelp.com Validator (pgina em ingls) uma ferramenta para utilizadores Unix; a verso offline do WDG HTML Validator. Off-line HTML Validator Um clipbook para NoteTab (pgina em ingls) do Professor Igor Podlubny, uma extenso do editor de programao NoteTab. Utiliza Anlise SGML de fonte aberta de James Clark(pgina em ingls), igualmente utilizada pelo Servio de Validao de Marcao W3C. Off-line HTML Validator para o Windows (pgina em ingls) de Jan Kacur, outra validao baseada na Anlise SGML de fonte aberta de James Clark. Tambm est disponvel o cdigo fonte (em Delphi). Offline HTML Validator Faa-Voc-Mesmo (pgina em ingls) de Matti Tukiainen, explica como criar uma validao simples com a Anlise SGML de James Clark no Windows. Validar um stio da Web inteiro (pgina em ingls) de Peter Kranz, explica como instalar uma verso modificada do Servio de Validao de Marcao W3C que apresenta resultados de validao como XML no Mac OS. Est disponvel o cdigo fonte (em Perl e Python). HTML Validation Widget (pgina em ingls) adiciona uma opo "Validar HTML" ao menu de contexto do Internet Explorer e valida o documento HTML actual com o HTML Validator do Grupo Web Design. Posso utilizar o Servio de Validao de Marcao W3C para validar HTML? (pgina em ingls) explica como validar HTML a partir do editor gratuito HTML-Kit. HTML/XML Validator uma ferramenta de reparao online para HTML e XHTML baseada em Tidy e PHP 5. Est disponvel em vrios idiomas, mas no uma validao verdadeira.
Corrija o seu Stio da Web com o DOCTYPE Correcto! (pgina em ingls) de Jeffrey Zeldman, explica
que doctypes HTML e XHTML funcionam e quais so os seus efeitos no modo de apresentao de alguns browsers. Modificar Dreamweaver para Produzir XHTML Vlido (pgina em ingls) de Carrie Bickner. XHTML-Schemata fr FrontPage 2003 und Visual Studio .NET (pgina em alemo) de Christoph Schneegans, um artigo alemo que explica como podem ser utilizados os W3C XML Schemas para XHTML 1.0 no FrontPage 2003 e Visual Studio .NET para criar um cdigo vlido. Nvu (pgina em ingls) uma ferramenta de autor da Web gratuita e de fonte aberta para Windows, Macintosh e Linux que pode utilizar o Servio de Validao HTML W3C. Amaya (pgina em ingls) do World Wide Web Consortium, uma ferramenta de autor da Web gratuita e de fonte aberta com suporte para HTML, XHTML, CSS, SVG e MathML, que o alerta para erros de validao quando guarda um documento. Web Developer Extension (pgina em ingls) uma extenso para o Mozilla, Firefox e Flock de Chris Pedrick, que permite utilizar os Servios de Validao W3C para HTML e CSS.
Validar XML
HTML/XHTML/WML/XML Validator (pgina em ingls) permite validar documentos por URI ou
carregamento de ficheiros. Tambm est disponvel uma interface avanada.

HTML/XHTML/WML/XML Validator (pgina em alemo) uma verso alem da mesma validao. XML Validator - Um Servio de Validao de Documentos (pgina em ingls) de JavaView, permite
verificar a boa formao e a validade dos ficheiros XML, por carregamento de ficheiros ou introduo directa do cdigo XML. Tarefa XMLValidate do Apache Ant (pgina em ingls), pode ser utilizada para validar documentos baseados em XML. Esta ferramenta pode ser utilizada para validar directrios inteiros (e subdirectrios) de ficheiros XML. XML Schema Validator (pgina em ingls) de Christoph Schneegans, uma ferramenta online que permite validar ficheiros XML (e XHTML) por URI, carregamento de ficheiros, introduo directa de documentos XML completos e introduo directa de fragmentos de cdigos XML. Tambm est disponvel uma bookmarklet que permite validar a pgina actualmente apresentada no browser. Esta validao pretende ser mais exacta do que a validao W3C. XML Schema Validator (pgina em ingls) de DecisionSoft, uma ferramenta online que permite validar um ficheiro XML em comparao com um WC3 XML Schema, podendo ambos ser carregados. Formulrio de Validao XML STG (pgina em ingls) de Scholarly Technology Group of Brown University, permite validar ficheiros XML por URI, carregamento de ficheiros e introduo directa de documentos XML completos. NetBeans: Trabalhar com XML, Parte 1 e NetBeans: Trabalhar com XML, Parte 2 (pginas em ingls) de Tim Boudreau e outros, explicam como activar o suporte e a validao XML, bem como outras funcionalidades relacionadas, na estrutura NetBeans de fonte aberta. Schema Validator(pgina em ingls): esta uma validao que permite colar cdigos XML e WC3 XML Schema em caixas de texto para validar cdigos XML. XML Nanny(pgina em ingls): uma ferramenta grfica para validar XML e XHTML, com suporte para DTD, W3C XML Schema, RELAX NG e Schematron (Max OX X).
Tenha em ateno que vrios editores de programao, editores XML e ambientes de desenvolvimento integrados (IDEs) podem validar ficheiros XML. Estes incluem as seguintes ferramentas gratuitas e/ou de fonte aberta:
o editor de programao JEdit (pgina em ingls) com os plug-ins XML e SideKick, que suporta
DTDs e W3C XML Schemas,

o workbench" Eclipse com a Web Tools Platform (Plataforma de Ferramentas Web) (pginas em ingls), a ferramenta de autor da Web SCREEM (pgina em ingls) para o ambiente e trabalho Gnome, que
suporta DTDs, o editor XML Jaxe(pgina em ingls), que valida ficheiros XML com Apache Xerces, o editor XML Xerlin(pgina em ingls), que suporta DTDs e, at certo ponto, W3C XML Schema, o editor XML xmloperator(pgina em ingls), que suporta DTDs e RELAX NG Schemas, Emacs em modo nXML (consulte o Modo YahooGroup Emacs nXML) (pgina em ingls), o editor XML Pollo(pgina em ingls), que suporta DTDs, W3C XML Schemas e RELAX NG Schemas, e mais indicado para ficheiros XML em rvore.
Validar CSS
O Servio de Validao W3C CSS permite validar ficheiros CSS por URI, carregamento de ficheiros e
introduo directa de cdigos CSS.

O Servio de Validao W3C CSS: Validar por URI uma interface alargada que permite especificar
uma folha de estilo CSS ou uma pgina HTML com CSS, especificar o suporte de dados e perfil CSS e escolher os tipos de avisos que devem ser apresentados. CSSCheck (pgina em ingls) do Grupo Web Design, permite validar ficheiros CSS por URI e introduo directa de cdigos CSS. Tenha em ateno que , essencialmente, um verificador CSS 1. CSSCheckUp (pgina em ingls) do Grupo Web Design, permite validar ficheiros CSS por carregamento de ficheiros. Tenha em ateno que , essencialmente, um verificador CSS 1. CSS (Cascading Style Sheets) Validator (pgina em ingls) permite validar ficheiros CSS por URI. Off-line CSS Validator Um clipbook para NoteTab (pgina em ingls)
Testes
Procedimento Para tecnologias baseadas em HTML, SGML e XML: 1. Carregue cada pgina ou documento numa anlise de validao. 2. Verifique se no so encontrados erros de validao. Para CSS: 1. Carregue cada folha de estilo externa ou interna numa Validao CSS. 2. Verifique se no so encontrados erros de validao. Para outras tecnologias: Siga o procedimento de validao definido para a tecnologia em utilizao, se existir alguma. Resultados Esperados Para tecnologias baseadas em HTML, SGML e XML: O passo 2 verdadeiro. Para CSS: O passo 2 verdadeiro.
G135: Utilizar as funcionalidades API de acessibilidade de uma tecnologia para revelar os nomes e as funes, permitir que as propriedades definidas pelo utilizador possam ser directamente definidas e fornecer notificaes de alteraes
Aplicabilidade
Tecnologias de programao que tm componentes normais programados para interagir com APIs de acessibilidade. Esta tcnica est relacionada com:
Critrio de Sucesso 4.1.2 ((Nome, Funo, Valor) o Como Cumprir o 4.1.2 (Nome, Funo, Valor) o Noes sobre o Critrio de Sucesso 4.1.2 (Nome, Funo, Valor)
Descrio
O objectivo desta tcnica permitir tecnologia de apoio compreender o contedo da Web, de modo a poder transmitir informaes equivalentes ao utilizador atravs de uma interface de utilizador alternativa. Por vezes, o contedo no criado utilizando linguagem de marcao, mas utilizando uma linguagem de programao ou ferramentas. Em muitos casos, estas tecnologias tm componentes de interface que j se encontram programados para interagir com APIs de acessibilidade. Se um autor utilizar estes componentes e preencher as propriedades (por ex., nome, etc.), os componentes resultantes da interface de utilizador existentes no contedo estaro acessveis tecnologia de apoio.
Exemplos
Exemplo 1 Uma pgina Web utiliza Java para criar uma applet. Os objectos de Java Swing (por ex., boto) so utilizados porque tm propriedades de acessibilidade incorporadas que podem ser acedidas a partir da tecnologia de apoio escrita em Java e, com Java Access Bridge, das escritas noutras linguagens que utilizam a API de Acessibilidade do sistema operativo. O autor preenche os valores para os componentes e o resultado est acessvel TA.
Recursos
Testes
Procedimento 1. Apresente o contedo utilizando um Agente de Utilizador acessvel. 2. Utilize uma Ferramenta de Acessibilidade concebida para a API de Acessibilidade do Agente de Utilizador para avaliar cada componente da interface de utilizador. 3. Verifique se o nome e a funo de cada componente da interface de utilizador so encontrados pela ferramenta. Resultados Esperados O passo 3 verdadeiro para cada componente da interface de utilizador.
G136: Fornecer um link no incio de uma pgina Web que no esteja em conformidade que aponte para uma verso alternativa em conformidade
Aplicabilidade
O contedo principal no est conformidade com as WCAG, mas existem verses alternativas que esto em conformidade com as WCAG. Esta tcnica s pode ser utilizada se uma tecnologia tornar possvel a criao de um link acessvel para uma verso alternativa. Esta tcnica est relacionada com:
Requisito de Conformidade 1 (Nvel de Conformidade)
Descrio
O objectivo desta tcnica permitir aos utilizadores aceder ao contedo alternativo que est em conformidade com as WCAG, se o contedo principal ou o contedo predefinido que os utilizadores encontram quando visitam um determinado URI no estiverem em conformidade. A pgina alternativa, ou a verso alternativa em conformidade, pode fazer alguns compromissos de concepo e funcionalidade de modo a alcanar a conformidade, mas tem de cumprir os requisitos descritos na definio, de modo a ser uma verso alternativa em conformidade. A definio de "verso alternativa em conformidade" : verso alternativa em conformidade verso que 1. est em conformidade com o nvel designado, 2. fornece as mesmas informaes e a funcionalidade no mesmo idioma humano, 3. est to actualizada como o contedo que no est em conformidade, e 4. para a qual, no mnimo, uma das seguintes afirmaes verdadeira: a. possvel aceder verso em conformidade a partir da pgina que no est em conformidade, atravs de um mecanismo suportado por acessibilidade, ou b. s possvel aceder verso que no est em conformidade a partir da verso em conformidade, ou c. s possvel aceder verso que no est em conformidade a partir de uma pgina em conformidade, que tambm fornea um mecanismo para aceder verso em conformidade Nota 1: Nesta definio, a expresso "s possvel aceder" significa que existe algum mecanismo, tal como um redireccionamento condicional, que impede um utilizador de "chegar" (carregar) pgina que no est em conformidade, a menos que o utilizador tenha acabado de vir da verso em conformidade. Nota 2: No necessrio que a verso alternativa corresponda, pgina a pgina, original (por ex., a verso alternativa em conformidade pode consistir em vrias pginas). Nota 3: Se estiverem disponveis verses de vrios idiomas, sero necessrias verses alternativas em conformidade para cada idioma oferecido. Nota 4: Podem ser fornecidas verses alternativas para acomodar diferentes ambientes de tecnologia ou grupos de utilizadores. Cada verso dever estar o mais em conformidade possvel. necessria uma verso em conformidade total, para cumprir o requisito de conformidade 1. Nota 5: No necessrio que a verso alternativa em conformidade resida no mbito de conformidade, nem mesmo no mesmo stio da Web, desde que esteja to disponvel como a verso que no est em conformidade. Nota 6: As verses alternativas no devem ser confundidas com o contedo suplementar, que suporta a pgina original e melhora a compreenso. Nota 7: A definio de preferncias de utilizador no contedo para produzir uma verso em conformidade um mecanismo aceitvel para aceder a outra verso, desde que o mtodo utilizado para definir as preferncias seja suportado por acessibilidade.
Consulte as Noes sobre Verses Alternativas em Conformidade Ao utilizar esta tcnica, a colocao de um link em conformidade com as WCAG para o contedo alternativo no topo da pgina permite que os utilizadores encontrem o link rapidamente e acedam verso alternativa em conformidade. Para garantir que os utilizadores conseguem sempre encontrar a verso alternativa, independentemente do local onde entrarem no stio da Web, cada pgina que no esteja em conformidade com o nvel especificado ir incluir um link para a verso alternativa em conformidade.
Exemplos
Num stio da Web, para cada pgina que no esteja em conformidade com as WCAG no nvel
especificado, o primeiro link na pgina intitula-se "Verso Alternativa". Este link conduz verso alternativa da pgina que est em conformidade com as WCAG no nvel especificado.
SVR2: Utilizar .htaccess para garantir que a nica forma de aceder a contedo que no esteja em conformidade a partir de contedo em conformidade
Testes
Procedimento 1. Identifique uma pgina que no esteja em conformidade com as WCAG no nvel de conformidade especificado. 2. Verifique se a pgina contm um link para uma verso alternativa em conformidade da pgina. 3. Verifique se a verso alternativa uma verso alternativa em conformidade da pgina original e se est em conformidade com as WCAG 2.0 no nvel de conformidade especificado. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G138: Utilizar a marcao semntica sempre que forem utilizados sinais de aviso a cores
Aplicabilidade
Todas as tecnologias que suportem cor e texto. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica combinar cores e marcao semntica para transmitir informaes. A maioria dos utilizadores consegue pesquisar rapidamente o contedo para localizar informaes transmitidas mediante utilizao de cores. Para os utilizadores que no conseguem distinguir as cores, a marcao semntica pode fornecer um tipo diferente de sinal de aviso. Os agentes de utilizador podem assim tornar este tipo de estrutura perceptvel ao utilizador, por exemplo, utilizando uma apresentao visual diferente
para diferentes tipos de estruturas ou utilizando uma voz ou grau de inclinao diferentes numa apresentao em auditrio. A maioria dos agentes de utilizador iro distinguir visualmente o texto que foi identificado utilizando a marcao semntica. Algumas tecnologias de apoio fornecem um mecanismo para determinar as caractersticas do contedo que foi criado utilizando a marcao semntica adequada.
Exemplos
Exemplo 1: Cores e realce forte para os campos de formulrio obrigatrios Um formulrio HTML contm vrios campos obrigatrios. As etiquetas para os campos obrigatrios so apresentadas a vermelho. Alm disso, o texto de cada etiqueta est marcado com o elemento STRONG para um realce mais forte. As instrues para preencher o formulrio indicam que "todos os campos obrigatrios so apresentados a vermelho e esto realados", e so seguidas de um exemplo.
Recursos
Elementos phrase: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR e ACRONYM

G122: Incluir um sinal de aviso de texto sempre que forem utilizados sinais de aviso a cores H49: Utilizar a marcao semntica para assinalar texto especial ou realado
Testes
Procedimento Para qualquer contedo em que so utilizadas cores diferentes para transmitir informaes: 1. Verifique se as mesmas informaes esto disponveis atravs de marcao semntica. Resultados Esperados O passo 1 verdadeiro.
G139: Criar um mecanismo que permita aos utilizadores passarem directamente para os erros
Aplicabilidade
Critrio de Sucesso 3.3.1 (Identificao do Erro) o Como Cumprir o 3.3.1 (Identificao do Erro) o Noes sobre o Critrio de Sucesso 3.3.1 (Identificao do Erro)
Critrio de Sucesso 3.3.3 (Sugesto de Erro) o Como Cumprir o 3.3.3 (Sugesto de Erro) o Noes sobre o Critrio de Sucesso 3.3.3 (Sugesto de Erro)
Descrio
O objectivo desta tcnica ajudar os utilizadores a encontrar erros de entrada, em que as informaes fornecidas pelo utilizador no foram aceites. Isto inclui campos com informaes obrigatrias em falta e campos com informaes incorrectas. Quando os utilizadores introduzem dados que so verificados, e so detectados erros de entrada, fornecido um link para esse erro para que o utilizador no tenha de procur-lo. Uma abordagem utilizar validao do lado do servidor, apresentar novamente o formulrio (incluindo todos os dados anteriormente introduzidos), e colocar uma descrio do texto no topo da pgina a indicar que existiu um erro de entrada, a descrever a natureza do problema e a fornecer um link para o(s) campo(s) com o problema.
Exemplos
Exemplo 1: Verificao de erros do lado do servidor O utilizador introduz dados invlidos no campo de um formulrio e submete o formulrio. O servidor devolve o formulrio, com os dados do utilizador ainda presentes, e indica claramente no texto no topo da pgina que no foram aceites. O texto descreve a natureza do(s) erro(s) e fornece um link para o campo com o problema, de modo a que o utilizador possa navegar facilmente at ao mesmo e corrigir o problema. Exemplo 2: Verificao de erros do lado do cliente com uma janela de pop-up O utilizador introduz dados invlidos no campo de um formulrio e tenta submeter o formulrio. O scripting do lado do cliente detecta o erro, cancela a submisso e modifica o documento para fornecer uma mensagem de texto a descrever o erro, com links para o(s) campo(s) com o erro. O script tambm modifica as etiquetas dos campos com os problemas para os realar. Exemplo 3: Verificao de erros do lado do cliente sem janela de pop-up Quando o utilizador submete o formulrio, em vez de o conduzir a uma nova pgina, um script coloca automaticamente o foco num link de texto que indica "Ocorreram erros". O link conduz ao primeiro item de uma lista ordenada de mensagens de erro descritivas. Cada item de lista um link para o controlo onde ocorreu o erro. E o erro inclui um link que permite voltar lista ordenada de mensagens de erro descritivas. O processo repetido conforme necessrio.
Tcnica Relacionadas

G83: Fornecer descries em texto para identificar os campos obrigatrios que no foram preenchidos G85: Fornecer uma descrio em texto quando a entrada de dados por parte do utilizador no se enquadre no formato ou valores obrigatrios SCR18: Fornecer validao e alertas do lado do cliente
Testes
Procedimento 1. Preencha um formulrio, deixando deliberadamente um campo obrigatrio em branco, crie um erro de entrada noutro campo e submeta o formulrio. 2. Verifique se fornecida uma mensagem de texto a identificar o campo onde faltam dados obrigatrios. 3. Verifique se fornecida uma mensagem de texto a identificar o campo com o erro de entrada.
4. Verifique se existe um link para cada campo onde faltam dados obrigatrios a partir da mensagem de dados em falta. 5. Verifique se existe um link para a lista de erros a partir da mensagem de erro. Nota: O Critrio de Sucesso 3.3.2 exige que, se for detectado um erro de entrada e se forem conhecidas sugestes de correco que possam ser fornecidas sem comprometer a segurana ou finalidade do contedo, as sugestes sejam fornecidas ao utilizador. Resultados Esperados Se o passo 2 for verdadeiro, o passo 4 verdadeiro. Se o passo 3 for verdadeiro, o passo 5 verdadeiro.
G140: Separar a informao e a estrutura da apresentao para permitir diferentes apresentaes

Aplicabilidade
Critrio de Sucesso 1.3.1 (Informaes e Relaes) o Como Cumprir o 1.3.1 (Informaes e Relaes) o Noes sobre o Critrio de Sucesso 1.3.1 (Informaes e Relaes) Critrio de Sucesso 1.4.5 (Imagens de Texto) o Como Cumprir o 1.4.5 (Imagens de Texto) o Noes sobre o Critrio de Sucesso 1.4.5 (Imagens de Texto) Critrio de Sucesso 1.4.9 (Imagens de Texto (Sem Excepo)) o Como Cumprir o 1.4.9 (Imagens de Texto (Sem Excepo)) o Noes sobre o Critrio de Sucesso 1.4.9 (Imagens de Texto (Sem Excepo))
Descrio
O objectivo desta tcnica facilitar a interaco da tecnologia de apoio com o contedo, separando de forma lgica a codificao da estrutura da codificao da apresentao do contedo. A codificao da estrutura a indicao dos elementos, tais como cabealhos, pargrafos, listas, tabelas, etc., e efectuada utilizando funcionalidades da tecnologia reservadas para essa finalidade. Por contraste, a codificao da apresentao a indicao dos efeitos de formatao, tais como tipo de letra, cor, tamanho, posio, margens, etc., e igualmente suportada por funcionalidades da tecnologia. Enquanto as funcionalidades da apresentao implicam visualmente a estrutura - os utilizadores podem determinar cabealhos, pargrafos, listas, etc. a partir das convenes de formatao utilizadas - estas funcionalidades no codificam a estrutura claramente o suficiente para a tecnologia de apoio interagir com a pgina de forma eficaz. Fornecer uma estrutura, uma funcionalidade e camadas de apresentao separadas permite semntica sugerida pela formatao tornar-se determinada de forma programtica atravs da camada da estrutura. Seguir esta tcnica permite aos agentes de utilizador:
Efectuar transformaes de estrutura significativas com base na estrutura existente do contedo,
tais como reordenar seces ou gerar uma lista de seces ou uma lista de links.
Suportar a interaco com o contedo com base nas caractersticas da estrutura que no podem
ser determinadas pela tecnologia de apoio segundo apenas as informaes de apresentao. Por
exemplo, pode ser aconselhvel fornecer interaces especiais com listas, indicando o nmero de itens de lista ou passando para o fim, mas isto s ser possvel se a estrutura da lista estiver codificada alm da apresentao da lista. Modificar a apresentao do contedo, substituindo as regras de apresentao alternativa ligadas s funcionalidades da estrutura.
Exemplos
Exemplo 1: HTML com CSS Um documento HTML utiliza as funcionalidades da estrutura de HTML, tais como pargrafos, listas, cabealhos, etc., e evita funcionalidades de apresentao, tais como alteraes de tipo de letra, sugestes de disposio, etc. O CSS utilizado para formatar o documento com base nas respectivas propriedades de estrutura. Os atributos "class" bem trabalhados em HTML aumentam a semntica da marcao estrutural, se for necessrio para permitir uma formao mais flexvel com o CSS. As tecnologias de apoio podem substituir ou aumentar o CSS para modificar a apresentao ou ignorar o CSS e interagir directamente com a codificao da estrutura. Exemplo 2: PDF com marcas Um documento PDF consiste, essencialmente, no contedo incorporado nas informaes de formatao. As informaes sobre a estrutura so fornecidas numa seco separada do documento utilizando marcas tipo XML; a isto chama-se "PDF com marcas". As informaes nestas etiquetas podem ser utilizadas pelas tecnologias de apoio para adaptar a apresentao ou compreender a estrutura sugerida pela apresentao.
C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade
Testes
Procedimento 1. Verifique a codificao de um documento. 2. Verifique se as informaes sobre a estrutura e a funcionalidade so explicitamente fornecidas e separadas de forma lgica das informaes sobre a apresentao. Resultados Esperados O passo 2 verdadeiro.
G141: Organizar uma pgina utilizando cabealhos

Aplicabilidade
Pginas com contedo organizado em seces. Esta tcnica est relacionada com:
Critrio de Sucesso 2.4.10 (Cabealhos da Seco) o Como Cumprir o 2.4.10 (Cabealhos da Seco) o Noes sobre o Critrio de Sucesso 2.4.10 (Cabealhos da Seco)
Descrio
O objectivo desta tcnica garantir que as seces tm cabealhos que as identifiquem. O Critrio de Sucesso 1.3.1 exige que os cabealhos sejam assinalados para poderem ser identificados de forma programtica. Em HTML, isto seria efectuado utilizando os elementos heading HTML (h1, h2, h3, h4, h5 e h6). Isto permite aos agentes de utilizador identificar automaticamente os cabealhos das seces. Outras tecnologias utilizam outras tcnicas para identificar cabealhos. Para facilitar a navegao e compreenso de toda a estrutura do documento, os autores devem utilizar cabealhos correctamente encaixados (por ex., h1 seguido de h2, h2 seguido de h2 ou h3, h3 seguido de h3 ou h4, etc.).
Exemplos
Exemplo 1: Cabealhos utilizados para organizar uma pgina HTML Uma pgina sobre tcnicas de culinria utiliza um elemento h1 para todo o ttulo, elementos h2 para as seces mais importantes sobre cozinhar com leo versus cozinhar com manteiga e elementos h3 para subseces sobre tcnicas para cozinhar com leo.
Cdigo Exemplo: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Cooking techniques</title> </head> <body> <h1>Cooking techniques</h1> ... some text here ... <h2>Cooking with oil</h2> ... text of the section ... <h3>Sauteing</h3> .... <h3>Deep frying</h3> <h2>Cooking with butter</h2> ... text of the section ... </body> </html>
Recursos
Sugestes rpidas para cabealhos acessveis (pgina em ingls)
H42: Utilizar h1-h6 para identificar cabealhos
Testes
Procedimento 1. Examine uma pgina com o contedo organizado em seces. 2. Verifique se existe um cabealho para cada seco. Resultados Esperados O passo 2 verdadeiro.
G142: Utilizar uma tecnologia que disponha de agentes de utilizador normalmente disponveis que suportem zoom (ampliar/reduzir)
Aplicabilidade
Todas as tecnologias com capacidade de zoom (ampliar/reduzir) fornecida pelo agente de utilizador. Esta tcnica est relacionada com:
Critrio de Sucesso 1.4.4 (Redimensionar texto) o Como Cumprir o 1.4.4 (Redimensionar texto) o Noes sobre o Critrio de Sucesso 1.4.4 (Redimensionar texto)

A funcionalidade de Zoom (ampliar/reduzir) no IE 7.0 nem sempre ajusta de forma uniforme quando utilizado o posicionamento absoluto e a pgina tiver sido ajustada para um tamanho mais pequeno. O Microsoft Internet Explorer 7.0 suporta alteraes de Zoom (ampliar/reduzir) e de Tamanho de Texto para tipos de letra definidos com %, picas ou tamanhos identificados. O Opera 9 suporta Zoom (ampliar/reduzir). O Firefox 2 e inferior suportam apenas alteraes de tamanho de texto, mas podem alterar o tamanho dos tipos de letra pt e px, bem como %, picas e tamanhos identificados. O Firefox 3 suporta alteraes de zoom (ampliar/reduzir) e de tamanho de texto.
Descrio
O objectivo desta tcnica garantir que o contedo possa ser ajustado de forma uniforme, utilizando uma tecnologia Web suportada por agentes de utilizador que alteram o tamanho do texto atravs de uma ferramenta de Zoom (ampliar/reduzir). O contedo criado em tecnologias que so suportadas por agentes de utilizador que podem ajustar o contedo de forma uniforme (ou seja, ampliar/reduzir o contedo) cumpre este Critrio de Sucesso. Uma vez que esta tcnica depende completamente da funcionalidade do agente de utilizador, essencial efectuar testes com uma vasta variedade de agentes de utilizador. Esta tcnica exige que a funo de zoom (ampliar/reduzir) preserve todas as relaes de espao na pgina e que toda a funcionalidade continue disponvel.
Exemplos
O Internet Explorer 7 e o Opera 9 fornecem uma funo de zoom (ampliar/reduzir) que ajusta o
contedo da pgina HTML/CSS de forma uniforme.

Para permitir aos utilizadores redimensionar o texto, o Adobe Reader fornece uma ferramenta de
ampliao que ajusta as pginas em PDF de forma uniforme.
Testes
Procedimento 1. Visualize o contedo num agente de utilizador. 2. Amplie o contedo para 200%. 3. Verifique se todo o contedo e toda a funcionalidade esto disponveis. Resultados Esperados O passo 3 verdadeiro.
G143: Fornecer uma alternativa em texto que descreva a finalidade do CAPTCHA

Aplicabilidade
Descrio
A finalidade desta tcnica fornecer informaes atravs da alternativa em texto que identifica o contedo no textual como um CAPTCHA . Estes testes implicam pedir ao utilizador para introduzir texto que apresentado numa imagem obscurecida ou num ficheiro de udio. A partir da alternativa em texto, o utilizador pode prever que o CAPTCHA requer a execuo de uma tarefa e o tipo de tarefa de que se trata. Quando uma verso alternativa de um CAPTCHA est disponvel, a alternativa em texto deve incluir instrues sobre como encontrar a verso alternativa.
Exemplos
Um teste CAPTCHA pede ao utilizador para introduzir texto que apresentado numa imagem
obscurecida. A alternativa em texto intitula-se "Escrever a palavra na imagem".

Um teste CAPTCHA pede ao utilizador para introduzir texto que reproduzido num ficheiro de
udio. A alternativa em texto intitula-se "Escrever os textos lidos no udio".
G144: Garantir que a Pgina Web inclua outro CAPTCHA que sirva a mesma finalidade utilizando uma modalidade diferente
Testes
Procedimento 1. Remova, oculte ou disfarce o CAPTCHA. 2. Substitua-o por uma alternativa em texto. 3. Verifique se a alternativa em texto descreve a finalidade do CAPTCHA.
G144: Garantir que a Pgina Web inclua outro CAPTCHA que sirva a mesma finalidade utilizando uma modalidade diferente
Aplicabilidade
Descrio
A finalidade desta tcnica reduzir as ocasies em que um utilizador com uma incapacidade no consegue executar uma tarefa CAPTCHA. Uma vez que existem tarefas CAPTCHA alternativas que utilizam modalidades diferentes, h mais probabilidade de um utilizador conseguir executar uma das tarefas com xito.
Exemplos
Uma pgina Web inclui um teste CAPTCHA que tem de ser executado com xito antes de o
utilizador poder avanar para o passo seguinte de um processo. A pgina inclui uma tarefa visual, tal como escrever palavras apresentadas numa imagem, e uma tarefa de udio, tal como escrever textos lidos num ficheiro de udio. Um utilizador com incapacidades de leitura que no consiga passar no CAPTCHA de udio pode conseguir passar no CAPTCHA de vdeo. O comentrio num blogue inclui um CAPTCHA visual que tem de ser executado antes de um utilizador poder submeter comentrios. Alm do CAPTCHA visual, inclui um CAPTCHA com um campo de formulrio que pergunta: "Quanto dois mais sete?" com um campo de entrada de texto que permite aos utilizadores introduzirem a resposta correcta.
G143: Fornecer uma alternativa em texto que descreva a finalidade do CAPTCHA
Testes
Procedimento Para cada CAPTCHA numa pgina Web: 1. Verifique se a pgina Web contm outro CAPTCHA para a mesma finalidade, mas utilizando uma modalidade diferente. Resultados Esperados O passo 1 verdadeiro.
G145: Garantir uma relao de contraste de, no mnimo, 3:1 entre o texto (e imagens de texto) e o fundo por detrs do texto
Aplicabilidade
Critrio de Sucesso 1.4.3 (Contraste (Mnimo)) o Como Cumprir o 1.4.3 (Contraste (Mnimo)) o Noes sobre o Critrio de Sucesso 1.4.3 (Contraste (Mnimo))
Descrio
O objectivo desta tcnica garantir que os utilizadores possam ler texto apresentado sobre um plano de fundo. Esta tcnica diminui o requisito de relao de contraste de 4.5:1 para texto com, no mnimo, um tamanho 18 (se no estiver a negrito) ou, no mnimo, um tamanho 14 (se estiver a negrito). Se o fundo for de uma s cor (todo preto ou todo branco), ento a relao de contraste do texto ampliado pode ser mantida, garantindo que cada letra do texto tem uma relao de contraste de 3:1 com o fundo. Se o fundo ou as letras variarem em luminescncia relativa (ou tiverem um padro), ento o fundo em torno das letras pode ser escolhido ou escurecido, para que as letras mantenham uma relao de contraste de 3:1 com o respectivo fundo, mesmo se no tiverem essa relao de contraste com o restante fundo. A relao de contraste pode, por vezes, ser mantida, alterando a luminescncia relativa das letras medida que a luminescncia relativa do fundo se altera na pgina. Outro mtodo fornecer uma aurola em torno do texto, com a relao de contraste necessria se a imagem ou cor de fundo no forem suficientemente diferentes em termos de luminescncia relativa.
Exemplos
com o logtipo da empresa. O texto ampliado colocado sobre uma imagem do campus universitrio. Visto que a imagem tem uma grande variedade de cores e partes escuras, a rea por detrs do texto tem uma tonalidade branca para que a imagem fique muito esbatida e a parte mais escura seja suficientemente clara para manter uma relao de contraste de 3:1 com o texto preto escrito sobre a imagem.
Recursos

Analisador de Contraste Aplicao (pgina em ingls) Analisador de Relao de Contraste - servio online (pgina em ingls) Analisador de Contraste de Cores - Extenso Firefox (pgina em ingls) Amostras de Contrastes de Cores (pgina em ingls) Resposta de Cor Atpica (pgina em ingls) Cores no Analisador de Contraste de Cores da Web (pgina em ingls)
Ferramenta para converter imagens com base na perda de cor, para que o contraste seja reposto como
contraste de luminescncia onde existia apenas contraste de cor (que se perdeu devido ao daltonismo) (pgina em ingls) Lista de ferramentas de contraste de cor (pgina em ingls)
Testes
Procedimento 1. 1. Mea a luminescncia relativa de cada letra (a no ser que sejam todas uniformes) utilizando a frmula: o L = 0,2126 * R + 0,7152 * G + 0,0722 * B em que R, G e B so definidos como: se RsRGB <= 0,03928 ento R = RsRGB/12,92 ou R = ((RsRGB+0,055)/1,055) ^ 2,4 se GsRGB <= 0,03928 ento G = GsRGB/12,92 ou G = ((GsRGB+0,055)/1,055) ^ 2,4 se BsRGB <= 0,03928 ento B = BsRGB/12,92 ou B = ((BsRGB+0,055)/1,055) ^ 2,4 e RsRGB, GsRGBe BsRGB so definidos como:
O carcter "^" o operador de exponenciao. 2. Nota: Para letras pixelizadas, utilize o valor de luminescncia relativa que se encontra dois pixis para dentro a partir do limite da letra. 3. Mea a luminescncia relativa dos pixis do plano de fundo imediatamente junto letra, utilizando a mesma frmula. 4. Calcule a relao de contraste utilizando a seguinte frmula. o (L1 + 0,05) / (L2 + 0,05), em que L1 corresponde luminescncia relativa da cor mais clara de todas em primeiro plano e em plano de fundo, e L2 corresponde luminescncia relativa da cor mais escura de todas em primeiro plano e em plano de fundo. 5. Verifique se a relao de contraste igual ou superior a 3:1 Resultados Esperados O passo 4 verdadeiro.
G146: Utilizar disposies lquidas

Aplicabilidade
Descrio
O objectivo desta tcnica poder apresentar contedo sem introduzir barras de deslocamento horizontais, utilizando tcnicas de disposio que se adaptem ao espao horizontal disponvel. As disposies lquidas definem reas de disposio que so redimensionadas com o texto e que refluem conforme necessrio para acomodar a apresentao no ecr. Embora a disposio exacta varie, a relao dos elementos e da ordem de leitura mantm-se as mesmas. Esta uma forma eficaz de criar concepes que tenham uma boa apresentao em diferentes dispositivos e para utilizadores com diferentes preferncias de tamanho de letra. Os princpios bsicos das disposies lquidas so: 1. Definir o tamanho das reas de disposio utilizando unidades que iro fazer com que a rea seja ajustada de acordo com o texto, ou seja, aumente ou diminua medida que o texto aumenta ou diminui; 2. Colocar as reas de disposio como uma linha de caixas flutuantes adjacentes, que se moldam a novas linhas conforme necessrio, tal como as palavras se moldam num pargrafo. As disposies lquidas complexas podem ser alcanadas encaixando reas de disposio, criando assim disposies lquidas localizadas numa disposio lquida maior. At as disposies lquidas simples necessitam de uma concepo delicada para alcanar resultados com bom aspecto numa vasta variedade de tamanhos de texto, mas as disposies lquidas com uma boa concepo podem ser a concepo da pgina mais eficaz.
Exemplos
Exemplo 1: Disposio lquida simples em HTML e CSS O seguinte exemplo simples utiliza HTML e CSS para criar uma disposio lquida. As trs colunas ajustam o respectivo tamanho medida que o tamanho do texto ajustado. Quando a largura horizontal total exceder a largura disponvel das colunas, a ltima coluna molda-se para ser posicionada abaixo, em vez de ao lado, da coluna anterior. O tamanho da letra pode ser aumentado sem cortar ou introduzir deslocamento horizontal at a palavra mais extensa deixar de caber numa coluna. Este exemplo em particular utiliza tamanhos de percentagem para as colunas e define-as como reas flutuantes utilizando a propriedade "flutuar".
Cdigo Exemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Example of Basic Liquid Layout</title> <style type="text/css"> .column { border-left: 1px solid green; padding-left:1%; float: left; width: 32%; } #footer { border-top: 1px solid green; clear: both; } </style>
</head> <body> <h1>WCAG Example</h1> <h2>Text in Three Columns</h2> <div title="column one" class="column"> <h3>Block 1</h3> <p> The objective of this technique is to be able to present content without introducing horizontal scroll bars by using layout techniques that adapt to the available horizontal space. </p> </div> <div title="column two" class="column"> <h3>Block 2</h3> <p> This is a very simple example of a page layout that adapts as the text size changes. </p> </div> <div title="column three" class="column"> <h3>Block 3</h3> <p> For techniques that support more complex page layouts, see the Resources listed below. </p> </div> <p id="footer">Footer text</p> </body> </html>
Recursos
CSS Mastery: Largura Fixa, Disposies Lquidas e Elsticas e Colunas Falsas (pgina em ingls) Concepes Lquidas (pgina em ingls)

C12: Utilizar percentagem para tamanhos de letra C13: Utilizar tamanhos de letra identificados C14: Utilizar unidades "em" para tamanhos de letra
Testes
Procedimento 1. Visualize o contedo num agente de utilizador. 2. Aumente o tamanho do texto para 200%. 3. Verifique se todo o contedo e toda a funcionalidade esto disponveis sem deslocamento horizontal. Resultados Esperados O passo 3 verdadeiro.
G148: No especificar a cor de fundo, no especificar a cor do texto, e no utilizar funcionalidades de tecnologia que alterem essas predefinies
Aplicabilidade
Qualquer tecnologia em que o texto e a cor do fundo sejam especificados em separado e os browsers possam controlar as cores predefinidas. Esta tcnica est relacionada com:
Critrio de Sucesso 1.4.3 (Contraste (Mnimo)) o Como Cumprir o 1.4.3 (Contraste (Mnimo)) o Noes sobre o Critrio de Sucesso 1.4.3 (Contraste (Mnimo)) Critrio de Sucesso 1.4.6 (Contraste (Melhorado)) o Como Cumprir o 1.4.6 (Contraste (Melhorado)) o Noes sobre o Critrio de Sucesso 1.4.6 (Contraste (Melhorado)) Critrio de Sucesso 1.4.8 (Apresentao Visual) o Como Cumprir o 1.4.8 (Apresentao Visual) o Noes sobre o Critrio de Sucesso 1.4.8 (Apresentao Visual)
Descrio
O objectivo desta tcnica garantir que os utilizadores possam ler texto apresentado sobre um plano de fundo. Com esta tcnica, o autor evita ter de fazer qualquer contraste, simplesmente no especificando a cor do texto e no especificando o fundo. Como resultado, as cores de ambos so completamente determinadas pelo agente de utilizador.
Exemplos
Exemplo 1 Exemplo 1: O autor no especifica nem a cor do texto nem o fundo. Tambm no utiliza o CSS. Como resultado, o utilizador pode predefinir o seu browser para fornecer as cores e contrastes que melhor satisfaam as suas necessidades.
Recursos


G18: Garantir uma relao de contraste de, no mnimo, 4.5:1 entre o texto (e imagens de texto) e o fundo por detrs do texto G156: Utilizar uma tecnologia que disponha de agentes de utilizador normalmente disponveis que possam alterar o primeiro plano e o fundo dos blocos de texto
Testes
Procedimento 1. Veja todos os locais onde a cor do texto pode ser especificada. 2. Verifique se a cor do texto no est especificada. 3. Veja todas as reas onde a cor de fundo ou a imagem utilizada como fundo podem ser especificadas. 4. Verifique se no existe nenhuma cor de fundo ou imagem utilizada como fundo especificada. Resultados Esperados Os passos 2 e 4 so verdadeiros.
G149: Utilizar componentes de interface de utilizador que so realados pelo agente de utilizador quando recebem o foco
Aplicabilidade
Todas as tecnologias com realce de foco fornecido pelo agente de utilizador. Esta tcnica est relacionada com:
Critrio de Sucesso 2.4.7 (Foco Visvel) o Como Cumprir o 2.4.7 (Foco Visvel) o Noes sobre o Critrio de Sucesso 2.4.7 (Foco Visvel)
Descrio
O objectivo desta tcnica garantir que o componente que recebe o foco pode ser visualmente identificado pelo utilizador dependendo do suporte do agente de utilizador. comum os agentes de utilizador realarem controlos normais de alguma forma quando recebem o foco. Os agentes de utilizador em conformidade com as UAAG fazem-no quando cumprem o ponto de verificao 10.2 "Realar seleco, foco do contedo, elementos activados, links visitados". Quando os autores utilizam controlos normais para os quais o agente de utilizador fornece suporte, os utilizadores so informados da localizao do foco de uma forma normal e previsvel.
Exemplos
Quando os campos de entrada de texto html recebem foco, os browsers apresentam uma barra
vertical intermitente no ponto de insero no campo de texto.

Quando os links html recebem foco, ficam rodeados por um rectngulo tracejado de realce de foco.
Recursos
Directrizes de Acessibilidade para o Agente de Utilizador 10.2: Realar seleco, foco do contedo, elementos
activados, links visitados
Testes
Procedimento Para cada componente que pode receber foco existente na pgina Web: 1. Defina o foco para o controlo. 2. Verifique se o agente de utilizador realou o controlo de alguma forma. Resultados Esperados O passo 2 verdadeiro.
G150: Fornecer alternativas baseadas em texto para contedo composto por apenas udio em directo
Aplicabilidade
Todas as tecnologias que apresentem informaes compostas por apenas udio em directo. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.9 (Apenas udio (Em directo)) o Como Cumprir o 1.2.9 (Apenas udio (Em directo)) o Noes sobre o Critrio de Sucesso 1.2.9 (Apenas udio (Em directo))
Descrio
O objectivo desta tcnica permitir que os utilizadores que no conseguem ouvir possam aceder a transmisses de udio em tempo real. mais difcil criar alternativas em tempo real exactas, uma vez que existe pouco tempo para corrigir os erros, ouvir uma segunda vez ou consultar algum para se ter a certeza de que as palavras foram reproduzidas correctamente. tambm mais difcil simplificar ou parafrasear informao se esta fluir muito rapidamente. Esto disponveis tcnicas de entrada de dados por digitao de texto em tempo real, utilizando tecnologias de digitao rpida e de estenografia. A reproduo de fala para texto (em que a pessoa ouve e, em seguida, reproduz a fala cuidadosamente para um computador programado para a sua fala) utilizada actualmente para servios de transmisso telefnicos, podendo ser utilizada no futuro para legendagem. No futuro, ser possvel a fala para texto com correces.
Exemplos
Uma emissora de rdio utiliza servios de legendagem baseados na Web para fornecer alternativas
para eventos desportivos em directo; a sada de dados do servio incorporada numa janela da pgina Web que tambm inclui um controlo da sequncia de udio.
G9: Criar legendas para multimdia sincronizada em directo
Testes
Procedimento 1. Verifique se existe um procedimento e uma poltica para garantir que as alternativas em texto so fornecidas em tempo real. Resultados Esperados O passo 1 verdadeiro.
G151: Fornecer um link para uma transcrio de texto de um comunicado ou script preparados se o script for seguido
Aplicabilidade
Descrio
O objectivo desta tcnica fornecer uma transcrio ou script se o contedo de udio em directo estiver a seguir um script definido. Uma vez que preparado antecipadamente, o script pode ser mais preciso e completo do que a transcrio em directo. Contudo, o script no estar sincronizado com o udio medida que reproduzido. O udio em directo no deve desviar-se do script para esta tcnica. Com esta tcnica, fornecido um link para a transcrio ou script que deve estar em conformidade com as WCAG 2.0, e que pode ser includo noutra localizao na mesma pgina Web ou noutro URI.
Exemplos
Uma pea de teatro em directo na rdio de um grupo de teatro alternativo est a ser transmitida
para a Internet. Uma vez que os actores se mantm completamente fiis a um script definido, e o oramento para o programa pequeno, os produtores fornecem um link (com a autorizao do autor da pea) para o script da pea em HTML. Um membro do governo emite um discurso importante na Internet. disponibilizada uma transcrio do discurso no stio da Web quando o discurso comea.

G150: Fornecer alternativas baseadas em texto para contedo composto por apenas udio em directo G58: Colocar um link para a alternativa para multimdia baseada no tempo junto ao contedo no textual G69: Fornecer uma alternativa para multimdia baseada no tempo G157: Incorporar um servio de legendagem de udio numa pgina Web
Testes
Procedimento
1. Verifique se existe um link que aponte directamente para o script ou transcrio. 2. Verifique se o udio em directo segue o script. 3. Se as verses alternativas estiverem numa pgina separada, verifique se existem links disponveis para permitir ao utilizador aceder s outras verses. Resultados Esperados Todos os passos acima so verdadeiros.
G152: Definir imagens gif animadas para deixar de estar em modo intermitente aps n ciclos (em menos de 5 segundos)
Aplicabilidade
Qualquer tecnologia que suporte imagens gif animadas (GIF89a). Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica garantir que as imagens gif animadas deixam de estar em modo intermitente em menos de cinco segundos. Existem trs aspectos da concepo das imagens gif animadas que funcionam em conjunto para determinar o perodo de tempo em que a imagem est em modo intermitente (ou, de outra forma, em modo de animao):
o nmero de frames existente na imagem, que corresponde s imagens discretas na sequncia de
animao;
a velocidade dos frames, que corresponde durao de apresentao de cada imagem; o nmero de repeties, que corresponde ao nmero de vezes que reproduzida toda a
animao. Simplificando, a durao da animao corresponde ao nmero de frames vezes a velocidade dos frames vezes o nmero de repeties. Por exemplo, uma imagem simples em modo intermitente com 2 frames, uma velocidade de frames de 0,5 segundos e 3 repeties ter uma durao de (2 x 0,5 x 3) segundos, ou exactamente 3 segundos. Muitas imagens gif animadas tm uma velocidade de frames constante, i.e., o perodo de tempo em que cada frame apresentado o mesmo. Contudo, possvel definir uma velocidade de frames diferente para cada frame, para permitir que determinados frames sejam apresentados durante mais tempo do que outros. Neste caso, a durao da animao corresponde soma das velocidades dos frames vezes o nmero de repeties. Por exemplo, uma imagem simples com dois frames, sendo que o primeiro apresentado durante 0,75 segundos e o segundo durante 0,25 segundos, e trs repeties ter uma durao de ((0,75 + 0,25) x 3) segundos, ou exactamente 3 segundos. Para uma imagem deixar de estar em modo intermitente em menos de cinco segundos, uma das trs variveis tem de ser ajustada. Geralmente, define-se o nmero de repeties para cinco segundos divididos pelo resultado do nmero de frames vezes a velocidade dos frames (ou pela soma da velocidade dos frames). Limite este nmero at ao nmero inteiro mais prximo, no arredonde para o nmero inteiro seguinte, para garantir que a imagem ir parar em menos de cinco segundos.
Mesmo que uma s repetio resulte em mais de cinco segundos de animao, tem de ser ajustado um dos restantes factores. Reduza o nmero de frames da imagem ou aumente a velocidades dos frames. Tenha cuidado ao aumentar a velocidade dos frames para que a imagem resultante no falhe o requisito de no exceder os limites de flash universal ou flash vermelho; muito importante ter isto em ateno, especialmente para imagens grandes.
Exemplos
Uma imagem simples em modo intermitente. Uma imagem tem 2 frames, uma velocidade de
frames de 0,5 segundos e 3 repeties. A animao tem uma durao de (2 x 0,5 x 3) segundos, ou exactamente 3 segundos e, por conseguinte, cumpre os requisitos do critrio de sucesso.
Testes
Procedimento 1. Apresente uma imagem gif animada e cronometre o respectivo tempo de durao. 2. Em alternativa, utilize um editor de imagens para determinar o nmero de frames, a velocidade dos frames e o nmero de repeties. Calcule o resultado do nmero de frames vezes a velocidade dos frames vezes o nmero de repeties. Se a velocidade dos frames no for uniforme, calcule o resultado da soma da velocidade dos frames vezes o nmero de repeties. 3. Utilizando qualquer um dos mtodos, a durao da animao deve ser inferior ou igual a 5 segundos. Resultados Esperados O passo 3 verdadeiro.
G153: Tornar o texto mais fcil de ler

Aplicabilidade
Descrio
O objectivo desta tcnica garantir que o texto da pgina Web no seja difcil de ler. Os utilizadores com incapacidades que dificultam a descodificao de palavras e oraes tero, provavelmente, dificuldades em ler e compreender texto complexo. Se o texto no necessitar de uma capacidade de leitura mais avanada do que o terceiro ciclo do ensino bsico, no sero necessrios suplementos ou verses alternativas. Para reduzir a complexidade do texto:
Crie um tpico nico ou subtpico por pargrafo. Utilize as formas de orao mais simples consistentes com a finalidade do contedo. Por exemplo,
a forma de orao mais simples no ingls consiste em Sujeito-Verbo-Complemento, como em "John hit the ball" (O John atirou a bola) ou "The Web site conforms to WCAG 2.0" (O stio da Web est em conformidade com as WCAG 2.0).
Utilize oraes que no sejam mais longas do que o comprimento normalmente aceite para o
ensino secundrio (Nota: Em ingls so 25 palavras). Considere dividir as oraes mais longas em duas. Utilize oraes que no incluam mais de duas conjunes. Indique relaes lgicas entre frases, oraes , pargrafos ou seces do texto. Evite utilizar jargo e calo profissional, e outros termos com um significado especializado, que podem no ser claros para as pessoas. Substitua palavras extensas ou invulgares por termos mais curtos e comuns. Remova palavras redundantes, ou seja, palavras que no alterem o significado da orao. Utilize substantivos simples ou sintagmas nominais pequenos. Remova palavras ou frases complexas que podem ser substitudas por palavras mais comuns sem alterar o significado da orao. Utilize listas numeradas ou com marcas de item, em vez de pargrafos que incluam sries longas de palavras ou frases separadas por vrgulas. Faa referncias claras a pronomes e referncias a outros pontos no documento. Utilize a voz activa para documentos escritos em ingls e mais alguns idiomas ocidentais, a menos que exista algum motivo especfico para utilizar construes na passiva. As oraes na voz activa costumam ser mais curtas e mais fceis de compreender do que as oraes na voz passiva. Utilize tempos verbais de forma consistente. Utilize nomes e etiquetas de forma consistente.
Exemplos
As pginas de ajuda para uma aplicao Web so escritas numa linguagem que no mais
avanada do que o terceiro ciclo do ensino bsico.
Testes
Procedimento 1. Avalie a legibilidade do texto. 2. Verifique se o texto necessita de uma capacidade de leitura menos avanada do que o terceiro ciclo do ensino bsico. Resultados Esperados O passo 2 verdadeiro.
G155: Fornecer uma caixa de verificao para alm de um boto "Submeter"

Aplicabilidade
Descrio
O objectivo desta tcnica fornecer uma caixa de verificao que os utilizadores tm de seleccionar para indicar que reviram os dados e que estes esto prontos para serem submetidos. Isto importante quando a natureza da transaco tal que pode no ser reversvel se forem posteriormente detectados erros de entrada de dados, ou se o resultado de uma aco for a eliminao desses dados. O autor fornece uma caixa de verificao que no est seleccionada quando a pgina carregada, que inclui uma etiqueta a indicar "Confirmo que os dados esto correctos e prontos para serem submetidos" ou "Confirmo que pretendo eliminar estes dados". A caixa de verificao deve estar junto ao boto Submeter para o utilizador poder v-la durante o processo de submisso. Se a caixa de verificao no estiver seleccionada quando o formulrio for submetido, os dados so rejeitados e pedido ao utilizador que os reveja, seleccione a caixa de verificao e volte a submet-los. Os dados s sero aceites e a transaco processada se a caixa de verificao estiver seleccionada. Esta caixa de verificao ajuda a proteger contra as consequncias de uma submisso acidental do formulrio, e tambm serve para pedir ao utilizador que se certifique de que introduziu os dados correctamente. Isto mais seguro do que simplesmente colocar uma etiqueta no boto Submeter a indicar "Os dados esto correctos. Submeter". Fornecer a caixa de verificao como um controlo separado do boto Submeter obriga o utilizador a verificar novamente, uma vez que tem de seleccionar a caixa de verificao e activar o boto Submeter para que a transaco possa prosseguir. Assim, este um mecanismo para rever, confirmar e corrigir as informaes antes de concluir a submisso. Nota: Quando os utilizadores submetem as informaes sem seleccionar a caixa de verificao, no devem perder as informaes introduzidas quando regressarem ao formulrio para voltarem a submet-lo.
Exemplos
Um servio bancrio online permite aos utilizadores transferir dinheiro entre contas em diferentes
moedas. Uma vez que as taxas de cmbio esto sempre a mudar, o dinheiro no pode ser novamente trocado com a mesma taxa se o utilizador detectar um erro nos dados depois de a transaco ser processada. Alm dos campos "transferir de", "transferir para" e "montante", existe uma caixa de verificao com uma etiqueta "Confirmei que o montante que pretendo transferir est correcto". Se esta caixa de verificao no estiver seleccionada quando o utilizador submeter o formulrio, a transaco no processada e o utilizador notificado. Se a caixa de verificao estiver seleccionada, a transaco (irreversvel) processada. Um sistema de pagamento online armazena informaes da conta bancria do utilizador de modo a processar os pagamentos. O registo de novas contas e a verificao da sua titularidade um processo complicado para os utilizadores. Existe a possibilidade de eliminar contas antigas, mas se uma conta for eliminada acidentalmente, ser difcil restabelec-la, e o histrico de transaces dessa conta ser perdido. Por conseguinte, em pginas que permitam aos utilizadores eliminar contas, existe uma caixa de verificao com a etiqueta "Confirmo que pretendo eliminar esta conta". Se esta caixa de verificao no estiver seleccionada quando o utilizador submeter o formulrio, a conta no eliminada e o utilizador recebe uma mensagem de erro. A conta s eliminada se a caixa de verificao estiver seleccionada. Um formulrio de sada num stio da Web de compras inclui um formulrio que recolhe informaes sobre a encomenda, o envio e a factura. Depois de submeter o formulrio, o utilizador conduzido a uma pgina onde apresentado um resumo das informaes submetidas para sua reviso. Abaixo do resumo, apresentada uma caixa de verificao com a etiqueta "Revi e confirmei que os dados esto correctos". O utilizador tem de seleccionar a caixa de verificao e activar um boto "concluir encomenda" para concluir a transaco.

G98: Fornecer a possibilidade de o utilizador rever e corrigir as respostas antes de as submeter G99: Fornecer a possibilidade de recuperar a informao eliminada
Testes
Procedimento Para pginas de entrada de dados por parte do utilizador que originam transaces irreversveis: 1. Verifique se, alm do boto Submeter, fornecida uma caixa de verificao a indicar a confirmao dos dados ou da aco por parte do utilizador. 2. Verifique se, no caso de a caixa de verificao no estar seleccionada quando o formulrio submetido, os dados so rejeitados e pedido ao utilizador que reveja os dados, seleccione a caixa de verificao e volte a submet-los. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G156: Utilizar uma tecnologia que disponha de agentes de utilizador normalmente disponveis que possam alterar o primeiro plano e o fundo dos blocos de texto
Aplicabilidade
Critrio de Sucesso 1.4.8 (Apresentao Visual) o Como Cumprir o 1.4.8 (Apresentao Visual) o Noes sobre o Critrio de Sucesso 1.4.8 (Apresentao Visual)

A maioria dos browsers permite ao utilizador mudar as definies de cor para substituir os esquemas de cor HTML e CSS do autor da Web. Isto inclui IE, todas as verses do Firefox, Mozilla e Opera a partir da verso 6. Quando as cores especificadas so substitudas no Firefox e Netscape, a maioria dos menus pendentes e das caixas de pop-up Javascript tornam-se inutilizveis. As caixas de pop-up ficam com um fundo transparente, sobrepondo o texto da caixa ao texto da pgina, e os menus pendentes ficam transparentes ou com um fundo cinzento-escuro. O IE 6 no ir substituir cores de fundo no browser, a menos que tambm tenha sido escolhida a mesma cor de fundo nas definies do sistema.
Descrio
Algumas pessoas com incapacidades cognitivas necessitam de combinaes de cores especficas do texto em primeiro plano e do fundo para os ajudar a compreender correctamente os contedos da pgina Web. Os browsers mais conhecidos fornecem a opo de alterar globalmente as definies de cor do browser. Neste caso, as cores seleccionadas pelo utilizador substituem as cores de primeiro plano e de fundo especificadas pelo autor da Web. Para cumprir este critrio de sucesso, o autor da Web ir conceber a pgina de modo a funcionar com browsers que tenham estes controlos, e o autor no os ir substituir.
Tenha em ateno que a substituio das cores de primeiro plano e de fundo de todo o texto numa pgina pode ocultar sinais de aviso visuais referentes distribuio e organizao da pgina Web, dificultando a sua compreenso e utilizao. Esta tcnica pode no ser apropriada quando so utilizadas cores de fundo para delinear reas da pgina. Esta tcnica pode ser apropriada para tecnologias e agentes de utilizador que no alteram as cores das margens quando as cores de fundo so substitudas. Se forem utilizadas cores de fundo para delinear reas da pgina, pode ser utilizado " C23: Especificar o texto e as cores de fundo do contedo secundrio, tais como faixas, funcionalidades e navegao em CSS e no especificar texto e cores de fundo do contedo principal (CSS) " para permitir ao utilizador controlar as cores do texto principal, mantendo ao mesmo tempo a estrutura visual da pgina Web.
Exemplos
concebida uma pgina Web utilizando HTML e CSS para especificar as cores de primeiro plano e
de fundo. O utilizador define as suas cores no Internet Explorer 7 e pode visualizar o contedo com as cores de primeiro plano e de fundo escolhidas. concebida uma pgina Web utilizando HTML e CSS. Existe um link na pgina para as instrues sobre como definir cores em vrios browsers.
Recursos
Pgina Web da BBC com instrues sobre como alterar as cores na maioria dos browsers (pgina em ingls)
Testes
Procedimento 1. Abra a pgina Web num browser que permita aos utilizadores alterar as cores do contedo HTML. 2. Altere as cores de primeiro plano e de fundo nas definies do browser para serem diferentes das especificadas no contedo. 3. Regresse pgina e verifique se as novas cores de primeiro plano e de fundo especificadas no browser substituem as cores especificadas no contedo. Resultados Esperados O passo 3 verdadeiro.
G157: Incorporar um servio de legendagem de udio numa pgina Web

Aplicabilidade
Descrio
O objectivo desta tcnica utilizar um servio de legendagem em tempo real para fornecer uma verso em texto do contedo de udio em directo. Estes servios utilizam uma pessoa com formao que ouve o que est a ser dito e utiliza um teclado especial para introduzir o texto com apenas um ligeiro atraso. Permitem capturar um evento em directo com um elevado nvel de exactido, bem como introduzir notas em udio no falado, que so essenciais para a compreenso do evento. A janela que contm o texto da legenda est disponvel na mesma pgina Web do contedo de udio em directo.
Exemplos
Uma emissora de rdio online fornece uma janela na sua pgina Web para os servios de notcias.
As reportagens em directo, especialmente as reportagens de incidentes inesperados, so transcritas por um servio de legendagem em tempo real e apresentadas na janela. Um servio de conferncia ou de partilha de ecr inclui uma janela com uma transcrio em tempo real da apresentao oral. Isto conseguido atravs de uma organizao antecipada com um servio de legendagem de udio-teleconferncia por retransmissor remoto. O servio de Web conferncia ou de partilha de ecr online necessita de ser concebido pensando nesta possvel utilizao, uma vez que a utilizao de uma janela separada para o texto em directo seria uma barreira significativa para a utilizao. Uma audioconferncia recorrente utiliza um utilitrio de levantar a mo para ajudar na colocao em fila. Para facilitar a utilizao deste produto em conjunto com um servio de legendagem de conferncia por retransmissor online, o utilitrio de colocao em fila foi concebido para ser totalmente operacional numa janela estreita. Para um maior aperfeioamento, foi criado um stio da Web para apresentar as duas janelas numa nica pgina Web.
Recursos
Legendagem em Tempo Real (pgina em ingls) o CaptionCaster (pgina em ingls) o Texto Legendado (pgina em ingls) (fornecedor de legendagem de conferncia por Directrio do Google de Fornecedores de Servio de Legendas Ocultas (pgina em ingls) Artigo Wikipedia sobre CART (pgina em ingls) (Computer Assisted Real-time Captioning -
retransmissor)
Legendagem em Tempo Real Assistida por Computador - ou Communication Access Real-time Translation - Traduo em Tempo Real para Aceder Comunicao) Legendas Ocultas na Web (pgina em ingls) Centro de Informao de Acesso Comunicao (pgina em ingls) Produtos de Web conferncia com suporte integrado para janela de legendagem o IDEAL Conference (pgina em ingls) o Acrobat Connect (pgina em ingls)

G150: Fornecer alternativas baseadas em texto para contedo composto por apenas udio em directo G58: Colocar um link para a alternativa para multimdia baseada no tempo junto ao contedo no textual G69: Fornecer uma alternativa para multimdia baseada no tempo
Testes
Procedimento 1. Verifique se a pgina Web inclui uma janela associada ao contedo de udio em directo. 2. Verifique se o texto do contedo de udio em directo apresentado na janela com menos de 30 segundos de atraso. Resultados Esperados Todos os passos acima so verdadeiros.
G158: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas udio
Aplicabilidade
Tcnica geral. Aplica-se a todas as tecnologias. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado)) o Como Cumprir o 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado)) o Noes sobre o Critrio de Sucesso 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado))
Descrio
A finalidade desta tcnica fornecer uma forma alternativa acessvel de apresentar as informaes numa apresentao composta por apenas udio. Numa apresentao composta por apenas udio, as informaes so apresentadas de vrias formas, incluindo dilogo e sons (tanto verdadeiros como artificiais). Para apresentar as mesmas informaes de uma forma acessvel, esta tcnica implica a criao de um documento que conte a mesma histria e apresente as mesmas informaes do contedo composto por apenas udio pr-gravado. Nesta tcnica, o documento funciona como descrio extensa do contedo e inclui todos os dilogos importantes, bem como descries dos sons de fundo, etc., que fazem parte da histria. Se tiver sido utilizado um script verdadeiro para criar o contedo composto por apenas udio, este pode ser um bom comeo. Contudo, na produo e edio, o contedo varia, nalguns aspectos, do script. Para esta tcnica, o script original teria de ser corrigido para fazer corresponder o dilogo ao que realmente acontece no formato editado final da apresentao do udio.
Exemplos
Uma transcrio via podcast inclui uma descrio de novas funcionalidades numa verso de
software recente. Envolve dois interlocutores a falar informalmente sobre as novas e actualizadas funcionalidades e a descrever a forma como so utilizadas. Um dos interlocutores trabalha a partir de uma lista de perguntas que foi utilizada para fazer um plano geral da conversa antes da gravao. Depois de concluda a gravao, o plano geral editado e completado para corresponder ao dilogo, etc. A transcrio resultante depois disponibilizada no stio da Web dos interlocutores juntamente com o ficheiro composto por apenas udio. A alternativa em texto que identifica o contedo composto por apenas udio indica: "Episdio 42: Verso Zap 12 (segue-se a transcrio do texto)" e o link para a transcrio fornecido imediatamente a seguir ao contedo composto por apenas udio.
Recursos
Vencer o desafio da transcrio via podcast (pgina em ingls)

G69: Fornecer uma alternativa para multimdia baseada no tempo G159: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas vdeo
Testes
Procedimento 1. Visualize o contedo composto por apenas udio enquanto consulta a alternativa para multimdia baseada no tempo. 2. Verifique se o dilogo na transcrio corresponde ao dilogo e informaes apresentados na apresentao composta por apenas udio. 3. Se o udio incluir vrias vozes, verifique se a transcrio identifica quem est a falar durante todo o dilogo. 4. Verifique se, no mnimo, uma das seguintes afirmaes verdadeira: a. A prpria transcrio pode ser determinada de forma programtica a partir da alternativa em texto para o contedo composto por apenas udio. b. A transcrio consultada a partir da alternativa em texto determinada de forma programtica para o contedo composto por apenas udio. 5. Se as verses alternativas estiverem numa pgina separada, verifique se existem links disponveis para permitir ao utilizador aceder s outras verses. Resultados Esperados Todos os passos acima so verdadeiros.
G159: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas vdeo
Aplicabilidade
Tcnica geral. Aplica-se a todas as tecnologias. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado)) o Como Cumprir o 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado)) o Noes sobre o Critrio de Sucesso 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado)) Critrio de Sucesso 1.2.8 (Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.8 (Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.8 (Alternativa em Multimdia (Pr-gravada))
Descrio
A finalidade desta tcnica fornecer uma forma alternativa acessvel de apresentar as informaes numa apresentao composta por apenas vdeo. Numa apresentao composta por apenas vdeo, as informaes so apresentadas de vrias formas, incluindo animao, texto ou grficos, cenrio, aces e expresses das pessoas, animais, etc. Para apresentar as mesmas informaes de uma forma acessvel, esta tcnica implica a criao de um documento que conte a mesma histria e apresente as mesmas informaes do contedo composto por apenas vdeo pr-gravado. Nesta tcnica, o documento funciona como descrio extensa do contedo e inclui todas as informaes importantes, bem como descries do cenrio, das aces, expresses, etc., que fazem parte da apresentao. Se tiver sido utilizado um guio para o contedo composto por apenas vdeo, este pode ser um bom comeo. Contudo, na produo e edio, a verso final varia muitas vezes, nalguns aspectos, do guio. Para utilizar o guio, este teria de ser corrigido para corresponder forma editada final da apresentao composta por apenas vdeo.
Exemplos
Uma animao mostra como montar um trabalho feito em madeira. No existe udio, mas a
animao inclui uma srie de nmeros para representar cada passo do processo, bem como setas e realces "imagem na imagem" que ilustram como executada a montagem. Tambm inclui pequenas cenas que ilustram o que ir acontecer se a montagem for mal feita. Uma alternativa em texto que identifica o contedo composto por apenas vdeo indica: "Vdeo de montagem de uma caixa de po (segue-se a descrio em texto)", e a descrio em texto do vdeo inclui uma descrio em texto completa de cada passo apresentado no vdeo.
Recursos

G69: Fornecer uma alternativa para multimdia baseada no tempo G158: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas udio G78: Fornecer uma segunda faixa de udio, seleccionvel pelo utilizador, que inclua udio-descries
Testes
Procedimento 1. Visualize o contedo composto por apenas vdeo enquanto consulta a alternativa para multimdia baseada no tempo. 2. Verifique se as informaes da transcrio so as mesmas da apresentao composta por apenas vdeo. 3. Se o vdeo incluir vrias pessoas ou personagens, verifique se a transcrio identifica que pessoa ou personagem esto associadas a que aco descrita. 4. Verifique se, no mnimo, uma das seguintes afirmaes verdadeira: a. A prpria transcrio pode ser determinada de forma programtica a partir da alternativa em texto para o contedo composto por apenas vdeo. b. A transcrio consultada a partir da alternativa em texto determinada de forma programtica para o contedo composto por apenas vdeo. c. Se as verses alternativas estiverem numa pgina separada, verifique se existem links disponveis para permitir ao utilizador aceder s outras verses. Resultados Esperados Todos os passos acima so verdadeiros.
G160: Fornecer verses em lngua gestual das informaes, ideias e processos que tm de ser compreendidos para utilizar o contedo
Aplicabilidade
Descrio
Para algumas pessoas surdas ou com determinadas incapacidades cognitivas, a lngua gestual pode ser a sua primeira lngua. Uma verso em lngua gestual da pgina poder ser mais fcil de compreender do que uma verso em linguagem escrita. O objectivo desta tcnica fornecer verses em lngua gestual do contedo que ajudem os utilizadores de lngua gestual a compreender texto difcil que descreva conceitos ou processos. O contedo em lngua gestual fornecido alm o texto. Uma vez que se trata de contedo suplementar (e no lngua gestual para fala no contedo) deveria ser visualizado em separado do contedo, no tendo necessariamente de ser sincronizado. Embora possam existir ocasies em que tal seja til, no obrigatrio. Para disponibilizar a verso em lngua gestual com os restantes contedos da pgina Web, o vdeo pode ser incorporado na pgina Web directamente ou a pgina Web pode incluir um link que apresente um leitor de vdeo numa janela separada. A verso em lngua gestual tambm pode ser fornecida atravs de um link para uma pgina Web separada que apresenta o vdeo. A lngua gestual uma lngua visual e a trs dimenses que utiliza as mos, os braos, os ombros, a cabea, o rosto, os lbios e a lngua do intrprete. Para os espectadores compreenderem o que est a ser interpretado, o vdeo tem de gravar a lngua gestual completamente. Em geral, o intrprete deve estar o mais prximo possvel da cmara sem arriscar cortes (tais como as mos sarem do vdeo). As informaes sobre como encontrar intrpretes de lngua gestual so apresentadas na seco de recursos abaixo. Nota 1: Se a sequncia de vdeo for muito curta, o intrprete de lngua gestual ser indiscernvel. Ao criar uma sequncia de vdeo que inclua um vdeo de um intrprete de lngua gestual, certifique-se de que existe um mecanismo para reproduzir a sequncia de vdeo em todo o ecr na tecnologia de contedo suportada por acessibilidade. Caso contrrio, certifique-se de que a parte destinada ao intrprete no vdeo ajustvel ao tamanho que deveria ter se toda a sequncia de vdeo fosse no ecr inteiro. Nota 2: Uma vez que a lngua gestual no , normalmente, uma verso com gestos da lngua escrita, o autor tem de escolher que lngua gestual deve incluir. Normalmente, ser utilizada a lngua gestual do pblico principal. Se se destinar a vrios pblicos, podem ser utilizadas vrias lnguas. Para obter informaes sobre vrias lnguas gestuais, consulte a tcnica de tipo aconselhada.
Exemplos
As informaes sobre como contactar o suporte ou enviar perguntas sobre um stio da Web so
fornecidas num vdeo em lngua gestual, bem como em texto.

As pginas de ajuda para uma aplicao Web so fornecidas em lngua gestual, bem como em
texto.
O stio da Web de uma empresa fornece vdeos em lngua gestual a descrever os detalhes tcnicos
de cada produto.
Um stio da Web religioso inclui a Lngua Gestual Americana entre as diferentes lnguas nas quais
est disponvel o stio da Web.
Recursos
National Institute on Deafness and other Communication Disorders (pgina em ingls) : Informaes sobre
a Lngua Gestual Americana

Royal National Institute for Deaf People (RNID) (pgina em ingls) Tcnicas para filmar intrpretes de lngua gestual (pgina em ingls) Codificao do vdeo de lngua gestual optimizada a nvel de percepo com base na anlise do seguimento do
olhar (pgina em ingls) Comunicaes de Vdeo de Lngua Gestual (pgina em ingls)
Registo de Intrpretes para os Surdos (RID) (pgina em ingls) Rede de Intrpretes de Lngua Gestual Americana (pgina em ingls) Sign On - A Sign Language Interpreting Resource, Inc. (pgina em ingls) American Sign Language Services, Inc. (pgina em ingls)
Consulte tambm Recursos Relacionados para o Critrio de Sucesso 1.2.6 - Lngua Gestual.

G54: Incluir um intrprete de lngua gestual na sequncia de vdeo G81: Fornecer um vdeo sincronizado do intrprete de lngua gestual que possa ser visualizado numa janela diferente ou sobreposto na imagem pelo leitor multimdia
Testes
Procedimento 1. Identifique texto que apresente ideias ou processos que tm de ser compreendidos para utilizar o contedo. 2. Verifique se existem suplementos em lngua gestual para o texto disponveis no contedo ou atravs de links no contedo. 3. Verifique se os suplementos em lngua gestual mostram os conceitos ou processos apresentados no texto. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G161: Fornecer uma funo de procura para ajudar os utilizadores a encontrar o contedo
Aplicabilidade
Todas as tecnologias que incluam formulrios. Esta tcnica est relacionada com:
Descrio
Fornecer uma funo de procura que procura pginas Web uma estratgia de concepo que oferece aos utilizadores uma forma de encontrar contedo. Os utilizadores podem localizar contedo, procurando palavras ou frases especficas, sem necessitarem de compreender ou de navegar atravs da estrutura do stio da Web. Esta pode ser uma forma mais rpida e fcil de encontrar contedo, especialmente em stios da Web de grandes dimenses. Algumas empresas de pesquisa oferecem acesso gratuito nos stios da Web s suas aplicaes de procura. Existem motores de busca disponveis que podem ser instalados no seu servidor. Algumas empresas de alojamento Web oferecem scripts de procura que os clientes podem incluir nas suas pginas Web. A maioria dos servios tambm oferece verses pagas das suas ferramentas com funcionalidades mais avanadas.
A implementao de uma funo de procura que ir verificar a ortografia dos termos, incluir diferentes terminaes para os termos (radicais) e permitir a utilizao de terminologia diferente (sinnimos) ir aumentar ainda mais a acessibilidade da funo de procura. A funcionalidade de procura adicionada incluindo um simples formulrio na pgina Web, normalmente um campo de texto para o termo da procura e um boto para accionar a procura, ou adicionando um link para uma pgina que inclua um formulrio de procura. O prprio formulrio de procura tem de estar, obviamente, acessvel. As tcnicas que so utilizadas para optimizar os resultados do motor de busca para procuras externas tambm suportam motores de busca internos e tornam-nos mais eficazes: utilizam palavras-chave, META tags e uma estrutura de navegao acessvel. Os stios da Web de procura fornecem orientao sobre como criar contedo optimizado para procura, por exemplo Directrizes da Microsoft para uma boa indexao (pgina em ingls), Criar um stio da Web de fcil utilizao no Google (pgina em ingls)e Directrizes de Qualidade de Procura de Contedo Yahoo! (pgina em ingls).
Exemplos
Exemplo 1: Um Stio da Web de Compras Um stio da Web de compras organiza os seus produtos em diferentes categorias, tais como roupa de senhora, roupa de homem e roupa de criana. Estas tm subcategorias, tais como tops, calas, sapatos e acessrios. Cada pgina tambm inclui um formulrio de procura. Os utilizadores podem introduzir o nmero do produto ou a descrio do produto no campo de procura e aceder directamente a esse produto, em vez de terem de navegar pelas categorias do produto para o encontrar. Exemplo 2: Um Centro de Ajuda Um Centro de Ajuda inclui milhares de pginas de informaes de Ajuda sobre os produtos de uma empresa. Um formulrio de procura permite aos utilizadores procurar apenas nas pginas do Centro de Ajuda para encontrar artigos que incluam os termos da procura.
Recursos

Procurar no Seu Stio da Web (pgina em ingls) Procura no Stio da Web Bravenet (pgina em ingls) FreeFind (pgina em ingls) Motor de Busca Personalizado Google (pgina em ingls) Microsoft Live Search (pgina em ingls) Procura Pico (pgina em ingls)

G63: Fornecer um mapa do stio da Web G64: Fornecer um ndice G125: Fornecer links para navegar para pginas Web relacionadas G126: Fornecer uma lista de links para todas as outras pginas Web
Testes
Procedimento 1. Verifique se a pgina Web contm um formulrio de procura ou um link para uma pgina de procura. 2. No formulrio de procura, introduza texto que exista no conjunto de pginas Web.
3. Active a procura. 4. Verifique se o utilizador conduzido at uma pgina que inclua o termo da procura. 5. Verifique se o utilizador conduzido at uma pgina que inclua uma lista de links para pginas que incluam o termo da procura. Resultados Esperados Os passos 1, 4 e 5 so verdadeiros.
G162: Colocar etiquetas para aumentar a previsibilidade das relaes

Aplicabilidade
Todas as tecnologias que suportem formulrios. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues)
Descrio
Quando as etiquetas esto posicionadas num local visualmente previsvel para o utilizador, mais fcil compreender formulrios complexos e localizar campos especficos. As etiquetas para a maioria dos campos esto posicionadas imediatamente antes do campo, ou seja, para idiomas escritos da esquerda para a direita, esquerda do campo ou acima do mesmo, e para idiomas escritos da direita para a esquerda, direita do campo ou acima do mesmo. As etiquetas para os botes de opo e caixas de verificao esto posicionadas a seguir ao campo. Estas posies esto definidas, uma vez que a posio normal (e, por conseguinte, a mais previsvel) da etiqueta para os campos, botes de opo e caixas de verificao. As etiquetas esto posicionadas antes dos campos de entrada de dados, uma vez que o comprimento dos campos pode variar. Posicion-las antes dos campos permite alinhar as etiquetas. Tambm facilita a localizao das etiquetas com um ampliador de ecr, uma vez que se encontram imediatamente antes do campo e tambm podem ser encontradas numa coluna vertical (quando o incio dos campos est alinhado verticalmente). Finalmente, se o campo incluir dados, mais fcil compreend-los ou verific-los se o utilizador ler a etiqueta primeiro e depois o contedo, em vez de fazer ao contrrio. As caixas de verificao e os botes de opo tm uma largura uniforme, enquanto as respectivas etiquetas, muitas vezes, no tm. Assim, ter o boto de opo ou a caixa de verificao em primeiro permite alinhar os botes e as etiquetas verticalmente.
Exemplos
Exemplo 1: Etiquetas acima dos campos de texto
Exemplo 2: Etiquetas esquerda dos campos de texto
Exemplo 3: Etiquetas direita dos botes de opo
Recursos

Posicionamento das Etiquetas (pgina em ingls) Criar Formulrio Acessveis (pgina em ingls) Formulrios Acessveis (pgina em ingls) Concepo do Formulrio da Aplicao Web (pgina em ingls) Colocao de Etiquetas nos Formulrios (pgina em ingls)

H44: Utilizar elementos label para associar etiquetas de texto a controlos de formulrio H71: Fornecer uma descrio para grupos de controlos de formulrio utilizando elementos fieldset e legend H65: Utilizar o atributo title para identificar controlos de formulrio quando o elemento label no puder ser utilizado G131: Fornecer etiquetas descritivas G167: Utilizar um boto contguo para definir a finalidade de um campo
Testes
Procedimento Para cada campo de formulrio na pgina Web: 1. Verifique se o campo de formulrio tem uma etiqueta visvel. 2. Se o campo de formulrio for uma caixa de verificao ou um boto de opo, verifique se a etiqueta se encontra imediatamente a seguir ao campo. 3. Se o campo de formulrio no for uma caixa de verificao ou um boto de opo, verifique se a etiqueta se encontra imediatamente antes do campo.
Resultados Esperados Todos os passos so verdadeiros.
G163: Utilizar sinais diacrticos normais que podem ser desactivados

Aplicabilidade
Descrio
O objectivo desta tcnica fornecer aos utilizadores um mecanismo para activar e desactivar os sinais diacrticos normais. Muitos idiomas utilizam sinais diacrticos ou a diacrtica para indicar a pronncia das palavras ou para ajudar a distinguir entre palavras. Alguns idiomas podem utilizar a diacrtica para indicar vogais, duplas consoantes, a ausncia de uma vogal ou consoante, ou para outras finalidades. Embora o texto possa ser legvel sem essa diacrtica, adicion-la pode melhorar a legibilidade.
Exemplos
Exemplo 1 Uma pgina Web em havaiano mostra todos os sinais diacrticos, por predefinio, e fornece links que permitem aos utilizadores seleccionar o nvel de apresentao dos sinais diacrticos:

No mostrar sinais diacrticos Utilizar o carcter de apstrofe () para okina, mas no mostrar sinais de vogal longa Mostrar todos os sinais diacrticos
O utilizador selecciona o nvel preferido, e esta preferncia armazenada numa cookie de sesso. Todas as pginas subsequentes durante essa mesma sesso tm acesso cookie, e mostram ou ocultam os sinais diacrticos de acordo com o nvel seleccionado. No lado do servidor, o contedo armazenado com todos os sinais diacrticos. Se um utilizador preferir menos sinais diacrticos, ou nenhuns, estes sero substitudos ou removidos conforme pretendido por uma funo do lado do servidor antes de a resposta ser enviada. Consulte o exemplo em Idioma havaiano online (pgina em ingls).
Testes
Procedimento Para qualquer pgina num idioma humano que utilize sinais diacrticos para distinguir os significados: 1. Verifique se a verso predefinida do contedo utiliza sinais diacrticos.
2. Verifique se existe um mecanismo para activar ou desactivar os sinais diacrticos. 3. Verifique se a utilizao de um mecanismo para desactivar os sinais diacrticos resulta em contedo que no mostra sinais diacrticos. 4. Verifique se a utilizao de um mecanismo para activar os sinais diacrticos resulta em contedo que mostra sinais diacrticos. Resultados Esperados Os passos 1 a 4 so verdadeiros.
G164: Fornecer um perodo de tempo determinado aps a submisso do formulrio quando a encomenda puder ser actualizada ou cancelada pelo utilizador
Aplicabilidade
Todas as tecnologias que forneam formulrios. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica permitir que os utilizadores recuperem de erros efectuados ao submeter um pedido, fornecendo-lhes um perodo de tempo durante o qual podem cancelar ou alterar o pedido. Em geral, um contrato ou um pedido so compromissos legais e no podem ser cancelados. Contudo, um stio da Web pode optar por oferecer esta possibilidade e fornecer uma forma para os utilizadores recuperarem de erros. O contedo da Web necessita de informar o utilizador sobre a durao do perodo de tempo de cancelamento aps a submisso do formulrio e qual o procedimento para cancelar o pedido. O processo de cancelamento pode no ser possvel online. Pode, por exemplo, necessitar que seja enviado um aviso por escrito para um endereo indicado na pgina Web.
Exemplos
Exemplo 1: Compras online Um stio da Web de compras online permite que os utilizadores cancelem as compras at 24 horas depois de as terem efectuado. O stio da Web divulga a sua poltica e inclui um resumo da mesma no recibo de compra enviado por e-mail ao utilizador. Aps 24 horas, a compra ser enviada ao utilizador e j no pode ser cancelada. Exemplo 2: Pedidos feitos por encomenda Um stio da Web vende casacos desportivos feitos por encomenda. O cliente escolhe o tecido e fornece as suas medidas. O stio da Web d aos clientes at trs dias para alterar ou cancelar um
pedido. Depois de o material ter sido cortado s medidas do cliente, j no possvel alterar ou cancelar o pedido. A poltica da empresa est descrita no seu stio da Web.

G98: Fornecer a possibilidade de o utilizador rever e corrigir as respostas antes de as submeter G155: Fornecer uma caixa de verificao para alm de um boto "Submeter" G168: Solicitar a confirmao para prosseguir com a aco seleccionada
Testes
Procedimento 1. Verifique se a pgina Web descreve o perodo de tempo para cancelar ou alterar um pedido. 2. Verifique se a pgina Web descreve o processo para cancelar ou alterar um pedido. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G165: Utilizar o indicador de foco predefinido para a plataforma para que os indicadores de foco predefinidos de alta visibilidade se mantenham
Aplicabilidade
Tecnologias que incluam elementos que possam receber foco. Esta tcnica est relacionada com:
Descrio
Os sistemas operativos tm um indicador de foco nativo, que est disponvel em vrios agentes de utilizador. A apresentao predefinida do indicador de foco nem sempre est altamente visvel e pode ainda ser difcil de ver quando est sobre determinados fundos. Contudo, vrias plataformas permitem ao utilizador personalizar a apresentao deste indicador de foco. A tecnologia de apoio tambm pode alterar o aspecto do indicador de foco nativo. Se utilizar o indicador de foco nativo, todas as definies ao nvel do sistema para a visibilidade sero transportadas para a pgina Web. Se desenhar o seu prprio indicador de foco, por exemplo, colorindo seces da pgina em resposta aco do utilizador, estas definies no sero aplicadas, e a TA no conseguir encontrar o seu indicador de foco.
Exemplos
Exemplo 1 O indicador de foco predefinido no Microsoft Windows uma linha preta tracejada de um pixel volta do elemento que recebe o foco. Numa pgina com um fundo escuro, pode ser muito difcil de ver. O criador da pgina utiliza a predefinio e o utilizador personaliza-a no Windows para torn-la mais clara.
Exemplo 2 Em HTML, os links e os elementos de formulrio podem receber o foco por predefinio. Alm disso, qualquer elemento com um atributo tabindex >= 0 pode receber foco. Ambos os tipos de elementos que podem receber o foco utilizam o indicador de foco do sistema e iro detectar as alteraes da plataforma no estilo do indicador de foco.

G149: Utilizar componentes de interface de utilizador que so realados pelo agente de utilizador quando recebem o foco C15: Utilizar CSS para alterar a apresentao de um componente de interface de utilizador quando este recebe o foco SCR31: Utilizar script para alterar a cor de fundo ou o limite do elemento que recebe o foco
Testes
Procedimento 1. Utilize as funcionalidades da sua plataforma para personalizar o aspecto do indicador de foco. 2. Utilize a tecla de tabulao para percorrer a pgina, tomando ateno ao caminho do foco. 3. Verifique se o indicador de foco para cada controlo est visvel. Resultados Esperados O passo 3 verdadeiro.
G166: Fornecer udio que descreva o contedo importante do vdeo e o descreva como tal
Aplicabilidade
Todas as tecnologias que possam incluir contedo de vdeo. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado)) o Como Cumprir o 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado)) o Noes sobre o Critrio de Sucesso 1.2.1 (Apenas udio e apenas Vdeo (Pr-gravado))
Descrio
O contedo composto por apenas vdeo no est acessvel a pessoas cegas e pessoas com baixa viso. Por conseguinte, importante que exista uma alternativa em udio. Uma forma de o fazer fornecer uma faixa de udio a descrever as informaes existentes no vdeo. O udio deve ter um formato comum utilizado na Internet, tal como o MP3.
Exemplos
Exemplo 1 Uma pgina Web tem um link para uma apresentao composta por apenas vdeo de uma nave espacial a aterrar em Marte. O link para o vdeo uma imagem de uma nave espacial. Junto ao vdeo
est um link para um ficheiro de udio que inclui uma pessoa a descrever o vdeo. Isto ter um aspecto semelhante ao seguinte cdigo exemplo em HTML.
Cdigo Exemplo: <a href="../video/marslanding.mp4"><img src="../images/spaceship.jpg" alt="Mars landing, video-only" width="193" height="255"/></a> <br /> <a href="Mars_landing_audio.mp3">Audio description of "Mars Landing"</a>
G159: Fornecer uma alternativa para multimdia baseada no tempo para contedo composto por apenas vdeo
Testes
Procedimento Para uma pgina Web que inclua contedo composto por apenas vdeo: 1. Verifique se existe um link para uma alternativa em udio imediatamente antes ou depois do contedo composto por apenas vdeo. Resultados Esperados O passo 1 verdadeiro.
G167: Utilizar um boto contguo para definir a finalidade de um campo

Aplicabilidade
Todas as tecnologias que suportem formulrios. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues)
Descrio
Quando um boto invoca uma funo num campo de entrada de dados, tem uma etiqueta de texto clara e apresentado junto ao campo de entrada de dados, tambm funciona como uma etiqueta para esse campo. Esta etiqueta ajuda os utilizadores a compreender a finalidade do campo sem introduzir texto repetitivo na pgina Web. Os botes que identificam campos de texto nicos, normalmente, sucedem ao campo de entrada de dados. Nota: O campo tambm tem de ter um nome determinado de forma programtica, de acordo com o Critrio de Sucesso 4.1.2.
Exemplos
Exemplo 1: Uma funo de procura Uma pgina Web inclui um campo de texto onde o utilizador pode introduzir termos da procura e um boto intitulado "Procura" para executar a procura. O boto est posicionado logo a seguir ao campo de texto, de modo a ser claro ao utilizador de que se trata do campo de texto onde pode introduzir o termo da procura.
Exemplo 2: Escolher um formulrio Um utilizador nos Estados Unidos tem de preencher um formulrio. Uma vez que as leis e os requisitos diferem entres os vrios estados do Estados Unidos, o utilizador tem de seleccionar a verso do formulrio consoante o seu estado ou residncia. O utilizador pode escolher um estado a partir de uma lista pendente. O boto contguo intitula-se "Obter Formulrio consoante o Estado". Ao pressionar este boto o utilizador conduzido at pgina Web que inclui o formulrio para o estado seleccionado.

G131: Fornecer etiquetas descritivas H44: Utilizar elementos label para associar etiquetas de texto a controlos de formulrio H65: Utilizar o atributo title para identificar controlos de formulrio quando o elemento label no puder ser utilizado H71: Fornecer uma descrio para grupos de controlos de formulrio utilizando elementos fieldset e legend
Testes
Procedimento Para um campo e um boto que utilizem esta tcnica: 1. Verifique se o campo e o boto esto ao lado um do outro na sequncia de leitura determinada de forma programtica. 2. Verifique se o campo e o boto so apresentados ao lado um do outro. Resultados Esperados Todos os passos so verdadeiros.
G168: Solicitar a confirmao para prosseguir com a aco seleccionada

Aplicabilidade
Critrio de Sucesso 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) o Como Cumprir o 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) o Noes sobre o Critrio de Sucesso 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados))
Critrio de Sucesso 3.3.6 (Preveno de Erros (Todos)) o Como Cumprir o 3.3.6 (Preveno de Erros (Todos)) o Noes sobre o Critrio de Sucesso 3.3.6 (Preveno de Erros (Todos))
Descrio
Esta tcnica permite confirmar com o utilizador se a aco seleccionada foi intencional. Utilize esta tcnica em situaes em que a aco no pode ser anulada depois de ter sido concluda. Isto ir evitar que os utilizadores submetam um formulrio ou eliminem dados por engano. Por exemplo, isto pode ocorrer quando o utilizador est espera que sejam apresentados os botes "submeter" e "cancelar" numa ordem contrria que apresentada e selecciona um boto muito rapidamente sem reparar na ordem. A apresentao de um pedido de confirmao ao utilizador permitelhe detectar o erro e impedir a submisso dos dados ou a perda dos dados introduzidos. O pedido de confirmao deve informar o utilizador da aco seleccionada e das consequncias de prosseguir com a aco.
Exemplos
Exemplo 1: Viagem de avio Um stio da Web de viagens online permite aos utilizadores criar itinerrios de viagem que reservam lugares com diferentes companhias areas. Os utilizadores podem procurar, emendar e cancelar os seus itinerrios actuais. Se o utilizador tiver de cancelar os seus planos de viagem, basta localizar o itinerrio na pgina Web e elimin-lo da sua lista de itinerrios actuais. Esta aco resulta no cancelamento das suas reservas e no reversvel. O utilizador informado de que a aco seleccionada ir cancelar as suas reservas actuais e que pode no ser possvel fazer uma reserva semelhante nos mesmos voos depois de esta aco ser executada. pedido ao utilizador para confirmar ou cancelar a eliminao do itinerrio. Exemplo 2: Webmail Uma aplicao Webmail armazena uma mensagem de e-mail de um utilizador num servidor, de modo a poder ser acedida a partir de qualquer local na Internet. Quando um utilizador elimina uma mensagem de e-mail, esta movida para uma pasta "lixo", a partir da qual pode ser recuperada se tiver sido eliminada por engano. Existe um comando "esvaziar lixo" para eliminar as mensagens na pasta "lixo" a partir do servidor. Depois de esvaziada a pasta "lixo", as mensagens j no podem ser recuperadas. Antes de esvaziar a pasta "lixo", pedido ao utilizador para confirmar ou cancelar a eliminao do e-mail na pasta "lixo". Exemplo 3: Um teste online utilizado um formulrio para recolher respostas para um teste. Quando os botes "submeter" ou "repor" so seleccionados, apresentada uma pgina Web ao utilizador que o informa da sua escolha e solicita a confirmao para prosseguir. Exemplo 1: "Seleccionou repor o formulrio. Essa aco ir eliminar todos os dados anteriormente introduzidos e no submeter quaisquer respostas. Pretende repor o formulrio? [boto sim] [boto no]" Exemplo 2: "Seleccionou submeter o formulrio. Essa aco ir submeter os dados introduzidos como as respostas finais e no podem ser alterados. Pretende submeter o formulrio? [boto sim] [boto no]" Exemplo 4: Vender aces Um stio da Web de corretagem permite aos utilizadores comprar e vender aces e outros valores. Se o utilizador efectuar uma transaco durante as horas em que a bolsa de valores estiver aberta, apresentada uma caixa de dilogo a informar que a transaco imediata e irreversvel, e inclui os botes "continuar" e "cancelar".

G98: Fornecer a possibilidade de o utilizador rever e corrigir as respostas antes de as submeter G99: Fornecer a possibilidade de recuperar a informao eliminada G155: Fornecer uma caixa de verificao para alm de um boto "Submeter"
Testes
Procedimento 1. Inicie a aco que no pode ser anulada ou alterada. 2. Verifique se apresentado um pedido para confirmar a aco seleccionada. 3. Verifique se a aco pode ser confirmada e cancelada. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G169: Alinhar o texto apenas a um lado

Aplicabilidade
Descrio
Muitas pessoas com incapacidades cognitivas tm grandes problemas com blocos de texto justificados (alinhados s margens esquerda e direita). As pginas ficam com espaos desiguais entre as palavras, o que pode dificultar a leitura do texto para algumas pessoas. Esta falha descreve situaes em que ocorre esta disposio de texto confusa. A melhor forma para evitar este problema criar uma disposio do texto totalmente justificada.
Exemplos
Exemplo 1 Para a maioria das tecnologias, ignore quaisquer declaraes sobre alinhamento. Por exemplo, o texto seguinte ser justificado esquerda em HTML, por predefinio, onde o idioma da pgina escrito da direita para a esquerda.
Cdigo Exemplo: <p> Lorem ipsum dolor sit amet, ... </p>
Exemplo 2
Uma pgina Web inclui seces com vrios alinhamentos. Os pargrafos no corpo da pgina esto alinhados margem esquerda. O texto tambm inclui um nmero de citaes alinhadas margem direita.

C22: Utilizar CSS para controlar a apresentao visual do texto F88: Falha do Critrio de Sucesso 1.4.8 devido utilizao de texto justificado (alinhado s margens esquerda e direita)
Testes
Procedimento 1. Abra a pgina num browser comum. 2. Verifique se o contedo no est justificado (alinhado s margens esquerda e direita). Resultados Esperados O passo 2 verdadeiro.
G170: Fornecer um controlo junto do incio da pgina Web que desligue os sons que tocam automaticamente
Aplicabilidade
Todas as tecnologias onde o som possa ser reproduzido automaticamente. Esta tcnica est relacionada com:
Descrio
A finalidade desta tcnica permitir ao utilizador desligar sons que tocam automaticamente quando uma pgina carregada. O controlo para desligar os sons deve estar localizado no incio da pgina para permitir que os utilizadores o encontrem fcil e rapidamente. Isto til para as pessoas que utilizam tecnologias de apoio (tais como leitores de ecr, ampliadores de ecr, mecanismos de comutao, etc.) e para quem no as utiliza (tais como pessoas com incapacidades cognitivas, de aprendizagem e de linguagem). Nesta tcnica, um autor inclui um controlo que permite aos utilizadores desligar todos os sons que tocam automaticamente. O controlo deve ser opervel por teclado, localizar-se no incio do separador e da ordem de leitura e estar claramente identificado para indicar que permite desligar os sons que esto a tocar.
Exemplos
Exemplo 1 Uma pgina Web inclui uma apresentao em multimdia baseada no tempo que inclui uma faixa de udio, bem como um vdeo animado que descreve como reparar um cortador de relva. A pgina inclui
2 botes intitulados "Colocar em Pausa" e "Parar", que permitem ao utilizador controlar a reproduo da multimdia baseada no tempo. Exemplo 2 Uma pgina Web inclui um breve filme. A pgina inclui um boto intitulado "Colocar o filme em pausa", que permite ao utilizador colocar o filme em pausa. Exemplo 3 Uma pgina Web inclui uma apresentao em Flash que inclui vdeo e udio. A pgina inclui um boto intitulado "Desligar a multimdia", que permite ao utilizador parar a reproduo do vdeo e do udio.

G60: Tocar um som que desliga automaticamente em menos de trs segundos G171: Tocar sons apenas a pedido do utilizador
Testes
Procedimento 1. Carregue uma pgina Web. 2. Verifique se existem msica ou sons que iniciam automaticamente. 3. Verifique se fornecido um controlo no incio da pgina que permita ao utilizador desligar os sons. Resultados Esperados O passo 3 verdadeiro.
G171: Tocar sons apenas a pedido do utilizador

Aplicabilidade
Todas as tecnologias que possam reproduzir som. Esta tcnica est relacionada com:
Descrio
A finalidade desta tcnica permitir que um utilizador controle a utilizao dos sons no contedo da Web. As pessoas que utilizam um leitor de ecr podem achar muito difcil e confuso ouvir o leitor de ecr se o contedo da Web tambm reproduzir sons. Fornecer uma forma de reproduzir sons apenas a pedido dar ao utilizador o controlo necessrio para ouvir quaisquer sons ou outro udio sem interferir com os sons provenientes de um leitor de ecr.
Exemplos
Exemplo 1
Uma pgina Web de uma associao de preservao de baleias cinzentas tem um som de fundo em loop do canto das baleias e tambm tem sons dos salpicos da gua. Os sons no comeam a tocar automaticamente, em vez disso, o contedo da Web fornece um link no topo da pgina para permitir ao utilizador iniciar os sons manualmente. O boto intitula-se "Ligar os sons" e depois de o utilizador o pressionar, os sons comeam a tocar. Em seguida, apresentada ao utilizador uma opo que permite "Desligar os sons". Exemplo 2 fornecido um link para um ficheiro de udio que inclui os sons das baleias cinzentas. O texto do link indica: "Ouvir o canto da baleia cinzenta (mp3)".

G60: Tocar um som que desliga automaticamente em menos de trs segundos G170: Fornecer um controlo junto do incio da pgina Web que desligue os sons que tocam automaticamente
Testes
Procedimento 1. Carregue uma pgina Web que saiba que inclui sons que tocam durante 3 segundos ou mais. 2. Verifique se no so reproduzidos sons automaticamente. 3. Verifique se existe uma forma de o utilizador iniciar os sons manualmente. Resultados Esperados O passo 3 verdadeiro.
G172: Fornecer um mecanismo para remover toda a justificao do texto

Aplicabilidade
Descrio
O objectivo desta tcnica fornecer uma verso da pgina que no esteja totalmente justificada (alinhada s margens esquerda e direita). Podem existir circunstncias em que, por motivos de disposio, um autor pode pretender ter o texto totalmente justificado. Nesses casos, suficiente fornecer uma funcionalidade que remova a justificao do texto. O controlo deve ser colocado no incio da pgina para facilitar a sua localizao e acesso. Nota: Esta tcnica pode ser utilizada em conjunto com uma tcnica de mudana de estilo para apresentar uma pgina que seja uma verso alternativa em conformidade para contedo que no esteja em
conformidade. Para mais informaes, consulte C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade (CSS) e Noes sobre Verses Alternativas em Conformidade .
Exemplos
Exemplo 1 Um romance clssico online encontra-se num stio da Web que tenta reproduzir o aspecto da obra originalmente publicada, o que inclui o texto totalmente justificado. fornecido um boto no topo da pgina intitulado "remover toda a justificao" e utilizada uma tcnica de mudana de estilo para trocar a folha de estilo. A nova folha de estilo alinha o texto apenas esquerda.
C19: Especificar o alinhamento esquerda OU direita em CSS
Testes
Procedimento 1. Abra uma pgina totalmente justificada. 2. Verifique se existe uma funcionalidade para remover toda a justificao. 3. Verifique se a funcionalidade remove toda a justificao. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G173: Fornecer uma verso de um filme com udio-descries

Aplicabilidade
Qualquer tecnologia que suporte udio e vdeo. Esta tcnica est relacionada com:
Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Como Cumprir o 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.3 (udio-Descrio ou Alternativa em Multimdia (Prgravada)) Critrio de Sucesso 1.2.5 (udio-Descrio (Pr-gravada)) o Como Cumprir o 1.2.5 (udio-Descrio (Pr-gravada)) o Noes sobre o Critrio de Sucesso 1.2.5 (udio-Descrio (Pr-gravada))
Descrio
O objectivo desta tcnica fornecer uma segunda verso do contedo de vdeo que fornea udiodescries, de modo a que as pessoas que no conseguem ver possam compreender o contedo audiovisual. Uma vez que, actualmente, a maioria dos agentes de utilizador no consegue combinar vrias faixas de udio, esta tcnica adiciona as informaes de udio suplementares multimdia sincronizada, fornecendo uma segunda verso do filme, em que a banda sonora original e a udio-descrio adicional foram reunidas numa nica faixa. Estas informaes adicionais concentram-se nas aces, nas
personagens, nas mudanas de cenrio e no texto no ecr (no legendas) que so importantes para a compreenso do contedo. Como no til que estas novas informaes ocultem as informaes de udio essenciais na banda sonora original (ou que sejam ocultadas por altos efeitos de som), as novas informaes so adicionadas durante as pausas existentes no dilogo e nos efeitos de som. Isto limita a quantidade de informaes suplementares que pode ser adicionada ao programa. Fornecer uma segunda verso do filme que inclua udio-descries como a faixa de udio principal ir tornar este contedo acessvel s pessoas cegas que necessitam de ouvir no s o dilogo, como tambm o contexto e outros aspectos do vdeo que no so comunicados apenas pelo dilogo das personagens.
Exemplos
Esto disponveis duas verses de um vdeo de uma pera. A primeira verso inclui apenas a
msica. A segunda verso inclui a msica e uma voz a descrever as aces dos artistas no palco.
Um vdeo de um malabarista em frente a um grupo de crianas inclui uma verso com uma udio-
descrio. O narrador da udio-descrio descreve o nmero e tipo de itens com que o artista faz os malabarismos, bem como as reaces das crianas durante a actuao.
Recursos

Linguagem de Integrao de Multimdia Sincronizada (SMIL) 1.0 Linguagem de Integrao de Multimdia Sincronizada (SMIL) 2.0 Funcionalidades de Acessibilidade da SMIL Acessibilidade NCAM Rich Media, Modelos SMIL Acessveis (pgina em ingls) Realtext (pgina em ingls) SAMI 1.0 (pgina em ingls)

G78: Fornecer uma segunda faixa de udio, seleccionvel pelo utilizador, que inclua udio-descries G69: Fornecer uma alternativa para multimdia baseada no tempo SM6: Fornecer uma udio-descrio em SMIL 1.0 SM7: Fornecer uma udio-descrio em SMIL 2.0
Testes
Procedimento 1. Abra a verso da multimdia que inclui detalhes visuais importantes que no podem ser compreendidos a partir apenas da banda sonora principal. 2. Oua o filme. 3. Verifique se so utilizados os intervalos no dilogo para transmitir informaes importantes relacionadas com o contedo visual. 4. Se as verses alternativas estiverem numa pgina separada, verifique se existem links disponveis para permitir ao utilizador aceder s outras verses. Resultados Esperados O passo 3 verdadeiro.
G174: Fornecer um controlo com uma relao de contraste suficiente que permita aos utilizadores mudar para uma apresentao que utilize contraste suficiente
Aplicabilidade
Critrio de Sucesso 1.4.3 (Contraste (Mnimo)) o Como Cumprir o 1.4.3 (Contraste (Mnimo)) o Noes sobre o Critrio de Sucesso 1.4.3 (Contraste (Mnimo)) Critrio de Sucesso 1.4.6 (Contraste (Melhorado)) o Como Cumprir o 1.4.6 (Contraste (Melhorado)) o Noes sobre o Critrio de Sucesso 1.4.6 (Contraste (Melhorado)) Requisito de Conformidade 1 (Nvel de Conformidade)
Descrio
Quando o contraste entre o texto e o fundo numa determinada parte da pgina no tiver sido concebido para cumprir o nvel de contraste dos Critrios de Sucesso 1.4.3 ou 1.4.6, possvel cumprir estas directrizes utilizando a clusula "Verso Alternativa" dos requisitos de conformidade ( Requisito de Conformidade 1). Um link ou controlo na pgina podem alterar a pgina de modo a que todos os aspectos fiquem em conformidade, ou podem conduzir o utilizador a uma nova verso da pgina que esteja em conformidade com o nvel pretendido. Para que esta tcnica seja utilizada com xito, as seguintes trs afirmaes tm de ser verdadeiras. 1. O link ou controlo na pgina original tm de cumprir o requisito de contraste do Critrio de Sucesso pretendido. (Se o utilizador no conseguir ver o controlo, no poder utiliz-lo para poder aceder nova pgina.) 2. A nova pgina tem de incluir as mesmas informaes e funcionalidade da pgina original. 3. A nova pgina tem de estar em conformidade com todo o Critrio de Sucesso relativamente ao nvel de conformidade pretendido (i.e., a nova pgina no pode apenas ter o nvel de contraste pretendido e no cumprir os restantes requisitos de conformidade). Esta tcnica pode ser utilizada para cumprir o Critrio de Sucesso 1.4.3 tendo texto (ou imagens do texto) na verso alternativa da pgina com um contraste de 4.5:1 e qualquer texto grande (ou imagens do texto grande) com um contraste de 3:1 com o fundo. Se a verso alternativa da pgina tiver todo o texto (ou imagens do texto) com um contraste de 7:1 e o texto grande (ou imagens do texto grande) com um contraste de 4.5:1 cumprir os Critrios de Sucesso 1.4.3 e 1.4.6. Nota: Esta tcnica pode ser utilizada em conjunto com uma tcnica de mudana de estilo para apresentar uma pgina que seja uma verso alternativa em conformidade para contedo que no esteja em conformidade. Para mais informaes, consulte C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade (CSS) e Noes sobre Verses Alternativas em Conformidade .
Exemplos
Uma pgina com alguns cabealhos que no cumprem os requisitos de contraste de 3:1 tem um
link de alto contraste (5:1) no topo da pgina que conduz o utilizador a uma nova verso com um contraste mnimo de 4.5:1 em todo o texto e imagens do texto.
Uma pgina utiliza fundos sombreados por motivos de efeito, mas isso resulta num contraste de
4:1 entre o texto e o fundo. Existe um controlo no topo da pgina intitulado "alto contraste", que permite utilizar diferentes estilos e diminuir as cores de fundo para alcanar um contraste de 7:1.

G17: Garantir uma relao de contraste de, no mnimo, 7:1 entre o texto (e imagens de texto) e o fundo por detrs do texto G18: Garantir uma relao de contraste de, no mnimo, 4.5:1 entre o texto (e imagens de texto) e o fundo por detrs do texto G145: Garantir uma relao de contraste de, no mnimo, 3:1 entre o texto (e imagens de texto) e o fundo por detrs do texto G148: No especificar a cor de fundo, no especificar a cor do texto, e no utilizar funcionalidades de tecnologia que alterem essas predefinies
Testes
Procedimento 1. Verifique se existe um link ou controlo na pgina original que fornea acesso verso alternativa. 2. Verifique se o link ou controlo na pgina original esto em conformidade com todos os critrios de sucesso para o nvel de conformidade que est a ser testado. 3. Verifique se a verso alternativa cumpre o contraste e todos os restantes critrios de sucesso para o nvel de conformidade que est a ser testado. Resultados Esperados Todos os passos so verdadeiros.
G175: Fornecer uma ferramenta de seleco de vrias cores na pgina para cores de primeiro plano e de plano de fundo
Aplicabilidade
Qualquer tecnologia que permita aos utilizadores guardar preferncias para reutilizar noutras pginas. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica incluir um controlo numa pgina Web, ou conjunto de pginas Web, que permita aos utilizadores especificar as cores de primeiro plano e de fundo preferidas para o contedo. Esta tcnica pode ser implementada utilizando qualquer tecnologia que permita aos utilizadores guardar preferncias que possam ser utilizadas em todas as pginas. Mediante a utilizao desta tcnica, um autor inclui um controlo de seleco de cores no stio da Web que permite aos utilizadores seleccionar e guardar as preferncias de cores de primeiro plano e de fundo para utilizar nas outras pginas de um stio da Web. As pginas so concebidas para procurar estas preferncias e para se adaptarem em conformidade quando as definies guardadas so encontradas.
Muitos utilizadores com incapacidades cognitivas tm problemas com texto preto normal num fundo branco. Por vezes, conseguem ler muito melhor o texto utilizando cores diferentes para o texto e fundo e, por vezes, estas combinaes de cores so muito especficas e no as esperadas por outras pessoas (por exemplo, castanho ou azul). Alguns destes utilizadores tero dificuldade em definir as cores utilizando as definies de cor do browser ou as definies de cor dos sistemas operativos. Fornecer uma ferramenta na pgina Web que disponibilize uma vasta gama de cores de primeiro plano e de fundo permitir-lhes- alterar facilmente as cores sem terem de procurar as definies do browser.
Exemplos
Exemplo 1 O utilizador pode introduzir valores hexadecimais nos campos de texto. O link "seleccionar" ir abrir uma ferramenta de seleco de cores para o campo contguo.
A ferramenta de seleco de cores apresentada para seleccionar um cor.
Em seguida, apresentado um exemplo real desta tcnica implementada utilizando PHP, Javascript, CSS e XHTML: Exemplo de Seleccionador de Cores.
Recursos
Pgina Web da BBC com instrues sobre como alterar as cores na maioria dos browsers (pgina em ingls)

G148: No especificar a cor de fundo, no especificar a cor do texto, e no utilizar funcionalidades de tecnologia que alterem essas predefinies G156: Utilizar uma tecnologia que disponha de agentes de utilizador normalmente disponveis que possam alterar o primeiro plano e o fundo dos blocos de texto C25: Especificar margens e disposio em CSS para delinear reas de uma pgina Web e no especificar cores de texto e de plano de fundo do texto
Testes
Procedimento 1. Verifique se existe um controlo na pgina identificado como uma ferramenta de seleco de cores. 2. Verifique se a ferramenta de seleco de cores fornece uma variedade de opes de cor para o texto e o fundo. 3. Seleccione novas cores para o texto e fundo utilizando a ferramenta. 4. Verifique se o contedo actualizado para utilizar as combinaes de cor seleccionadas.
Resultados Esperados Os passos 1 e 4 so verdadeiros.
G176: Manter a rea de flashes suficientemente pequena

Aplicabilidade
Apropriada para todo o contedo geral da Web, incluindo casos especiais em que o contedo especificamente concebido para ser apresentado num trio. Esta tcnica est relacionada com:
Critrio de Sucesso 2.3.1 (Trs Flashes ou Abaixo do Limite) o Como Cumprir o 2.3.1 (Trs Flashes ou Abaixo do Limite) o Noes sobre o Critrio de Sucesso 2.3.1 (Trs Flashes ou Abaixo do Limite)
Descrio
A finalidade desta tcnica fornecer uma forma fcil de cumprir o critrio de sucesso para contedo em modo flash, mas que pequeno. Se tiver contedo com mais de 3 flashes no perodo de um segundo (de modo a que a tcnica G19 no possa ser utilizada), mas a rea em modo flash tiver menos de 25% dos 10 graus do campo de viso (que representa a rea central de viso do olho), est automaticamente em conformidade. Os 10 graus do campo de viso representam a rea central de viso do olho. Esta rea est muito relacionada com os sensores visuais. Os flashes nesta rea so transmitidos para o crtex visual. Para as pessoas que sofrem de fotossensibilidade, estes flashes no crtex visual podem provocar ataques epilpticos. Os flashes noutras reas do olho (que tm muito menos sensores) tm um efeito muito menor no crtex. Da, o foco em apenas 10 graus da viso central.
Se o contedo se destinar a uma utilizao geral na Web, pode utilizar a Frmula 1: rea Pequena de
Segurana para Contedo da Web.

Se o contedo se destinar a uma visualizao conhecida (por ex., no trio de uma empresa),
dever ser utilizada a Frmula 2: rea Pequena de Segurana para Visualizaes Conhecidas . Frmula 1: rea Pequena de Segurana para Contedo da Web A maioria dos autores da Web no sabe como converter o campo de viso em pixis, que o que normalmente tm de enfrentar. Esta tcnica fornece a converso. Actualmente, a visualizao mais predominante de 1024 x 768 e de cerca de 15 a 17 polegadas na diagonal. Quando observado a uma distncia de visualizao normal (11 a 26 polegadas), um campo de viso de 10 graus ir capturar uma rea de aproximadamente 341 x 256 pixis. Isto no circular, tal como no a viso central da maioria dos utilizadores, e a diferena to pequena (e na orla da viso central onde os sensores so menos) que no importante. Uma vez que o critrio 25% de qualquer campo de viso de 10 graus, um evento em modo flash num ecr (no existindo mais flashes no ecr) que seja mais pequeno do que uma rea contgua de 21.824 pixis ao quadrado (qualquer forma), cumprir o requisito de Limites de Flash Universal e Flash Vermelho.
Foi escolhido 1024 x 768 porque representa o tamanho de ecr mais comum. Tambm funciona com ecrs de maior resoluo, uma vez que a densidade de pixis mais comprimida iria resultar num tamanho de imagem mais pequeno e seguro. Os utilizadores de ecrs de menor resoluo, ou que os ampliam ou vem a uma distncia menor, tero um risco mais elevado dependendo da distncia de visualizao. Para satisfazer as necessidades deste grupo, deve ser utilizada a tcnica G19: Garantir que nenhum componente do contedo tenha mais de trs flashes no perodo de um segundo , uma vez que independente da resoluo de ecr ou da distncia de visualizao. Frmula 2: rea Pequena de Segurana para Visualizaes Conhecidas Para calcular a rea pequena de segurana (em pixis) no ecr, quando o tamanho, a resoluo e a distncia de visualizao do ecr so conhecidos, utilize o seguinte procedimento. Nota: Por vrias razes (distribuio dos sensores de viso central que, muitas vezes, no so circulares, simplicidade, conforto ao computador, razes histricas), utilizada uma aproximao rectangular de 4:3 dos 10 graus centrais do campo de viso que 10 graus mais ampla e 7,5 graus mais elevada. Isto tem uma rea de 75 graus ao quadrado, contra a rea de 78,5 graus ao quadrado de um verdadeiro crculo de 10 graus. 1. Para converter a distncia de visualizao para o tamanho do rectngulo, multiplique a distncia de visualizao por 0,1745 (10 x Pi / 180) para obter a largura do rectngulo, e multiplique a distncia de visualizao por 0,1309 (7,5 x Pi / 180) para obter a altura do rectngulo. (Este clculo pode ser efectuado em polegadas, milmetros, ou em qualquer outra unidade de comprimento.) 2. Determine o tamanho do ngulo de viso de 10 graus em pixis. Para tal, multiplique a largura e a altura do rectngulo do passo 1 pela resoluo do ecr, em pixis por comprimento da unidade, para obter o tamanho horizontal e vertical do rectngulo em pixis. o Para um ecr panormico de 1080 pixis (que corresponde a 1920 por 1080 pixis), a resoluo do ecr em pixis por polegada de 2203 dividido pelo tamanho diagonal do ecr, em polegadas. o Para um ecr panormico de 720 pixis (que, normalmente, corresponde a 1365 por 768 pixis), a resoluo do ecr em pixis por polegada de 1566 dividido pelo tamanho diagonal do ecr, em polegadas. o Para um monitor de computador LCD que especifica a distncia dos pixis em milmetros/pixel, a resoluo do ecr em pixis por polegada de 25,4 dividido pela distncia dos pixis em milmetros. Para qualquer ecr, se souber o tamanho diagonal do ecr e a resoluo horizontal e vertical do ecr em pixis, ento a resoluo do ecr em pixis por polegada a raiz quadrada de ((resoluo horizontal em pixis) x (resoluo horizontal em pixis) + (resoluo vertical em pixis) x (resoluo vertical em pixis)). 3. Multiplique a largura do rectngulo pela altura e divida por 4.
Exemplos
Um autor cria uma animao que ser apresentada num ecr no trio de um empresa. Utilizando o
tamanho e a resoluo do ecr e a distncia mais curta a que uma pessoa pode estar do ecr, foi calculado o tamanho de 25% dos 10 graus da viso central em pixis (utilizando a frmula acima). Isto corresponde rea pequena de segurana. Nunca ser apresentado qualquer flash numa rea maior do que a rea pequena de segurana .
Recursos
Stio da Web da Harding FPA (pgina em ingls) Centro de Rastreio - Ferramenta de Anlise de Epilepsia Fotossensvel (PEAT - Photosensitive Epilepsy
Informaes sobre Perturbaes ao Nvel de Ataques Epilpticos Provocados por Fotossensibilidade (pgina Epilepsy Action (pgina em ingls) Epilepsy Foundation (pgina em ingls) Orientaes da Ofcom sobre Imagens em Modo Flash e Padres Normais na Televiso (PDF em ingls)
em ingls)

G15: Utilizar uma ferramenta para garantir que o contedo no viola o limite de flash universal ou o limite de flash vermelho G19: Garantir que nenhum componente do contedo tenha mais de trs flashes no perodo de um segundo
Testes
Procedimento 1. calculada a rea pequena de segurana. 2. Verifique se existe apenas uma rea do ecr em modo flash num determinado momento. 3. Verifique se o contedo em modo flash cabe numa caixa contgua, cuja rea inferior rea pequena de segurana. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G177: Fornecer texto de correco sugerido

Aplicabilidade
Critrio de Sucesso 3.3.3 (Sugesto de Erro) o Como Cumprir o 3.3.3 (Sugesto de Erro) o Noes sobre o Critrio de Sucesso 3.3.3 (Sugesto de Erro)
Descrio
O objectivo desta tcnica sugerir texto correcto quando as informaes fornecidas pelo utilizador no so aceites e o texto correcto possvel conhecido. As sugestes podem incluir ortografia correcta ou texto semelhante de um conjunto conhecido de texto possvel. Dependendo do formulrio, as sugestes podem encontrar-se junto ao campo onde foi detectado o erro, noutra localizao na pgina ou atravs de um mecanismo de procura ou referncia onde os resultados so apresentados noutro URI. Sempre que possvel, as sugestes de correco devem ser incorporadas de um modo que seja fcil para o utilizador. Por exemplo, uma submisso incorrecta pode devolver uma lista de possveis correces, onde o utilizador pode seleccionar uma caixa de verificao ou um boto de opo para indicar qual a opo pretendida. As sugestes ou os links para as sugestes devem ser colocados junto aos campos de formulrio aos quais estejam associados como, por exemplo, no topo do formulrio, antes dos campos de formulrio ou a seguir aos campos de formulrio que necessitam de ser corrigidos.
Exemplos
Um campo de formulrio necessita que o utilizador introduza um perodo de tempo que pode variar
entre dias e anos. O utilizador introduz o nmero "6". O servidor devolve o formulrio depois de o utilizador o submeter e tambm inclui uma sugesto junto ao campo de formulrio: "Erro detectado. Queria dizer: 6 dias, 6 semanas, 6 meses ou 6 anos?" O utilizador introduz o nome de uma cidade mal escrito. O servidor devolve o formulrio depois de o utilizador o submeter e tambm inclui uma mensagem no topo do formulrio a indicar o erro e um link para uma lista de nomes de cidades possveis, por comparao do nome introduzido pelo utilizador com uma base de dados de nomes de cidades. Um planeador de viagens de autocarro permite aos utilizadores introduzir o seu local de partida e o destino, permitindo introduzir nomes de ruas, cruzamentos e marcos divisrios de cidades. Quando um utilizador introduz "Kohl," apresentada uma lista de resultados de procura com correspondncias semelhantes a indicar: "A sua procura por 'Kohl' devolveu o seguinte". apresentada uma caixa de seleco a indicar: "Kohl Center," "Kohl's Dept. Store-East" e "Kohl's Dept. Store-West" como opes que o utilizador pode escolher. efectuada a verificao ortogrfica dos dados introduzidos e fornecido um link para alternativas no caso de ter sido detectado um erro ortogrfico. Quando o utilizador clica no link, a procura automaticamente submetida outra vez com a ortografia correcta.

SCR18: Fornecer validao e alertas do lado do cliente G84: Fornecer uma descrio em texto quando o utilizador fornecer informao que no se enquadre na lista de valores permitidos G85: Fornecer uma descrio em texto quando a entrada de dados por parte do utilizador no se enquadre no formato ou valores obrigatrios
Testes
Procedimento 1. Identifique os campos de formulrio onde o texto correcto pode insinuar texto incorrecto. 2. Preencha o formulrio, introduzindo deliberadamente texto incorrecto nos campos de formulrio identificados. 3. Verifique se so apresentadas sugestes de texto correcto ao utilizador. 4. Verifique se as sugestes ou um link para as sugestes so fornecidos junto ao campo de formulrio. Resultados Esperados Os passos 3 e 4 so verdadeiros.
G178: Fornecer controlos na pgina Web que permitam aos utilizadores alterar gradualmente o tamanho de todo o texto numa pgina at 200%
Aplicabilidade
Critrio de Sucesso 1.4.4 (Redimensionar texto) o Como Cumprir o 1.4.4 (Redimensionar texto) o Noes sobre Critrio de Sucesso 1.4.4 (Redimensionar texto)
Descrio
A finalidade desta tcnica fornecer um mecanismo na pgina Web para aumentar de forma incremental o tamanho do texto. Muitas pessoas com baixa viso no utilizam software de ampliao, e podem no estar familiarizados com os ajustes de tamanho de texto dos browsers. Isto pode acontecer com pessoas mais velhas que s agora esto a aprender a utilizar computadores e que podem ter problemas de perda de viso relacionados com a idade. Tambm pode acontecer com algumas pessoas que sofrem de incapacidades cognitivas que tambm necessitem de um tamanho de letra maior. Esta tcnica fornece um mecanismo que ser considerado mas fcil de utilizar por alguns utilizadores. O mecanismo pode incluir links ou botes que iro alterar a apresentao visual para uma folha de estilo diferente ou utilizar scripts para alterar o tamanho do texto de forma dinmica. Para implementar esta tcnica, um autor fornece controlos que permitem ao utilizador aumentar ou diminuir de forma incremental o tamanho do texto de toda a pgina para um tamanho que seja, no mnimo, 200% do tamanho do texto predefinido. Isto pode ser alcanado fornecendo links, botes ou imagens com links, e os prprios controlos devem ser o mais fcil possvel de encontrar (por ex. posicionados bem vista na pgina, apresentados num tamanho de texto maior, alto contraste, etc.). Esta tcnica tambm pode ser utilizada em circunstncias em que os tipos de letras ajustveis no podem ser utilizados, tais como em situaes de cdigo legado. Nota: Esta tcnica pode ser utilizada em conjunto com uma tcnica de mudana de estilo para apresentar uma pgina que seja uma verso alternativa em conformidade para contedo que no esteja em conformidade. Para mais informaes, consulte C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade (CSS) e Noes sobre Verses Alternativas em Conformidade .
Exemplos
O artigo de um jornal inclui dois botes no topo da pgina. O boto "aumentar tamanho do texto"
tem um "T" grande com uma seta para cima e o boto "diminuir tamanho do texto" tem um "T" pequeno com uma seta para baixo. Cada um dos botes tem texto alt . Um stio da Web tem vrias folhas de estilo com um tamanho de texto diferente. O utilizador pode escolher qualquer uma das folhas de estilo, se o seu browser fornecer esta funcionalidade. Cada pgina tambm inclui os links "Aumentar tamanho do texto" e "Diminuir tamanho do texto", que permitem alterar a folha de estilo actualmente aplicada folha de estilo alternativa apropriada. Um stio da Web inclui o texto "Alterar tamanho do texto" seguido dos links "Para Cima" e "Para Baixo" em todas as pginas Web. Os links accionam um Javascript que altera o valor da propriedade tamanho de texto em conformidade. Um stio da Web inclui um link em todas as pginas intitulado "Alterar tamanho do texto". A pgina resultante inclui uma srie de links que incluem opes que representam os tamanhos disponveis. Os links intitulam-se "Tamanho de letra mais pequeno", "Tamanho de letra pequeno", "Tamanho de letra predefinido", "Tamanho de letra grande", etc. As instrues que precedem a lista indicam aos utilizadores que escolham um link para alterar para o tamanho de letra pretendido.
Testes
Procedimento 1. Aumente o tamanho do texto e certifique-se de que o tamanho do texto foi aumentado. 2. Verifique se o tamanho do texto pode ser aumentado para 200% do tamanho original. 3. Diminua o tamanho do texto para o valor predefinido e certifique-se de que o tamanho predefinido foi reposto. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G179: Garantir que no existe perda de contedo nem de funcionalidade quando o texto redimensionado e que as caixas de texto no sejam redimensionadas
Aplicabilidade
Todas as tecnologias que refluam o texto quando as janelas so redimensionadas. Esta tcnica est relacionada com:
Descrio
Alguns agentes de utilizador suportam a alterao do tamanho do texto sem alterar outras dimenses da caixa de texto. Pode ocorrer perda de contedo ou de funcionalidade quando o texto sai fora do espao que lhe foi atribudo. Contudo, as propriedades de disposio podem fornecer uma forma de continuar a apresentar o contedo de forma eficaz. Os tamanhos do bloco podem ser definidos para um tamanho suficientemente grande, de modo a que o texto no saia fora do espao quando redimensionado para 200%. O texto pode moldar-se quando deixa de caber no bloco, e o bloco pode ter um comprimento suficiente que permita a todo o texto continuar a caber no bloco. O bloco pode fornecer barras de deslocamento quando o texto redimensionado sair fora do espao.
Exemplos
Exemplo 1: Uma disposio de pgina com vrias colunas O HTML e o CSS so utilizados para criar uma disposio de duas colunas para uma pgina de texto. A utilizao do valor predefinido da propriedade white-space, normal, faz com que o texto se molde. Assim, medida que o tamanho do texto aumentado para 200%, o texto reflui e a coluna de texto aumenta de tamanho. Se a coluna for demasiado grande para a janela, o agente de utilizador fornece barras de deslocamento, de modo a que o utilizador possa deslocar o texto para l-lo, uma vez que o autor especificou a regra CSS overflow:scroll ou overflow:auto. Exemplo 2 A disposio de um jornal com blocos de texto nas colunas. Os blocos tm uma largura fixa, mas no tm um comprimento definido. Quando o texto redimensionado no browser, o texto molda-se e torna os blocos mais compridos. Exemplo 3: Tamanhos relativos da caixa e do texto em percentagem e unidades "em" A utilizao de unidades relativas no texto e na caixa permite que a caixa aumente para acomodar o texto, sem quaisquer cortes. Esta imagem mostra o texto com um tamanho e tipo de letra "normal" no Internet Explorer. A caixa cinzenta a caixa div.
Esta imagem mostra o mesmo texto e caixa utilizando o tamanho de letra "maior" no Internet Explorer. A caixa cinzenta aumentou para incluir o texto maior.
Cdigo Exemplo: <style type="text/css"> div { background-color:#ccc; line-height:120%; position:relative; } div.RelativeRelative { font-size:100%; width:8.1em; height:6.7em; } </style> <div class="RelativeRelative"> Now is the time for all good men to come to the aid of their country. </div>

G146: Utilizar disposies lquidas C28: Especificar o tamanho de caixas de texto utilizando unidades "em" SCR34: Calcular o tamanho e a posio de modo a ficarem ajustados ao tamanho do texto
Testes
Procedimento 1. Aumente o tamanho do texto para 200%. 2. Verifique se todo o contedo e funcionalidade esto disponveis. Resultados Esperados O passo 2 verdadeiro.
G180: Fornecer um meio ao utilizador para definir o limite de tempo para 10 vezes superior ao limite de tempo predefinido
Aplicabilidade
Todas as tecnologias.
Descrio
O objectivo desta tcnica fornecer tempo suficiente s pessoas com incapacidades para executar tarefas que podem demorar mais tempo a serem executadas do que por pessoas que no tm esses problemas. Alguns mecanismos, tais como uma definio de preferncia ou um controlo na pgina, permitem ao utilizador mudar os limites de tempo para, no mnimo, dez vezes superior ao limite de tempo predefinido. Preferencialmente, o mecanismo tem um ajuste da varivel que permite ao utilizador alterar o limite de tempo para qualquer valor dentro do intervalo possvel, mas tambm pode fornecer formas de alterar o limite de tempo atravs de pequenos incrementos. O utilizador altera o limite de tempo no incio da sua sesso, antes de uma actividade que tenha limite de tempo.
Exemplos
Uma companhia area tem uma aplicao de compra de bilhetes online. Por predefinio, a
aplicao tem um limite de tempo de um minuto para cada passo do processo de compra. No incio da sesso, a pgina Web inclui informaes que indicam: "Estimamos que cada passo do processo de compra demore um minuto a ser executado pelos utilizadores. Pretende ajustar o limite de tempo?" seguido de vrios botes de opo "1 minuto, 2 minutos, 5 minutos, 10 minutos". Uma aplicao Webmail termina automaticamente a sesso dos utilizadores quando no h qualquer aco durante 30 minutos. A aplicao inclui uma preferncia que permite aos utilizadores ajustar o perodo de tempo para qualquer valor.

G133: Fornecer uma caixa de verificao na primeira pgina de um formulrio de vrias partes, que permite aos utilizadores solicitar um limite de tempo de sesso maior ou nenhum limite de tempo de sesso SCR1: Permitir ao utilizador prolongar o limite de tempo predefinido SCR16: Fornecer um script que avise o utilizador que um limite de tempo est prestes a expirar
Testes
Procedimento 1. Certifique-se de que existe um mecanismo para definir o limite de tempo para 10 vezes superior ao limite de tempo predefinido. 2. Altere o limite de tempo para um novo valor que seja 10 vezes superior ao limite de tempo predefinido. 3. Execute uma aco que tenha limite de tempo. 4. Aguarde at o limite de tempo predefinido terminar. 5. Verifique se o limite de tempo no expira at o limite especificado no passo 2 terminar. Resultados Esperados Os passos 1 e 5 so verdadeiros.
G181: Codificar dados de utilizador como dados ocultos ou encriptados numa pgina de nova autorizao
Aplicabilidade
Pginas que necessitem de autenticao por parte do utilizador quando o tempo disponvel para submeter os dados limitado. Esta tcnica est relacionada com:
Critrio de Sucesso 2.2.5 (Nova autenticao) o Como Cumprir o 2.2.5 (Nova autenticao) o Noes sobre o Critrio de Sucesso 2.2.5 (Nova autenticao)
Descrio
Os servidores da Web que necessitam de autenticao do utilizador terminam, muitas vezes, a sesso aps um perodo de tempo definido sem qualquer aco por parte do utilizador. Se o utilizador no for suficientemente rpido a introduzir os dados e a sesso expirar antes da submisso, o servidor ir necessitar de uma nova autenticao antes de prosseguir. Quando isto acontece, o servidor transmite (como dados ocultos) as informaes do formulrio para a pgina utilizada para a nova autenticao. Em seguida, quando o utilizador efectua a nova autenticao, o servidor pode utilizar as informaes transmitidas a partir da pgina da nova autenticao para submeter o formulrio directamente ou apresentar uma pgina que inclua os dados que sero submetidos para reviso. Nesta tcnica, o servidor no tem de armazenar quaisquer dados submetidos pelo utilizador. Esta uma tcnica importante para os casos em que seja ilegal, ou represente um risco de segurana, o servidor armazenar as informaes temporariamente. Tambm til, uma vez que isenta o servidor de ter de manter as informaes armazenadas e de as voltar a ligar com a sesso recentemente autenticada. Nota: Se os dados que os utilizadores estiverem a submeter forem confidenciais ou representarem um risco de segurana, os autores devem considerar o processo utilizado para transmitir os dados para a pgina da nova autenticao e, aps a nova autenticao, para a pgina que ir processar os dados originais para garantir que os dados esto protegidos.
Exemplos
Um utilizador iniciou sesso para utilizar um wiki e comear a editar uma pgina. O tempo
despendido a executar as edies excede o tempo permitido pelo servidor para inactividade da sesso. Quando o utilizador submete as edies, notificado de que a sesso expirou e redireccionado para uma pgina de incio de sesso. O script que trata da submisso do formulrio original transmite as edies como uma varivel para a pgina de incio de sesso e, depois de o utilizador iniciar sesso com xito, transmite as edies do utilizador para o script que trata das submisses dos formulrios e as edies so processadas como se a sesso no tivesse expirado. Um utilizador iniciou sesso num stio da Web de compras seguro e introduz algumas informaes num formulrio de encomenda. Por motivos de segurana, a sesso expira aps 30 minutos, mas o utilizador s submete o formulrio 45 minutos depois de a pgina ter sido carregada. O utilizador informado de que a sesso expirou e -lhe pedido que inicie sesso novamente. Se o utilizador iniciar a sesso com xito, o formulrio de encomenda apresentado ao utilizador com todos os dados anteriormente introduzidos e o utilizador pode rev-los e submeter o formulrio. Se o incio de sesso no for efectuado com xito, os dados do formulrio so rejeitados pelo servidor.
G105: Guardar dados para poderem ser utilizados depois de um utilizador efectuar uma nova autenticao
Testes
Procedimento
Num stio da Web que necessite que o utilizador inicie sesso para submeter os dados: 1. Inicie sesso e comece a actividade temporizada. 2. Deixe a sesso expirar. 3. Submeta os dados. 4. Volte a autenticar. 5. Verifique se o processo pode continuar e ser concludo sem perder os dados, incluindo os dados originais e todas as alteraes efectuadas aps a nova autenticao. 6. Verifique se o processo utilizado para guardar as informaes submetidas no passo 3 no est armazenado no servidor. (Nota: Isto requer conhecimento da tecnologia e das funcionalidade utilizadas para implementar a tcnica.) Resultados Esperados Os passos 5 e 6 so verdadeiros.
G182: Garantir que esto disponveis sinais de aviso visuais adicionais quando forem utilizadas cores de texto diferentes para transmitir informaes
Aplicabilidade
Texto a cores quando a cor utilizada para transmitir informaes, tais como:
Palavras que so links num pargrafo Itens numa lista, onde alguns so diferentes de outros e so apresentados em texto a cores
Descrio
A finalidade desta tcnica fornecer um sinal visual redundante para os utilizadores que podem no conseguir distinguir uma diferena na cor do texto. Normalmente, as cores so utilizadas para indicar o estado diferente das palavras que fazem parte de um pargrafo ou outro bloco de texto, ou quando no possvel utilizar caracteres especiais ou grficos para indicar as palavras que tm um estado especial. Por exemplo, as palavras dispersas no texto podem ser links de hipertexto assinaladas como tal estando numa cor diferente. Esta tcnica descreve uma forma de fornecer sinais de aviso para alm das cores, de modo a que os utilizadores que possam ter dificuldades em distinguir as cores ou tenham baixa viso as possam identificar. Para utilizar esta tcnica, um autor incorpora um sinal visual para alm da cor em todos os locais em que s utilizada a cor para transmitir informaes. Os sinais visuais podem assumir vrias formas, incluindo alteraes ao estilo do tipo de letra, adio de sublinhados, negrito, itlico ou alteraes ao tamanho da letra.
Exemplos
Um artigo a comparar a utilizao de elementos semelhantes em diferentes linguagens de
marcao utiliza texto a cores para identificar os elementos de cada linguagem. Os elementos da
primeira linguagem de marcao esto identificados com AZUL, texto a negrito. Os elementos da segunda so apresentados a VERMELHO, texto em itlico. Um stio da Web de notcias apresenta os cabealhos dos artigos que aparecem no stio da Web. As informaes adicionais, tais como a seco onde aparece o artigo, a hora a que foi publicado, uma localizao relacionada ou uma indicao de que acompanhado por um vdeo em directo, so apresentadas em alguns casos. As informaes adicionais so apresentadas numa cor diferente da do link que conduz ao artigo, mas cada link apresentado num tipo de letra maior do que o resto do texto, de modo a que os utilizadores possam identificar os links mais facilmente. Os itens de notcias breves tm, por vezes, frases que tambm so links para mais informaes. Essas frases esto a cores e no tipo de letra Sans-Serif, enquanto o resto do pargrafo est a preto e em Times New Roman.

G14: Garantir que as informaes transmitidas atravs de cores diferentes esto tambm disponveis em texto G122: Incluir um sinal de aviso de texto sempre que forem utilizados sinais de aviso a cores G183: Utilizar uma relao de contraste de 3:1 com o texto circundante e fornecer sinais de aviso visuais adicionais no foco para links ou controlos identificados apenas por cor
Testes
Procedimento 1. Localize todas as ocorrncias em que a cor do texto utilizada para transmitir informaes. 2. Verifique se todo o texto em que utilizada cor para transmitir informaes tambm foi moldado ou utiliza um tipo de letra que o torna visualmente distinto do outro texto circundante. Resultados Esperados O passo 2 verdadeiro.
G183: Utilizar uma relao de contraste de 3:1 com o texto circundante e fornecer sinais de aviso visuais adicionais no foco para links ou controlos identificados apenas por cor
Aplicabilidade
Texto a cores quando s a cor utilizada para transmitir informaes, tais como palavras que so links num pargrafo. Esta tcnica est relacionada com:
Descrio
A finalidade desta tcnica fornecer um sinal visual redundante para os utilizadores que podem no conseguir distinguir uma diferena na cor do texto. Normalmente, as cores so utilizadas para indicar palavras que so links num pargrafo ou noutro bloco de texto. Por exemplo, as palavras dispersas no texto podem ser links de hipertexto identificados apenas por uma cor diferente do texto circundante. Esta tcnica descreve uma forma de fornecer sinais de aviso adicionais no efeito hover e foco, de modo a que
os utilizadores que possam ter dificuldades em distinguir as cores ou tenham baixa viso as possam identificar. Com esta tcnica, pode ser utilizada uma diferena de luminescncia relativa (claridade) de 3:1 ou superior em relao ao texto circundante se a confirmao visual adicional estiver disponvel quando um utilizador apontar o link ou utilizar a tecla de tabulao para avanar at ao mesmo. Os realces visuais podem, por exemplo, assumir a forma de sublinhado, uma alterao no estilo do tipo de letra, tal como negrito ou itlico, ou um aumento no tamanho da letra. Embora a utilizao desta tcnica seja suficiente para cumprir este critrio de sucesso, no a tcnica preferida para distinguir o link. Isto deve-se ao facto de os links que utilizam apenas a luminescncia relativa da cor poderem no ser bvios para as pessoas que s vem a preto e branco. Se no existir um grande nmero de links no bloco de texto, recomendamos a utilizao do sublinhado para os links. Nota 1: Esta tcnica sobre a utilizao das cores para alm da luminosidade. Nesta tcnica, a relao de contraste refere-se ao contraste entre um link e as palavras circundantes. Nos Critrios de Sucesso 1.4.3 e 1.4.6, a relao de contraste refere-se ao contraste entre uma palavra e o fundo. A diferena deve-se ao facto de esta tcnica ser sobre a capacidade de os utilizadores distinguirem a diferena (uma diferena visvel) entre diferentes blocos de texto, enquanto a relao de contraste utilizada nos Critrios de Sucesso 1.4.3 e 1.4.6 sobre a legibilidade do texto em relao ao fundo para pessoas com incapacidades de viso e de distino das cores. Nota 2: Se um autor pretender utilizar a parte sobre as cores desta tcnica (i.e., utilizar cores diferentes para as palavras em que as cores tm um contraste suficiente entre si) e tambm pretender estar em conformidade com o Critrio de Sucesso 1.4.3 (contraste das palavras com o fundo), podem ser utilizadas as seguintes cores (por ex., texto a preto num pargrafo num fundo a branco com os links apresentados numa das cores indicadas na lista abaixo). Nota 3: Se, a uma determinada altura, as tecnologias de apoio ou os browsers da Web fornecerem uma opo para sublinhar todos os links nas pginas Web, isto poderia ser utilizado em vez de um mecanismo de realce de links fornecido pelo autor.
Exemplos
Exemplo 1: Cores que fornecem um contraste de 3:1 com palavras a preto e um contraste de 4.5:1 com um fundo a branco Consulte Links com uma relao de contraste de 3:1 com o texto circundante Exemplo 2 Os links de hipertexto num documento esto a azul-claro (#3366CC) e o texto normal est a preto (#000000). Uma vez que o texto em azul suficientemente claro, tem um contraste de 3.9:1 com o texto circundante e pode ser identificado como sendo diferente do texto circundante por pessoas com todos os tipos de daltonismo, incluindo as pessoas que no distinguem nenhuma cor.
Recursos
Analisador de Contraste Aplicao (pgina em ingls) Analisador de Relao de Contraste - servio online (pgina em ingls) Analisador de Contraste de Cores - Extenso Firefox (pgina em ingls)

G14: Garantir que as informaes transmitidas atravs de cores diferentes esto tambm disponveis em texto G122: Incluir um sinal de aviso de texto sempre que forem utilizados sinais de aviso a cores
G145: Garantir uma relao de contraste de, no mnimo, 3:1 entre o texto (e imagens de texto) e o fundo por detrs do texto G182: Garantir que esto disponveis sinais de aviso visuais adicionais quando forem utilizadas cores de texto diferentes para transmitir informaes
Testes
Procedimento 1. Localize todas as ocorrncias em que s a cor utilizada para transmitir informaes sobre o texto. 2. Verifique se a luminescncia relativa da cor do texto difere da luminescncia relativa do texto circundante mediante uma relao de contraste de, no mnimo, 3:1. 3. Verifique se apontar (com o ponteiro do rato) para o link provoca um melhoramento visual (tal como, um sublinhado, alterao do tipo de letra, etc.) 4. Verifique se mover o foco do teclado para o link provoca um melhoramento visual (tal como, um sublinhado, alterao do tipo de letra, etc.) Resultados Esperados Os passos 2, 3 e 4 so verdadeiros.
G184: Fornecer instrues em texto no incio de um formulrio ou conjunto de campos que descrevem a entrada de dados necessria
Aplicabilidade
Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) Critrio de Sucesso 3.3.5 (Ajuda) o Como Cumprir o 3.3.5 (Ajuda) o Noes sobre o Critrio de Sucesso 3.3.5 (Ajuda)
Descrio
O objectivo desta tcnica ajudar o utilizador a evitar erros de entrada, informando-o antecipadamente sobre as restries de formato de dados que tem de introduzir. As instrues sobre essas restries so fornecidas no incio dos formulrios. Esta tcnica resulta melhor para formulrios com poucos campos, ou para os formulrios que tenham muitos campos que exijam dados no mesmo formato. Nestes casos, mais eficaz descrever o formato uma vez nas instrues no incio do formulrio, em vez de repetir a mesma informao para cada campo que tenha o mesmo requisito de formato restrito.
Exemplos
Exemplo 1 Um stio da Web de negcios permite aos utilizadores enviar descries de empregos que tiverem. O formulrio para reunir as informaes inclui campos para o nome da empresa, cargo, datas de incio e de fim e descrio da funo. No incio do formulrio encontram-se as seguintes instrues:
Introduza as informaes solicitadas sobre o cargo que pretende adicionar ao seu perfil. As datas devem ser introduzidas no formato mm/dd/aaaa.
Exemplo 2 Um directrio empresarial permite aos utilizadores personalizar as informaes, tais como o nmero de telefone e responsabilidades da funo, editando o seu perfil. No incio do formulrio encontram-se as seguintes instrues:
Pode modificar as informaes em qualquer um dos campos. Depois de seleccionar Concluir, as alteraes sero guardadas e ter a oportunidade de publicar o seu perfil. Se decidir que no pretende manter as alteraes, seleccione o boto Cancelar. No pode editar as informaes que so apresentadas como texto do sistema no seu perfil (i.e., no includas num campo). Estas informaes foram obtidas a partir dos recursos humanos de uma empresa. Se encontrar alguma informao incorrecta ou desactualizada que no consiga editar, seleccione o cone de ajuda junto s informaes para descobrir como corrigi-las. Os nmeros de telefone s podem incluir nmeros e travesses (-). Os campos obrigatrios esto assinalados com um asterisco (*) e tm de ser preenchidos para concluir o formulrio.
G89: Fornecer o exemplo e o formato de dados esperados
Testes
Procedimento 1. Identifique controlos de formulrio que s iro aceitar dados introduzidos pelo utilizador num determinado formato. 2. Verifique se so fornecidas instrues no incio do formulrio sobre o formato esperado para cada um dos controlos de formulrio identificados no passo 1. Resultados Esperados O passo 2 verdadeiro.
G185: Aceder, atravs de um link, a todas as outras pginas do stio da Web a partir da pgina inicial
Aplicabilidade
Descrio
O objectivo desta tcnica tornar possvel aos utilizadores a localizao de todas as informaes num stio da Web de pequenas dimenses, fornecendo links para todas as pginas Web a partir da pgina inicial. Se o nmero de pginas do stio da Web for pequeno o suficiente, a pgina inicial pode incluir
directamente informaes sobre o mapa do stio da Web. As restantes pginas do stio da Web incluem links para a pgina inicial. Desta forma, a pgina inicial funciona como dois mecanismo num s. Fornece a navegao normal para as pginas e igualmente um mapa do stio da Web. Todas as pginas do stio da Web podem incluir links para todas as restantes pginas, e esses conjuntos de links cumprem o Critrio de Sucesso 3.2.3 (Navegao Consistente).
Exemplos
Um pequeno stio da Web comercial de um consultor contm uma pgina inicial, uma pgina
Contactos para contactar o consultor, uma pgina a descrever a formao do consultor e uma pgina com exemplos do trabalho do consultor. Cada pgina contm uma barra de navegao que conduz a todas as restantes pginas existentes no stio da Web.

G61: Apresentar componentes repetidos pela mesma ordem relativa sempre que so apresentados G63: Fornecer um mapa do stio da Web G64: Fornecer um ndice G125: Fornecer links para navegar para pginas Web relacionadas G126: Fornecer uma lista de links para todas as outras pginas Web
Testes
Procedimento 1. Verifique se a pgina inicial inclui links para todas as restantes pginas do stio da Web. 2. Verifique se todas as restantes pginas do stio da Web incluem links para a pgina inicial. Resultados Esperados Todos os passos acima so verdadeiros.
G186: Utilizar um controlo na pgina Web que pra o contedo em movimento, em modo intermitente ou em actualizao automtica
Aplicabilidade
Descrio
O objectivo desta tcnica fornecer ao utilizador um controlo que lhe permita parar o contedo em movimento ou em modo intermitente. Uma vez que o controlo se encontra na pgina Web, o prprio controlo cumpre o nvel apropriado de conformidade com as WCAG, por ex., tem um contraste
apropriado, um nome que o identifica e acessvel por teclado. O controlo encontra-se no topo da pgina ou est adjacente ao contedo em movimento. Um nico controlo pode parar todo o contedo em movimento ou em modo intermitente existente na pgina, ou podem existir controlos separados para partes individuais do contedo.
Exemplos
Exemplo 1: Ticker Tape da Bolsa de Valores Uma pgina Web apresenta os resultados mais recentes da bolsa de valores numa "ticker tape" (fita registadora) que se desloca automaticamente ao longo da parte inferior do ecr. Um boto "Colocar em Pausa" permite ao utilizador parar a ticker tape. Quando a ticker tape retirada da pausa, retoma a apresentao das informaes actuais sobre a bolsa de valores. Exemplo 2: Ferramenta de Teleconferncia Uma pgina Web de teleconferncia apresenta uma fila de pessoas que pretendem falar. Uma caixa de verificao na pgina permite ao utilizador escolher se a apresentao da fila deve ser actualizada automaticamente quando adicionada ou removida uma pessoa, ou se s deve ser actualizada quando o utilizador pressiona o boto "Actualizar". Quando a fila est a ser actualizada automaticamente, o boto Actualizar est desactivado.

G4: Permitir que o contedo seja colocado em pausa e reiniciado a partir do preciso momento em que foi colocado em pausa G191: Fornecer um link, um boto ou outro mecanismo que recarregue a pgina sem qualquer contedo em modo intermitente SCR22: Utilizar scripts para controlar o modo intermitente e par-lo em cinco segundos ou menos
Testes
Procedimento 1. Verifique se existe um controlo na pgina Web para parar o movimento. 2. Active o controlo. 3. Verifique se o movimento, o modo intermitente ou a actualizao automtica pararam. Resultados Esperados Os passos 1 e 3 so verdadeiros.
G187: Utilizar uma tecnologia para incluir contedo em modo intermitente que possa ser desactivado atravs do agente de utilizador
Aplicabilidade
Descrio
O objectivo desta tcnica garantir que o contedo em modo intermitente pode ser desactivado utilizando funcionalidades do agente de utilizador. Os agentes de utilizador permitem ao utilizador parar a animao do contedo em determinadas tecnologias. Quando o utilizador activa esta funcionalidade, toda a animao, incluindo a que est em modo intermitente, parada. A forma mais comum para os utilizadores pararem a animao pressionar a tecla "escape". Desde que no existam processos que sejam prioritrios na fila de eventos ao pressionar essa tecla, ela funciona como um comando para parar a animao do contedo em movimento ou em modo intermitente. As tecnologias nas quais esta tcnica costuma funcionar incluem:
Graphics Interchange Format (GIF) Animated Portable Network Graphics (APNG)
Exemplos
Uma pgina inclui uma faixa em modo intermitente com o objectivo de chamar a ateno dos
utilizadores para a mesma. A faixa uma imagem gif animada que se repete indefinidamente. O utilizador pressiona a tecla "escape", fazendo com que o agente de utilizador pare a animao de todas as imagens gif animadas existentes na pgina.
Testes
Procedimento 1. Carregue uma pgina que inclua contedo em modo intermitente. 2. Active o comando do browser para parar a animao (normalmente, a tecla Escape). 3. Certifique-se de que o modo intermitente pra. Resultados Esperados O passo 3 verdadeiro.
G188: Fornecer um boto na pgina para aumentar o espaamento entre linhas e entre pargrafos
Aplicabilidade
Descrio
Muitas pessoas com incapacidades cognitivas tm dificuldade em ler texto com espaamento simples. Um boto que aumente a altura da linha ir ajud-las a ler o contedo. Para manter a separao dos pargrafos, o espao entre eles tambm deve aumentar, de modo a ser, no mnimo, 1,5 vezes to alto como o espaamento entre as linhas.
Nota: Esta tcnica pode ser utilizada em conjunto com uma tcnica de mudana de estilo para apresentar uma pgina que seja uma verso alternativa em conformidade para contedo que no esteja em conformidade. Para mais informaes, consulte C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade (CSS) e Noes sobre Verses Alternativas em Conformidade .
Exemplos
Exemplo 1 Utilize a mudana normal de folhas de estilo ou inclua um boto ou link na pgina que mude a folha de estilo. A nova folha de estilo inclui uma rgua para aumentar a altura da linha e uma categoria para aumentar o espaamento entre pargrafos.
Cdigo Exemplo: p {line-height: 150%; margin-bottom: 2em;}
Recursos
Desenvolver stios da Web para utilizadores com incapacidades cognitivas e dificuldades de aprendizagem
(pgina em ingls)

C21: Especificar o espaamento entre linhas em CSS C22: Utilizar CSS para controlar a apresentao visual do texto C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade
Testes
Procedimento 1. Verifique se existe um boto ou um link na pgina que aumentem a altura da linha e o espaamento entre pargrafos e que estejam identificados como tal. 2. Active o boto ou o link. 3. Verifique se a funcionalidade aumenta a altura da linha e o espaamento entre pargrafos. 4. Verifique se o aumento do espaamento entre pargrafos , no mnimo, 1,5 vezes superior ao espaamento entre linhas. Resultados Esperados Os passos 1, 3 e 4 so verdadeiros.
G189: Fornecer um controlo junto do incio da pgina Web que altere o texto do link
Aplicabilidade
Critrio de Sucesso 2.4.4 (Finalidade do Link (Em Contexto)) o Como Cumprir o 2.4.4 (Finalidade do Link (Em Contexto)) o Noes sobre o Critrio de Sucesso 2.4.4 (Finalidade do Link (Em Contexto)) Critrio de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link)) o Como Cumprir o 2.4.9 (Finalidade do Link (Apenas o Link)) o Noes sobre o Critrio de Sucesso 2.4.9 (Finalidade do Link (Apenas o Link))
Descrio
O objectivo desta tcnica fornecer ao utilizador um controlo no incio da pgina que o conduza at uma verso alternativa em conformidade da pgina Web em que s o texto de cada link suficiente para determinar a sua finalidade fora de contexto. Alguns utilizadores preferem links que sejam independentes, em que no haja necessidade de explorar o contexto do link. Outros utilizadores consideram que incluir as informaes de contexto em cada link repetitivo e que reduz a sua capacidade de utilizar um stio da Web. Entre os utilizadores das tecnologias de apoio, a resposta ao grupo de trabalho sobre o que prefervel ficou dividida. Esta tcnica permite aos utilizadores escolher a abordagem que melhor satisfaa as suas necessidades. Os utilizadores que necessitam ou preferem um texto do link potencialmente extenso, mas completo, utilizam esta verso. Se o controlo para mudar para a verso alternativa for um link, a finalidade do controlo tem de ser sempre compreendida a partir do texto do link. Esta tcnica fornece a verso alternativa da visualizao actual da pgina. Tambm possvel, e em alguns casos aconselhvel, guardar esta preferncia num cookie ou perfil de utilizador do lado do servidor, de modo a que os utilizadores s tenham de efectuar a seleco uma vez por stio da Web e sejam automaticamente conduzidos sua verso preferida. Nota: Esta tcnica pode ser utilizada em conjunto com uma tcnica de mudana de estilo para apresentar uma pgina que seja uma verso alternativa em conformidade para contedo que no esteja em conformidade. Para mais informaes, consulte C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade (CSS) e Noes sobre Verses Alternativas em Conformidade .
Exemplos
Exemplo 1: Fornecer um Link para outra Verso Uma pgina Web apresenta livros para download em diferentes formatos. As verses alternativas da pgina Web utilizam apenas o formato do livro como o texto do link ou o ttulo do livro e o tipo de formato. Verso com texto do link abreviado:
Cdigo Exemplo: ... <h1>Books for download</h1> <p><a href="books-full-links.html" >Full link Version</a></p> <ul> <li>The History of the Web: <a href="history.docx" class="hist">Word</a>, <a href="history.pdf" class="hist">PDF</a>, <a href="history.html" class="hist">HTML</a> </li> ...
</ul>
Verso com texto do link completo:

Cdigo Exemplo: ... <h1>Books for download</h1> <p><a href="books-short-links.html" >Short link Version</a></p> <ul> <li>The History of the Web: <a href="history.docx" class="hist">The History of the Web(Word)</a>, <a href="history.pdf" class="hist">The History of the Web(PDF<)/a>, <a href="history.html" class="hist">The History of the Web(HTML)</a> </li> ... </ul>

G91: Fornecer texto de link que descreva a finalidade de um link H30: Fornecer texto de link que descreva a finalidade de um link para os elementos anchor H24: Fornecer alternativas em texto para os elementos area de mapas de imagens C7: Utilizar CSS para ocultar uma parte do texto do link SCR30: Utilizar scripts para alterar o texto do link G136: Fornecer um link no incio de uma pgina Web que no esteja em conformidade que aponte para uma verso alternativa em conformidade C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade
Testes
Procedimento 1. Verifique se existe um controlo no incio da pgina Web para alterar o texto do link. 2. Active o controlo. 3. Verifique se todos os links na pgina da Web resultante tm um texto que descreva a sua finalidade. Resultados Esperados Os passos 1 e 3 so verdadeiros.
G190: Fornecer um link adjacente ou associado a um objecto que no esteja em conformidade para aceder a uma verso alternativa em conformidade
Aplicabilidade
Requisito de Conformidade 1 (Nvel de Conformidade)
Descrio
recomendado que todos os objectos numa pgina estejam em conformidade, mas existem determinadas circunstncias em que tal pode no ser possvel. Podem existir situaes em que um objecto ou uma seco de contedo se destinem a pessoas com determinadas incapacidades, e que esses mesmos atributos os tornem inacessveis a outras pessoas. Tambm podem existir outras razes para no ter um objecto em conformidade numa pgina Web. Quando um objecto no est em conformidade, existe um link para uma verso alternativa em conformidade junto ao objecto que no est em conformidade, na ordem de leitura linear, ou um link associado ao contedo que no est em conformidade. A verso alternativa em conformidade transmite as mesmas informaes da verso que no est em conformidade.
Exemplos
Exemplo 1: Um vdeo de uma msica rap, em que as udio-descries interferem com a integridade artstica da msica Um vdeo de uma msica rap intitulada "The Hip Hop Kid" tem um cenrio musical. A introduo das partes faladas da "udio-Descrio" durante as pausas na msica interfere com as linhas de guitarra e os sons de bateria que o artista est a tentar transmitir. Na pgina Web, imediatamente a seguir ao tema do vdeo, existe um link que indica: "Verso udio-descrio de 'The hip hop kid'" que inclui uma verso do vdeo com udio-descries do que acontece visualmente no vdeo. Exemplo 2: Uma imagem de um documento histrico Uma pgina Web sobre a Declarao da Independncia inclui uma imagem do documento. No existe contraste suficiente entre o texto e o fundo, e a caligrafia do documento difcil de ler. Um link conduz o utilizador a uma verso HTML do documento. Exemplo 3: Uma animao que no suportada por acessibilidade Uma animao interactiva criada utilizando uma tecnologia Web que no suportada por acessibilidade apresentada numa pgina Web. Existe um link para uma verso alternativa em conformidade da animao junto ao contedo que no est em conformidade.
G136: Fornecer um link no incio de uma pgina Web que no esteja em conformidade que aponte para uma verso alternativa em conformidade
Testes
Procedimento Para cada objecto que no esteja em conformidade numa pgina: 1. Certifique-se de que existe um objecto que no esteja em conformidade na pgina Web. 2. Certifique-se de que existe um link para uma verso em conformidade identificvel do objecto imediatamente a seguir ao objecto que no est em conformidade na ordem de leitura linear. 3. Certifique-se de que o link conduz a uma verso em conformidade. Resultados Esperados Os passos 2 e 3 so verdadeiros.
G191: Fornecer um link, um boto ou outro mecanismo que recarregue a pgina sem qualquer contedo em modo intermitente
Aplicabilidade
Esta tcnica est relacionada com todas as tecnologias. Esta tcnica est relacionada com:
Descrio
Esta uma tcnica geral para permitir que as pessoas que no conseguem utilizar uma pgina com contedo em modo intermitente possam desactiv-lo. O Requisito de Conformidade 1 permite que sejam utilizadas pginas alternativas em conformidade para cumprir o requisito de conformidade. Esta tcnica um exemplo dessa abordagem aplicada ao Critrio de Sucesso 2.2.2. importante que a pgina sem contedo em modo intermitente inclua todas as informaes que estavam na pgina com contedo em modo intermitente. Nota 1: Remover o contedo em modo intermitente da pgina s seria satisfatrio se o contedo em modo intermitente fosse redundante com o contedo sem estar em modo intermitente da pgina original. Nota 2: Esta tcnica pode ser utilizada em conjunto com uma tcnica de mudana de estilo para apresentar uma pgina que seja uma verso alternativa em conformidade para contedo que no esteja em conformidade. Para mais informaes, consulte C29: Utilizar um comutador de estilo para fornecer uma verso alternativa em conformidade (CSS) e Noes sobre Verses Alternativas em Conformidade .
Exemplos
Uma pgina inclui texto em modo intermitente no incio para avisar os utilizadores que no devem
submeter a pgina sem se registarem primeiro. Um link no topo da pgina recarrega a pgina com o texto em modo intermitente substitudo por texto concebido para ser de alta visibilidade, mas sem estar em modo intermitente.

G4: Permitir que o contedo seja colocado em pausa e reiniciado a partir do preciso momento em que foi colocado em pausa G11: Criar contedo que fica em modo intermitente durante menos de 5 segundos G152: Definir imagens gif animadas para deixar de estar em modo intermitente aps n ciclos (em menos de 5 segundos) G186: Utilizar um controlo na pgina Web que pra o contedo em movimento, em modo intermitente ou em actualizao automtica G187: Utilizar uma tecnologia para incluir contedo em modo intermitente que possa ser desactivado atravs do agente de utilizador SCR22: Utilizar scripts para controlar o modo intermitente e par-lo em cinco segundos ou menos SCR33: Utilizar o script para deslocar o contedo e fornecer um mecanismo para coloc-lo em pausa
Testes
Procedimento 1. Verifique se existe um mecanismo para recarregar a pgina para desactivar o modo intermitente. 2. Verifique se a pgina recarregada no est em modo intermitente. 3. Verifique se a pgina recarregada tem todas as informaes e funcionalidade da pgina original. Resultados Esperados Todos os passos acima so verdadeiros.
G192: Estar em conformidade total com as especificaes

Aplicabilidade
Esta tcnica est relacionada com todas as linguagens de marcao com especificaes. Esta tcnica est relacionada com:
Critrio de Sucesso 4.1.1 (Anlise) o Como Cumprir o 4.1.1 (Anlise) o Noes sobre o Critrio de Sucesso 4.1.1 (Anlise)
Descrio
Quando as linguagens de marcao so utilizadas de uma forma totalmente em conformidade com as suas especificaes, so cumpridos todos os requisitos indicados no Critrio de Sucesso 4.1.1. Por conseguinte, apesar de a conformidade total com as especificaes no ser obrigatria para a conformidade com as WCAG 2.0, uma prtica recomendada e considerada de tipo suficiente para cumprir o Critrio de Sucesso 4.1.1.
Exemplos
Uma pgina criada cuidadosamente para garantir que todas as tecnologias so utilizadas de
acordo com a especificao. efectuada uma validao e todos os erros identificados so corrigidos. Os requisitos da especificao que no possam ser identificados atravs da validao so igualmente verificados e todas as falhas so corrigidas.

G134: Validar pginas Web H74: Garantir que as marcas de abertura e de fecho sejam utilizadas de acordo com as especificaes H75: Garantir que as pginas Web sejam correctamente formadas H88: Utilizar HTML de acordo com as especificaes
Testes
Procedimento 1. Verifique se todas as tecnologias so utilizadas de acordo com a especificao. Nota: Embora as validaes possam ser ptimas ferramentas para detectar erros, normalmente no conseguem detectar todos os casos em que o contedo falha na conformidade total com uma especificao.
G193: Fornecer ajuda por intermdio de um assistente na pgina Web

Aplicabilidade
Critrio de Sucesso 3.3.5 (Ajuda) o Como Cumprir o 3.3.5 (Ajuda) o Noes sobre o Critrio de Sucesso 3.3.5 (Ajuda)
Descrio
A finalidade desta tcnica fornecer ajuda utilizando um avatar de multimdia que fornece assistncia na utilizao da pgina Web. Um avatar pode ser particularmente til para pessoas com incapacidades cognitivas que possam ter dificuldades em ler texto. A utilizao de suportes visuais ir ajudar algumas pessoas a focarem-se no contedo apresentado. Nota: O avatar de multimdia tambm tem de cumprir o importante Critrio de Sucesso na Directriz 1.2.
Exemplos
A pgina inicial de uma aplicao bancria online tem um avatar incorporado denominado Vanna,
que fornece aos novos clientes online uma visita pelas funcionalidades da aplicao. O assistente pode ser iniciado, parado ou colocado em pausa. O cliente pode retroceder e avanar no contedo. Est disponvel uma alternativa em texto das informaes a partir de um link junto ao avatar. Um stio da Web de voluntariado tem uma pgina de boas-vindas para novos voluntrios, que inclui um formulrio de inscrio. No lado direito da pgina, existe um ficheiro multimdia interactivo com um avatar que explica todas as funcionalidades e seces do formulrio de inscrio.

G71: Fornecer um link de ajuda em todas as pginas Web G103: Fornecer ilustraes visuais, imagens e smbolos para ajudar a explicar ideias, eventos e processos H89: Utilizar o atributo title para fornecer ajuda contextualizada
Testes
Procedimento 1. Verifique se existe um assistente na pgina Web. 2. Verifique se o assistente fornece informaes para ajudar a compreender o contedo da pgina. Resultados Esperados Todos os passos acima so verdadeiros.
G194: Fornecer a verificao ortogrfica e sugestes para entrada de texto

Aplicabilidade
Critrio de Sucesso 3.3.5 (Ajuda) o Como Cumprir o 3.3.5 (Ajuda) o Noes sobre o Critrio de Sucesso 3.3.5 (Ajuda)
Descrio
Nesta tcnica, so fornecidas a verificao ortogrfica e as sugestes de palavras. frequente as pessoas com incapacidades cognitivas terem dificuldade em escrever uma palavra, mas podem ser capazes de a escrever quase correctamente. Um programa de verificao ortogrfica ir poupar-lhes o tempo que despenderiam a procurar a forma correcta de escrever a palavra. Isto tambm ser til para pessoas cegas ou com baixa viso que possam enganar-se a escrever. Tambm ajudar pessoas com incapacidades de destreza que possam utilizar um ponteiro de cabea, ou ter um software de digitalizao que torne a escrita muito lenta e difcil. Uma soluo de verificao ortogrfica que fornece sugestes de palavras e um mecanismo simples para seleccionar uma e introduzi-la no campo de entrada de dados fornece uma importante ajuda a estes utilizadores e outros.
Exemplos
Um motor de busca tem um campo de formulrio para procurar termos. Quando o formulrio
submetido, uma aplicao do lado do servidor verifica a ortografia. Se a verificao ortogrfica no encontrar palavras correspondentes para esse idioma, devolve uma pgina com uma mensagem de texto no topo a indicar "Pretendia dizer..." com um link para a palavra sugerida. Se o utilizador clicar no link, o termo sugerido introduzido no campo de formulrio e novamente submetido. Uma companhia area tem uma aplicao de compra de bilhetes online. Quando um utilizador introduz o nome de uma cidade no campo de formulrio, apresentado um menu pendente que mostra a correspondncia mais prxima do nome da cidade na parte superior do menu e outras sugestes abaixo.

G71: Fornecer um link de ajuda em todas as pginas Web G103: Fornecer ilustraes visuais, imagens e smbolos para ajudar a explicar ideias, eventos e processos G120: Fornecer a pronncia imediatamente a seguir palavra G121: Aceder s pronncias atravs de um link H89: Utilizar o atributo title para fornecer ajuda contextualizada
Testes
Procedimento 1. Verifique se existe um campo de formulrio na pgina. 2. Introduza uma palavra mal escrita. 3. Verifique se apresentada uma sugesto de ortografia. 4. Verifique se existe um mecanismo disponvel para introduzir a palavra sugerida no formulrio.
Resultados Esperados Os passos 3 e 4 so verdadeiros.
G195: Utilizar um indicador de foco de alta visibilidade fornecido pelo autor

Aplicabilidade
Aplicvel em geral. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica melhorar o indicador do foco no browser, criando um de alta visibilidade no contedo. Em muitos browsers, o indicador de foco predefinido uma linha preta, fina e tracejada. Pode ser difcil ver a linha quando est volta de um elemento de formulrio que j tem contorno, quando o elemento que recebe o foco se encontra dentro da clula de uma tabela, quando o elemento que recebe o foco muito pequeno ou quando o fundo da pgina tem uma cor escura. Nesta tcnica, quando o utilizador coloca o foco sobre um elemento, utilizando o rato, a tecla de tabulao, as teclas de cursor, os atalhos de teclado ou qualquer outro mtodo, a aplicao torna o foco mais visvel, utilizando uma combinao de uma cor de alto contraste, um linha fina e outros indicadores visuais, tais como o brilho.
Exemplos
Exemplo 1: Links Uma pgina Web tem um fundo com uma cor escura e o texto e os links com uma cor clara. Quando o foco colocado sobre um link, este realado com uma linha em amarelo vivo, com 3 pixis. Exemplo 2: Elementos de Formulrio Uma pgina Web inclui um formulrio dentro de uma tabela. Os limites da tabela e dos elementos de formulrio so linhas pretas e finas. Quando o foco colocado sobre um elemento de formulrio, o elemento realado com uma linha vermelha de 5 pixis que parcialmente transparente. Exemplo 3: Menus Uma pgina Web inclui um menu interactivo com submenus. Um utilizador pode mover o foco no menu utilizando as teclas de cursor. medida que o foco se move, o item de menu actualmente com o foco muda o fundo para uma cor diferente, com uma relao de contraste de 3:1 com os itens circundantes e uma relao de contraste de 4.5:1 com o seu prprio texto.
G149: Utilizar componentes de interface de utilizador que so realados pelo agente de utilizador quando recebem o foco
G165: Utilizar o indicador de foco predefinido para a plataforma para que os indicadores de foco predefinidos de alta visibilidade se mantenham C15: Utilizar CSS para alterar a apresentao de um componente de interface de utilizador quando este recebe o foco SCR31: Utilizar script para alterar a cor de fundo ou o limite do elemento que recebe o foco
Testes
Procedimento 1. Utilizando o rato, coloque o foco em cada elemento da interface de utilizador que pode receber foco existente na pgina. 2. Verifique se existe um indicador de foco de alta visibilidade. 3. Utilizando o teclado, coloque o foco em cada elemento da interface de utilizador que pode receber foco existente na pgina. 4. Verifique se existe um indicador de foco de alta visibilidade. Resultados Esperados Os passos 2 e 4 so verdadeiros.
G196: Utilizar uma alternativa em texto num item de um grupo de imagens que descreva todos os itens do grupo
Aplicabilidade
Qualquer tecnologia onde seja utilizado um agrupamento de contedo no textual para apresentar as informaes ou a funcionalidade. Esta tcnica est relacionada com:
Descrio
O objectivo desta tcnica evitar a duplicao desnecessria que ocorre quando utilizado um agrupamento de contedo no textual adjacente para apresentar as informaes ou a funcionalidade. Em alguns casos, as pginas iro apresentar um grupo de imagens para transmitir as informaes. Quando apresentados em conjunto ou numa combinao especfica, estes agrupamentos podem transmitir diferentes tipos de informao. Por exemplo, duas imagens de uma estrela, em que uma apresentada a preto e branco e a outra a cores, podem ser utilizadas em conjunto para representar a classificao de um utilizador. Por exemplo, trs estrelas preenchidas seguidas por duas estrelas no preenchidas podem representar uma classificao de trs em cinco estrelas. Para utilizar esta tcnica, um autor fornece uma alternativa em texto que serve a mesma finalidade para todo o grupo e associa-a a um item do grupo. Em seguida, os restantes itens do grupo so assinalados de modo a poderem ser ignorados pelas tecnologias de apoio. Desta forma, o utilizador pode identificar de forma mais eficaz a finalidade do grupo e evitar a possvel duplicao ou confuso no caso de ter sido fornecida uma alternativa em texto para cada item do grupo.
Exemplos
Exemplo 1: Um sistema de classificao em HTML No exemplo seguinte, apresentada uma classificao de trs estrelas preenchidas e duas estrelas no preenchidas. Embora fosse possvel fornecer uma alternativa em texto para cada uma das cinco imagens, o autor optou por fornecer a classificao na forma de "3 em 5 estrelas" para a primeira imagem e assinalou as restantes utilizando texto alt nulo.
Cdigo Exemplo: <p>Rating: <img src="star1" <img src="star1" <img src="star1" <img src="star2" <img src="star2" </p>
alt="3 out of 5 stars"> alt=""> alt=""> alt=""> alt="">
Exemplo 2: Um boto criado a partir de um grupo de imagens em XHTML Neste exemplo, cada boto tem um conjunto de imagens para indicar o nvel de conformidade com as WCAG exigido. Esta abordagem permite que as tecnologias de apoio evitem indicaes do tipo: "Imagem A, Imagem A, Imagem A", etc.
Cdigo Exemplo: <p>Conformance Level:</p> <button name="A"><img src="a.png" alt="A" /></button> <br /> <button name="AA"><img src="a.png" alt="AA" /><img src="a.png" alt="" /></button> <br /> <button name="AAA"><img src="a.png" alt="AAA" /><img src="a.png" alt="" /><img src="a.png" alt="" /></button>

G94: Fornecer a alternativa em texto abreviado para contedo no textual que serve a mesma finalidade e apresenta as mesmas informaes do contedo no textual H2: Combinar a imagem adjacente e os links de texto para o mesmo recurso H67: Utilizar texto alt nulo e nenhum atributo title em elementos img para imagens que a TA deve ignorar
Testes
Procedimento 1. Verifique se um item no grupo inclui uma alternativa em texto que sirva a mesma finalidade para todo o grupo. 2. Verifique se os restantes itens no grupo esto assinalados de forma a poderem ser ignorados pelas tecnologias de apoio. 3. Verifique se os itens assinalados de forma a poderem ser ignorados pelas tecnologias de apoio esto adjacentes ao item que contm a alternativa em texto para o grupo. Resultados Esperados Todos os passos acima so verdadeiros.
G197: Utilizar etiquetas, nomes e alternativas em texto de forma consistente para contedo que tenha a mesma funcionalidade
Aplicabilidade
Todo o contedo. Esta tcnica est relacionada com:
Critrio de Sucesso 3.2.4 (Identificao Consistente) o Como Cumprir o 3.2.4 (Identificao Consistente) o Noes sobre o Critrio de Sucesso 3.2.4 (Identificao Consistente)
Descrio
A finalidade desta tcnica ajudar os utilizadores com incapacidades cognitivas, cegueira ou perda de viso a compreender o que acontece quando interagem com uma funo numa pgina Web. Se existirem etiquetas diferentes nos componentes da interface de utilizador (i.e., elementos, links, objectos JavaScript objects, etc.) que tenham a mesma funo, o utilizador no ir saber que encontrou um componente com a mesma funo nem o que poder esperar. Isto pode originar vrios erros desnecessrios. igualmente recomendado que esta abordagem a uma colocao de etiquetas consistente seja aplicada em todo o stio da Web.
Exemplos
Uma pgina Web tem um campo de formulrio no topo intitulado "Procura". Na parte inferior da
pgina existe outro campo de formulrio que fornece a mesma funo e tambm est identificado como "Procura". Uma imagem de um ponto de interrogao utilizada para conduzir os utilizadores para seces da pgina que fornecem informaes adicionais. Sempre que a imagem do ponto de interrogao aparece, tem a mesma alternativa em texto "mais informaes". Um link para a pgina Contacte-nos de um stio da Web tem o texto "Contacto". Na parte inferior da pgina existe um link que tambm conduz at pgina Contacte-nos e inclui igualmente o texto "Contacto".

H44: Utilizar elementos label para associar etiquetas de texto a controlos de formulrio H65: Utilizar o atributo title para identificar controlos de formulrio quando o elemento label no puder ser utilizado
Testes
Procedimento 1. Verifique se cada componente est associado a texto que o identifique (i.e., etiqueta, nome ou alternativa em texto). 2. Verifique se este texto associado idntico para cada componente da interface de utilizador com a mesma funo. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G198: Fornecer uma forma para o utilizador desactivar o limite de tempo

Aplicabilidade
Descrio
O objectivo desta tcnica fornecer um mecanismo para as pessoas que no conseguem executar tarefas num determinado limite de tempo o poderem desactivar. essencial que o mecanismo para desactivar o limite de tempo possa ser executado sem um limite de tempo e antes de a pgina expirar. Para tal, o mecanismo deve estar disponvel no topo da pgina, ou prximo do mesmo, de modo a poder ser encontrado e activado rapidamente por pessoas que tenham vrias incapacidades.
Exemplos
Uma pgina tem uma lista de cabealhos de notcias que automaticamente actualizada a cada
minuto. No topo da pgina existe um link que desactiva a actualizao.

G133: Fornecer uma caixa de verificao na primeira pgina de um formulrio de vrias partes, que permite aos utilizadores solicitar um limite de tempo de sesso maior ou nenhum limite de tempo de sesso G180: Fornecer um meio ao utilizador para definir o limite de tempo para 10 vezes superior ao limite de tempo predefinido SCR16: Fornecer um script que avise o utilizador que um limite de tempo est prestes a expirar G4: Permitir que o contedo seja colocado em pausa e reiniciado a partir do preciso momento em que foi colocado em pausa SCR33: Utilizar o script para deslocar o contedo e fornecer um mecanismo para coloc-lo em pausa SCR36: Fornecer um mecanismo para permitir aos utilizadores apresentar texto em movimento, em deslocamento ou em actualizao automtica numa janela ou rea estticas
Testes
Procedimento 1. Verifique se existe um mecanismo para desactivar todos os limites de tempo no topo da pgina. 2. Verifique se o tempo limite para a pgina suficientemente longo para um utilizador poder navegar facilmente at ao mecanismo, mesmo que seja 10 vezes mais lento do que a maioria dos utilizadores. Resultados Esperados Os passos 1 e 2 so verdadeiros.
G199: Fornecer uma resposta positiva quando os dados forem submetidos com xito
Aplicabilidade
Contedo que aceite entrada de dados por parte do utilizador. Esta tcnica est relacionada com:
Critrio de Sucesso 3.3.1 (Identificao do Erro) o Como Cumprir o 3.3.1 (Identificao do Erro) o Noes sobre o Critrio de Sucesso 3.3.1 (Identificao do Erro) Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) o Como Cumprir o 3.3.2 (Etiquetas ou Instrues) o Noes sobre o Critrio de Sucesso 3.3.2 (Etiquetas ou Instrues) Critrio de Sucesso 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) o Como Cumprir o 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) o Noes sobre o Critrio de Sucesso 3.3.4 (Preveno de Erros (Legal, Financeiro, Dados)) Critrio de Sucesso 3.3.6 (Preveno de Erros (Todos)) o Como Cumprir o 3.3.6 (Preveno de Erros (Todos)) o Noes sobre o Critrio de Sucesso 3.3.6 (Preveno de Erros (Todos))
Descrio
O objectivo desta tcnica reduzir o esforo exigido aos utilizadores para confirmarem se uma aco, tal como submeter um formulrio da Web, foi concluda com xito. Isto pode ser conseguido fornecendo regularmente uma mensagem a indicar explicitamente o xito de uma aco, em vez de exigir que um utilizador navegue no contedo para descobrir se a aco foi concluda com xito. Os utilizadores que no conseguem pesquisar as informaes para confirmar a sua aco (por ex., se os dados submetidos foram introduzidos com xito numa base de dados, enviados a uma pessoa, ou adicionados a contedo que est a ser editado) podem despender de um esforo significativo.
Exemplos
Um utilizador inicia sesso num sistema e recebe uma mensagem a informar: "Iniciou sesso com
xito". Desta forma, o utilizador no necessita de navegar no ecr para encontrar uma indicao de que tem sesso iniciada, tal como encontrar o seu nome de utilizador, ou talvez o link de iniciar sesso substitudo por um link de terminar sesso. Encontrar estes sinais de aviso pode ser moroso. Um utilizador preenche um questionrio ou teste e submete-o. apresentada uma mensagem a informar que o teste foi submetido com xito, para que o utilizador no necessite de navegar nos dados, tal como uma lista de testes submetidos, para confirmar se o seu teste indicado. Um visitante cria uma conta num stio da Web. Aps a submisso do formulrio, surge uma mensagem a informar: "O registo foi submetido com xito...". Se o incio de sesso do utilizador for efectuado automaticamente aps o registo, a mensagem tambm informa: "... e a sesso foi iniciada". Se for necessria confirmao, a mensagem informa: "... foi-lhe enviado um e-mail ao qual ter de responder para confirmar o registo". Um utilizador submete um formulrio com informaes dirigidas equipa de suporte. apresentada a mensagem "A mensagem foi enviada com xito e dever receber uma resposta nas prximas 48 horas".
Testes
Procedimento 1. Preencha os campos do formulrio sem erros. 2. Submeta o formulrio. 3. Verifique se apresentada uma mensagem no ecr a confirmar que a submisso foi efectuada com xito. Resultados Esperados O passo 3 verdadeiro.
Esta pgina Web parte integrante do Tcnicas e Falhas para as Directrizes de Acessibilidade para o Contedo da Web 2.0. A totalidade do documento encontra-se tambm disponvel num nico ficheiro HTML. Veja Os Documentos das WCAG 2.0 para uma explanao sobre como o presente documento se articula com os diversos documentos da verso 2.0 das Directrizes de Acessibilidade para o Contedo da Web (WCAG). Copyright 2008 W3C (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply.

Tcnicas para As Wcag 2

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Tcnicas para As Wcag 2

Загружено:

Авторское право:

Доступные форматы

Tcnicas para as WCAG 2.

Tcnicas Gerais para as WCAG 2.0

podem despender do tempo que necessitam para o completar.

jogar, em vez de completarem a jogada num perodo de tempo limitado.

G8: Fornecer um filme com udio-descries alargadas

G9: Criar legendas para multimdia sincronizada em directo

legendas para os seus servios de notcias online.

H91: Utilizar links e controlos de formulrio em HTML

utilizador que provoca a alterao do contexto ao alterar a definio.

G80: Fornecer um boto Submeter para iniciar uma alterao de contexto

Esta tcnica est relacionada com:

Uma animao de uma tempestade acompanhada de trovoada apresenta seis clares de

Analysis Tool) (pgina em ingls)

com o logtipo da empresa.

O caracter "^" o operador de exponenciao.

com o logtipo da empresa.

tenham apenas dois ou trs flashes sem qualquer pausa.

Analysis Tool) (pgina em ingls)

G21: Garantir que os utilizadores no ficam bloqueados no contedo

tabulao) sai da subseco do contedo ao chegar ao local de destino.

Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

G54: Incluir um intrprete de lngua gestual na sequncia de vdeo

G55: Aceder s definies atravs de um link

Resultados Esperados As verificaes 1 e 2 so verdadeiras.

G57: Ordenar o contedo numa sequncia com significao

<p><a href="http://www.example.com/movies/olympic_wrestling.mov">Olympic Wrestling movie</a>, <a href="http://www.example.com/transcripts/olympic_wrestling_transcript.htm>Olymp ic Wrestling collated Transcript</a></p>

SCR37: Criar Caixas de Dilogo Personalizadas de uma Forma Independente do Dispositivo

G60: Tocar um som que desliga automaticamente em menos de trs segundos

negcio." e, em seguida, fica em silncio.

G62: Fornecer um glossrio

G63: Fornecer um mapa do stio da Web

G64: Fornecer um ndice

G65: Fornecer um trilho de navegao

Esta tcnica est relacionada com:

G100: Fornecer o nome aceite ou um nome descritivo do contedo no textual

G69: Fornecer uma alternativa para multimdia baseada no tempo

G70: Fornecer uma funo para procurar um dicionrio online

G71: Fornecer um link de ajuda em todas as pginas Web

Critrio de Sucesso 3.3.5 (Ajuda) o Como Cumprir o 3.3.5 (Ajuda)

Noes sobre o Critrio de Sucesso 3.3.5 (Ajuda)

Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

G75: Fornecer um mecanismo para adiar qualquer actualizao do contedo

G79: Fornecer uma verso falada do texto

G80: Fornecer um boto Submeter para iniciar uma alterao de contexto

SCR18: Fornecer validao e alertas do lado do cliente

G87: Fornecer legendas ocultas

G88: Fornecer ttulos descritivos para pginas Web

da Web ou numa lista de resultados da procura

Tambm pode ser til que o ttulo:

Fornecer um ttulo utilizando o elemento title

G89: Fornecer o exemplo e o formato de dados esperados

G90: Fornecer processadores de eventos accionados por teclado

G91: Fornecer texto de link que descreva a finalidade de um link

G93: Fornecer legendas abertas (sempre visveis)

G87: Fornecer legendas ocultas

No existem recursos disponveis para esta tcnica.

G97: Fornecer a abreviatura imediatamente a seguir definio por extenso

G98: Fornecer a possibilidade de o utilizador rever e corrigir as respostas antes de as submeter

G99: Fornecer a possibilidade de recuperar a informao eliminada

G100: Fornecer o nome aceite ou um nome descritivo do contedo no textual

Esta tcnica est relacionada com:

G102: Fornecer a definio por extenso ou explicao de uma abreviatura

Noes sobre o Critrio de Sucesso 4.1.2 (Nome, Funo, Valor)