CINXE.COM

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-PT" lang="pt-PT"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0</title> <link media="print" type="text/css" rel="stylesheet" href="print.css"/> <link rel="stylesheet" type="text/css" href="additional.css"/> <link rel="stylesheet" type="text/css" href="W3C-REC.css"/> <style type="text/css" media="screen"> .doclinks p a { white-space: nowrap; } div.transheader { background: #eed; border: #ccb solid; padding: 2%; } .transtitle { color: #555; background: #eed; font-weight: bolder; } </style> </head> <body> <p style="text-align:center">[<a href="#contents">índice</a>] </p> <div class="head"> <p><a href="https://www.w3.org/"><img src="w3c_home.png" alt="W3C" height="48" width="72" /></a></p> <div class="transheader"> <h1 class="transtitle" lang="en" xml:lang="en">Web Content Accessibility Guidelines (WCAG) 2.0</h1> <dl> <dt><strong lang="en" xml:lang="en">Lead translating organization:</strong></dt> <dd><abbr title="Departamento Sociedade da Informação">DSI</abbr>/Unidade ACESSO da <abbr title="Fundação para a Ciência e a Tecnologia">FCT</abbr>, IP</dd> <dd>Av. D. Carlos I, 126 - Lisboa - Portugal</dd> <dd><a href="http://www.acessibilidade.gov.pt">http://www.acessibilidade.gov.pt</a> / <a href="http://www.fct.pt">http://www.fct.pt</a></dd> <dd><span lang="en" xml:lang="en">Coordinators of the translation</span>: <a href="mailto:jorge.fernandes@fct.pt" title="email contact">Jorge Fernandes</a> e <a href="mailto:claudia.cardoso@fct.pt" title="email contact">Cláudia Cardoso</a></dd> </dl> <h1 class="transtitle">Tradução Autorizada em Português Europeu</h1> <h2 class="transtitle">24 de outubro de 2014</h2> <dl> <dt><strong>A versão mais recente:</strong></dt> <dd><a href="https://www.w3.org/Translations/WCAG20-pt-PT/WCAG20-pt-PT-20141024/">http://www.w3.org/Translations/WCAG20-pt-PT/WCAG20-pt-PT-20141024/</a></dd> <dt><strong>Esta versão:</strong></dt> <dd><a href="https://www.w3.org/Translations/WCAG20-pt-PT/">http://www.w3.org/Translations/WCAG20-pt-PT/</a></dd> <dt><strong>Versão original (em inglês):</strong></dt> <dd><a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a></dd> <dt><strong>Errata:</strong></dt> <dd><a href="http://www.acessibilidade.gov.pt/wcag20/errata/">http://www.acessibilidade.gov.pt/wcag20/errata/</a></dd> <dt><strong>Organização líder da tradução:</strong></dt> <dd><abbr title="Departamento Sociedade da Informação">DSI</abbr>/Unidade ACESSO da <abbr title="Fundação para a Ciência e a Tecnologia">FCT</abbr>, IP</dd> <dd>Av. D. Carlos I, 126 - Lisboa - Portugal</dd> <dd><a href="http://www.acessibilidade.gov.pt">http://www.acessibilidade.gov.pt</a> / <a href="http://www.fct.pt">http://www.fct.pt</a></dd> <dd>Coordenadores da tradução: <a href="mailto:jorge.fernandes@fct.pt" title="contato de email">Jorge Fernandes</a> e <a href="mailto:claudia.cardoso@fct.pt" title="contato de email">Cláudia Cardoso</a></dd> <dt><strong>Parceiros na revisão da tradução:</strong></dt> <dd><a href="http://lists.w3.org/Archives/Public/w3c-translators/2014AprJun/0008.html">http://lists.w3.org/Archives/Public/w3c-translators/2014AprJun/0008.html</a>.</dd> <dt><strong>Resumo dos comentários públicos à versão Candidata a Tradução Autorizada:</strong></dt> <dd><a href="http://lists.w3.org/Archives/Public/public-auth-trans-pt-br/2014Oct/0018.html">http://lists.w3.org/Archives/Public/public-auth-trans-pt-br/2014Oct/0018.html</a></dd> </dl> <p>Esta é uma Tradução Autorizada de um documento do W3C. A publicação desta tradução seguiu as etapas descritas na <a href="https://www.w3.org/2005/02/TranslationPolicy.html">Política para Traduções Autorizadas do W3C</a>. Em caso de litígio, a versão oficial das especificações é o documento original em inglês.</p> </div> <h1><a name="title" id="title"></a>Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0</h1> <h2><a name="w3c-doctype" id="w3c-doctype"></a>Recomendação <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> de 11 de dezembro de 2008</h2> <dl> <dt>Esta versão (em inglês):</dt> <dd><a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a></dd> <dt>Última versão (em inglês):</dt> <dd><a href="https://www.w3.org/TR/WCAG20/">http://www.w3.org/TR/WCAG20/</a></dd> <dt>Versão Anterior (em inglês):</dt> <dd><a href="https://www.w3.org/TR/2008/PR-WCAG20-20081103/">http://www.w3.org/TR/2008/PR-WCAG20-20081103/</a></dd> <dt>Editores:</dt> <dd>Ben Caldwell, Trace R&D Center, Universidade de Wisconsin-Madison</dd> <dd>Michael Cooper, <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym></dd> <dd>Loretta Guarino Reid, Google, Inc.</dd> <dd>Gregg Vanderheiden, Trace R&D Center, Universidade de Wisconsin-Madison</dd> <dt>Editores Anteriores:</dt> <dd>Wendy Chisholm (até julho de 2006, ao serviço do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym>)</dd> <dd>John Slatin (até junho de 2006, ao serviço do Accessibility Institute, Universidade do Texas em Austin)</dd> <dd>Jason White (até junho de 2005, ao serviço da Universidade de Melbourne)</dd> </dl> <p>Consulte a <a href="https://www.w3.org/WAI/WCAG20/errata/"><strong>errata (em inglês)</strong></a> deste documento que poderá conter correções normativas.</p> <p>Consulte também as <a href="https://www.w3.org/2003/03/Translations/byTechnology?technology=WCAG20"><strong>traduções (em inglês)</strong></a>.</p> <p>Este documento existe também em formatos não-normativos, disponíveis em <a href="https://www.w3.org/WAI/WCAG20/versions/guidelines/">Versões Alternativas das Diretrizes de Acessibilidade para Conteúdo Web 2.0 (em inglês)</a>.</p> <p class="copyright" lang="en" xml:lang="en"> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2008 <a href="https://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/" title="Keio University">Keio</a>), All Rights Reserved. <acronym title="World Wide Web Consortium">W3C</acronym> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p> </div> <hr /> <div> <h2><a name="abstract" id="abstract"></a>Resumo</h2> <p>As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0 abrangem um vasto conjunto de recomendações que têm como objetivo tornar o conteúdo Web mais acessível. O cumprimento destas diretrizes fará com que o conteúdo se torne acessível a um maior número de pessoas com incapacidades, incluindo cegueira e baixa visão, surdez e baixa audição, dificuldades de aprendizagem, limitações cognitivas, limitações de movimentos, incapacidade de fala, fotossensibilidade bem como as que tenham uma combinação destas limitações. Seguir estas diretrizes fará também com que o conteúdo Web se torne mais usável aos utilizadores em geral.</p> <p>Os critérios de sucesso das WCAG 2.0 são escritos sob a forma de declarações testáveis, que não dependem de uma tecnologia específica. As orientações sobre a forma de satisfazer um critério de sucesso específico para uma tecnologia em particular, bem como informação geral sobre a interpretação de um determinado critério de sucesso, encontram-se disponíveis em documentos separados. <span>Consulte o documento <a href="https://www.w3.org/WAI/intro/wcag.php">Uma Visão Geral sobre as Diretrizes de Acessibilidade para Conteúdo Web (em inglês)</a> para obter informação de enquadramento e aceder a um conjunto de hiperligações para documentação técnica e didática relativa às WCAG.</span></p> <p><span>As WCAG 2.0 sucedem às <a href="https://www.w3.org/TR/WCAG10/">Diretrizes de Acessibilidade para Conteúdo Web 1.0 (em inglês)</a> [<a href="#WCAG10">WCAG10</a>] publicadas como uma Recomendação <acronym title="World Wide Web Consortium" xml:lang="en" lang="en">W3C</acronym> em maio de 1999. Apesar dos conteúdos poderem estar em conformidade com as WCAG 1.0 ou com as WCAG 2.0 (ou ambas), o <acronym title="World Wide Web Consortium" xml:lang="en" lang="en">W3C</acronym> recomenda que os novos conteúdos, ou os que sejam objeto de atualização, utilizem as WCAG 2.0. O <acronym title="World Wide Web Consortium" xml:lang="en" lang="en">W3C</acronym> recomenda ainda que as políticas de acessibilidade na Web tenham como referência as WCAG 2.0.</span></p> </div> <div> <h2><a name="status" id="status"></a>Estado deste documento</h2> <p><em>Esta secção descreve o estado deste documento à data da sua publicação. Este documento poderá ser substituído por outros documentos. Uma lista das atuais publicações do W3C e a última revisão deste relatório técnico podem ser encontradas no <a href="https://www.w3.org/TR/">index dos relatórios técnicos do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> (em inglês)</a> em <a href="https://www.w3.org/TR/">http://www.w3.org/TR/</a>.</em></p> <p>Esta é a <a href="https://www.w3.org/2004/02/Process-20040205/tr.html#RecsW3C">Recomendação do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> (em inglês)</a> das Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0 do <a href="https://www.w3.org/WAI/GL/">Grupo de Trabalho para as Diretrizes de Acessibilidade para Conteúdo Web (em inglês)</a>.</p> <p>Este documento foi revisto por Membros do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym>, por programadores de software e por outros grupos do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> e partes interessadas; o documento conta com o aval do Diretor para se constituir como uma Recomendação do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym>. É um documento estável e pode ser usado como referência ou citado a partir de outro documento. O papel do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> ao elaborar esta Recomendação é chamar a atenção para a especificação e promover a sua vasta implementação. O resultado será uma melhoria da funcionalidade e da interoperabilidade da Web.</p> <p>As WCAG 2.0 são apoiadas pelos documentos não-normativos associados, <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/">Compreendendo as WCAG 2.0 (em inglês)</a> e <a href="https://www.w3.org/TR/WCAG20-TECHS/">Técnicas para as WCAG 2.0 (em inglês)</a>. Apesar desses documentos não terem o <em lang="en">status</em> formal das WCAG 2.0, eles fornecem informações importantes para que as possa compreender e implementar.</p> <p>O Grupo de Trabalho solicita que todos os comentários sejam feitos através do <a href="https://www.w3.org/WAI/WCAG20/comments/">formulário de comentários disponibilizado online (em inglês)</a>. Caso não seja possível, os comentários podem ser também enviados para <a href="mailto:public-comments-wcag20@w3.org">public-comments-wcag20@w3.org</a>. Os <a href="http://lists.w3.org/Archives/Public/public-comments-wcag20/">arquivos da lista de comentários públicos (em inglês)</a> estão acessíveis ao público. Apesar dos comentários recebidos sobre a Recomendação WCAG 2.0 não poderem resultar em alterações para esta versão das diretrizes, poderão vir a ser tidos em conta na errata ou em futuras versões das WCAG. O Grupo de Trabalho não tenciona responder formalmente aos comentários. Os arquivos da <a href="http://lists.w3.org/Archives/Public/w3c-wai-gl/">lista de discussão do <abbr title="Grupo de Trabalho">GT</abbr> das WCAG (em inglês)</a> são públicos e os trabalhos que venham no futuro a ser realizados pelo Grupo de Trabalho poderão vir a ter em conta comentários recebidos sobre este documento.</p> <p>Este documento faz parte da <a href="https://www.w3.org/WAI/" lang="en" xml:lang="en">Web Accessibility Initiative (WAI)</a> do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym>. Os objetivos do Grupo de Trabalho das WCAG foram estabelecidos na <a href="https://www.w3.org/2004/04/wcag-charter">Carta do Grupo de Trabalho das WCAG (em inglês)</a>. O Grupo de Trabalho das WCAG é parte da <a href="https://www.w3.org/WAI/Technical/Activity">Atividade Técnica da <acronym title="Web Acccessibility Initiative" lang="en" xml:lang="en">WAI</acronym> (em inglês)</a>.</p> <p>Este documento foi produzido por um grupo que o trabalhou sob a <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/">Política de Patentes do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> de 5 de fevereiro de 2004 (em inglês)</a>. O <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> dispõe de uma <a href="https://www.w3.org/2004/01/pp-impl/35422/status" rel="disclosure">lista pública de todas as patentes divulgadas (em inglês)</a> redigidas em ligação com os resultados do grupo; essa página inclui também instruções relativas à divulgação de uma patente. Qualquer pessoa que tenha real conhecimento de uma patente, e que acredite que contém uma ou várias <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Reivindicações Essenciais (em inglês)</a>, deve revelar essa informação em conformidade com o exposto na <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">secção 6 da Política de Patentes do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> (em inglês)</a>.</p> </div> <div class="toc"> <hr /> <h2><a name="contents" id="contents"></a>Índice</h2> <ul class="toc"> <li><a href="#intro">Introdução </a> <ul class="toc"> <li><a href="#intro-layers-guidance">Níveis de Abordagem das WCAG 2.0</a></li> <li><a href="#intro-related-docs">Documentos de Apoio das WCAG 2.0 </a></li> <li><a href="#new-terms">Termos Importantes nas WCAG 2.0</a></li> </ul> </li> <li><a href="#guidelines">Diretrizes WCAG 2.0</a> <ul class="toc"> <li>Princípio 1: <a href="#perceivable">Percetível</a> <ul class="toc"> <li>1.1 <a href="#text-equiv">Fornecer alternativas em texto para todo o conteúdo não textual de modo a que o mesmo possa ser apresentado de outras formas, de acordo com as necessidades dos utilizadores, como por exemplo: caracteres ampliados, braille, fala, símbolos ou uma linguagem mais simples.</a></li> <li>1.2 <a href="#media-equiv">Fornecer alternativas para multimédia dinâmica ou temporal.</a></li> <li>1.3 <a href="#content-structure-separation">Criar conteúdo que possa ser apresentado de diferentes formas (por ex., um esquema de página mais simples) sem perder informação ou estrutura.</a></li> <li>1.4 <a href="#visual-audio-contrast">Facilitar aos utilizadores a audição e a visão dos conteúdos nomeadamente através da separação do primeiro plano do plano de fundo.</a></li> </ul> </li> <li>Princípio 2: <a href="#operable">Operável</a> <ul class="toc"> <li>2.1 <a href="#keyboard-operation">Fazer com que toda a funcionalidade fique disponível a partir do teclado.</a></li> <li>2.2 <a href="#time-limits">Proporcionar aos utilizadores tempo suficiente para lerem e utilizarem o conteúdo.</a></li> <li>2.3 <a href="#seizure">Não criar conteúdo de uma forma que se sabe que pode causar convulsões.</a></li> <li>2.4 <a href="#navigation-mechanisms">Fornecer formas de ajudar os utilizadores a navegar, localizar conteúdos e determinar o local onde estão.</a></li> </ul> </li> <li>Princípio 3: <a href="#understandable">Compreensível</a> <ul class="toc"> <li>3.1 <a href="#meaning">Tornar o conteúdo textual legível e compreensível.</a></li> <li>3.2 <a href="#consistent-behavior">Fazer com que as páginas da Web apareçam e funcionem de forma previsível.</a></li> <li>3.3 <a href="#minimize-error">Ajudar os utilizadores a evitar e a corrigir os erros.</a></li> </ul> </li> <li>Princípio 4: <a href="#robust">Robusto</a> <ul class="toc"> <li>4.1 <a href="#ensure-compat">Maximizar a compatibilidade com os agentes de utilizador atuais e futuros, incluindo as tecnologias de apoio.</a></li> </ul> </li> </ul> </li> <li><a href="#conformance">Conformidade</a> <ul class="toc"> <li><a href="#conformance-reqs">Requisitos de Conformidade</a></li> <li><a href="#conformance-claims">Reivindicações de Conformidade (Opcional)</a></li> <li><a href="#conformance-partial">Declaração de Conformidade Parcial - Conteúdo fornecido por Terceiros</a></li> <li><a href="#conformance-partial-lang">Declaração de Conformidade Parcial - Idioma</a></li> </ul> </li> </ul> <h3><a name="appendices" id="appendices"></a>Anexos</h3> <ul class="toc"> <li>Anexo A: <a href="#glossary">Glossário (Normativo)</a></li> <li>Anexo B: <a href="#acknowledgments">Agradecimentos</a></li> <li>Anexo C: <a href="#references">Referências</a></li> </ul> </div> <hr /> <div class="front"> <div class="div1"> <h2><a name="intro" id="intro"></a>Introdução</h2> <p>Esta secção é <a title="definição: informativa" href="#informativedef" class="termref">informativa</a>. </p> <p>As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0 definem a forma de tornar o conteúdo Web mais acessível a pessoas com incapacidades. A acessibilidade abrange um largo espectro de incapacidades, incluindo as limitações visuais, auditivas, físicas, cognitivas, neurológicas, ou ainda as ligadas à fala, à linguagem ou à aprendizagem. Embora estas diretrizes cubram uma ampla diversidade de situações, elas não podem contemplar todas as necessidades das pessoas com todos os tipos, graus e combinações de incapacidades. Estas diretrizes tornam também o conteúdo Web mais usável para os indivíduos mais idosos cujas capacidades mudam como resultado do envelhecimento e melhoram, frequentemente, o uso para os utilizadores em geral.</p> <p>As <acronym title="Diretrizes de Acessibilidade para Conteúdo Web">WCAG</acronym> 2.0 foram desenvolvidas através do <a href="https://www.w3.org/WAI/intro/w3c-process.php">processo <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym> (em inglês)</a> em colaboração com pessoas e organizações de todo o mundo, com o objetivo de fornecer um padrão comum para a acessibilidade do conteúdo Web, que vá ao encontro das necessidades dos indivíduos, das organizações e dos governos, a nível internacional. As <acronym title="Diretrizes de Acessibilidade para Conteúdo Web">WCAG</acronym> 2.0 baseiam-se nas WCAG 1.0 [<a href="#WCAG10">WCAG10</a>], foram concebidas para serem largamente aplicadas às diferentes tecnologias Web existentes, no presente e no futuro, e para serem testadas a partir de uma combinação de testes automáticos e validações humanas. Para uma introdução às <acronym title="Diretrizes de Acessibilidade para Conteúdo Web">WCAG</acronym>, consulte a <a href="https://www.w3.org/WAI/intro/wcag.php">Descrição Geral das Diretrizes de Acessibilidade para Conteúdo Web (WCAG) (em inglês)</a>.</p> <p>A acessibilidade da Web não depende apenas do conteúdo acessível mas também da forma como é suportada pelos navegadores Web e outros agentes de utilizador. As ferramentas de autor têm também um importante papel na acessibilidade da Web. Para obter uma visão abrangente da forma como estes elementos de desenvolvimento e interação Web funcionam em conjunto, consulte:</p> <ul> <li> <p><strong><a href="https://www.w3.org/WAI/intro/components">Elementos Essenciais da Acessibilidade da Web (em inglês)</a></strong></p> </li> <li> <p><strong><a href="https://www.w3.org/WAI/intro/uaag.php">Descrição Geral das Diretrizes de Acessibilidade para Agentes de Utilizador (UAAG) (em inglês)</a></strong></p> </li> <li> <p><strong><a href="https://www.w3.org/WAI/intro/atag.php">Descrição Geral das Diretrizes de Acessibilidade para Ferramentas de Autor (ATAG) (em inglês)</a></strong></p> </li> </ul> <div class="div2"> <h3><a name="intro-layers-guidance" id="intro-layers-guidance"></a>Níveis de Abordagem das WCAG 2.0</h3> <p>Os indivíduos e as organizações que usam as WCAG são bastante diversos e incluem programadores e Web designers, legisladores, responsáveis pelas aquisições de bens e serviços, professores e alunos. Para corresponder às várias necessidades deste público-alvo, foram elaborados diversos níveis de abordagem, que incluem <em>princípios</em> globais, <em>diretrizes</em> gerais, <em>critérios de sucesso</em> testáveis, um conjunto abundante de <em>técnicas de tipo Suficiente</em> e de <em>tipo Aconselhada</em>, bem como <em>falhas comuns documentadas</em> com exemplos, <em>hiperligações</em> para recursos e disponibilização de código fonte.</p> <ul> <li> <p><strong>Os princípios</strong> - No topo estão quatro princípios que constituem a fundação da acessibilidade da Web: <em>percetível, operável, compreensível e robusto</em>. Consulte também <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-fourprincs-head">Compreendendo os Quatro Princípios de Acessibilidade</a>.</p> </li> <li> <p><strong>As diretrizes</strong> - Abaixo dos princípios estão as diretrizes. As 12 diretrizes fornecem os objetivos básicos que os autores devem atingir para produzir conteúdo mais acessível a utilizadores com diferentes incapacidades. As diretrizes não são testáveis mas compõem o quadro de referência e os objetivos globais que ajudam os autores a compreender os critérios de sucesso e a melhor implementar as técnicas.</p> </li> <li> <p><strong>Os critérios de sucesso</strong> - Para cada diretriz, são fornecidos critérios de sucesso testáveis de forma a permitir que as WCAG 2.0 sejam usadas onde os requisitos e os testes de conformidade sejam necessários, nomeadamente na especificação das conceções, nas compras, na regulamentação e nos acordos contratuais. Para satisfazer as necessidades dos diferentes grupos e situações foram definidos três níveis de conformidade: A (o mais baixo), AA e AAA (o mais elevado). Informação adicional sobre os níveis das WCAG pode ser encontrada em <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-levels-head">Compreendendo os Níveis de Conformidade (em inglês)</a>.</p> </li> <li> <p><strong>As técnicas de tipo Suficiente e de tipo Aconselhada</strong> - Para cada uma das <em>diretrizes</em> e <em>critérios de sucesso</em> existentes no próprio documento das WCAG 2.0, o grupo de trabalho documentou ainda um vasto leque de <em>técnicas</em>. As técnicas têm caráter informativo e enquadram-se em duas categorias: as que são de <em>tipo suficiente</em> para satisfazer os critérios de sucesso e as que são de <em>tipo aconselhada</em>. As técnicas de tipo aconselhada vão para além do que é requerido em cada um dos critérios de sucesso e permitem aos autores um melhor cumprimento das diretrizes. Algumas técnicas de tipo aconselhada vão ao encontro de barreiras de acessibilidade que não estão abrangidas pelos critérios de sucesso testáveis. Nos casos em que existam falhas comuns conhecidas, elas encontram-se igualmente documentadas. Consulte também <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html#introduction-layers-techs-head" title="Técnicas">Técnicas de tipo Suficiente e de tipo Aconselhada em Compreendendo as WCAG 2.0 (em inglês)</a>.</p> </li> </ul> <p>Todos estes níveis de abordagem (princípios, diretrizes, critérios de sucesso, assim como as técnicas de tipo Suficiente e de tipo Aconselhada) concorrem para disponibilizar linhas orientadoras de como tornar o conteúdo mais acessível. Os autores são encorajados a considerar e a aplicar todos os níveis que conseguirem, incluindo as técnicas de tipo aconselhada, de forma a melhor satisfazerem as necessidades do maior número possível de utilizadores.</p> <p>Note que mesmo o conteúdo que está conforme o nível mais elevado (AAA) não estará acessível a indivíduos com todos os tipos, graus ou combinações de incapacidades, particularmente nas áreas da linguagem cognitiva e da aprendizagem. Os autores são encorajados a ter em conta a totalidade das técnicas, incluindo as técnicas de tipo aconselhada, assim como a procurar aconselhamento relevante sobre as atuais boas práticas para garantir que o conteúdo Web seja acessível, tanto quanto possível, a esta comunidade. Os <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/appendixC.html#understanding-metadata">metadados (em inglês)</a> poderão ajudar os utilizadores a encontrar o conteúdo mais adequado às suas necessidades.</p> </div> <div class="div2"> <h3><a name="intro-related-docs" id="intro-related-docs"></a>Documentos de Apoio das WCAG 2.0</h3> <p>O documento WCAG 2.0 foi concebido para satisfazer as necessidades das pessoas que precisavam de dispor de um padrão técnico estável e passível de ser utilizado como referência. Outros documentos, chamados documentos de apoio, baseiam-se no documento WCAG 2.0 e respondem a outros objetivos importantes; para além disso gozam da vantagem de poderem ser atualizados de modo a descrever a forma como as WCAG deveriam ser aplicadas pelas tecnologias futuras. Os documentos de apoio incluem:</p> <ol class="enumar"> <li> <p><strong><a href="https://www.w3.org/WAI/WCAG20/quickref/">Como Cumprir as WCAG 2.0 (em inglês)</a></strong> - Uma lista personalizável de referências rápidas para as WCAG 2.0, que contém todas as diretrizes, os critérios de sucesso e as técnicas para os autores usarem, à medida que vão desenvolvendo e avaliando o conteúdo Web.</p> </li> <li> <p><strong><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/">Compreendendo as WCAG 2.0 (em inglês)</a></strong> - Um guia para compreender e implementar as WCAG 2.0. Existe um breve documento intitulado "Compreendendo" para cada diretriz e para cada critério de sucesso das WCAG 2.0, assim como para outros tópicos chave.</p> </li> <li> <p><strong><a href="https://www.w3.org/TR/WCAG20-TECHS/">Técnicas para as WCAG 2.0 (em inglês)</a></strong> - Uma coleção de técnicas e falhas comuns, cada uma num documento em separado que inclui uma descrição, os exemplos, o código fonte e os testes.</p> </li> <li> <p><strong><a href="https://www.w3.org/WAI/intro/wcag20">Os documentos das WCAG 2.0 (em inglês)</a></strong> - Um diagrama e uma descrição da forma como os documentos técnicos se encontram relacionados entre si.</p> </li> </ol> <p>Veja a <a href="https://www.w3.org/WAI/intro/wcag.php">Descrição Geral das Diretrizes de Acessibilidade para Conteúdo Web (WCAG) (em inglês)</a> para uma descrição do material de apoio das WCAG 2.0, incluindo os recursos pedagógicos relacionados com as WCAG 2.0. <span>Um conjunto de recursos adicionais que cobrem tópicos como a análise do custo/benefício da acessibilidade da Web, o planeamento da implementação das melhorias da acessibilidade dos sítios Web, e as políticas de acessibilidade, pode ser encontrado em <a href="https://www.w3.org/WAI/Resources/Overview">Recursos <acronym title="Web Accessibility Initiative" lang="en" xml:lang="en">WAI</acronym> (em inglês)</a>.</span></p> </div> <div class="div2"> <h3><a name="new-terms" id="new-terms"></a>Termos Importantes nas WCAG 2.0</h3> <p>As WCAG 2.0 contêm três termos importantes que diferem das WCAG 1.0. Cada um deles é brevemente apresentado abaixo e definido de forma mais detalhada no glossário. </p> <dl> <dt class="label">Página Web</dt> <dd> <p>É importante referir que, neste padrão, o termo <a title="definição: página Web" href="#webpagedef" class="termref">"página Web"</a> vai muito além da noção de página estática em HTML. Inclui também as páginas Web, cada vez mais dinâmicas, que emergem na Web, bem como as "páginas" que podem apresentar uma comunidade virtual interativa completa. O termo "página Web" pode, por exemplo, incluir uma experiência imersiva, interativa, próxima do cinema; esta experiência pode estar localizada num único URI. Para mais informações, consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-web-page-head">Compreendendo "Página Web" (em inglês)</a>.</p> </dd> <dt class="label">Determinado de Forma Programática</dt> <dd> <p>Vários critérios de sucesso exigem que o conteúdo (ou determinados aspetos do conteúdo) possa ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">"determinado de forma programática"</a>. Isto significa que o conteúdo é fornecido de forma a que os <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agentes de utilizador</a>, incluindo as <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologias de apoio</a>, possam extrair a informação e apresentá-la aos utilizadores de diferentes formas. Para mais informações, consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-programmatically-determined-head">Compreendendo Determinado de Forma Programática (em inglês)</a>.</p> </dd> <dt class="label">Suportada pela Acessibilidade</dt> <dd> <p>Utilizar uma tecnologia de forma suportada pela acessibilidade significa que esta funciona com as tecnologias de apoio (AT) e com as funcionalidades de acessibilidade dos sistemas operativos, dos navegadores Web, e de outros agentes de utilizador. As funcionalidades da tecnologia só podem <a title="definition: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">invocar</a> a conformidade para com os critérios de sucesso das WCAG 2.0, se puderem ser usadas de forma <a title="definição: suportado por acessibilidade" href="#accessibility-supporteddef" class="termref">"suportada pela acessibilidade"</a>. As funcionalidades da tecnologia podem ser usadas de formas não "suportadas pela acessibilidade" (que não funcionam com tecnologias de apoio, etc.), desde que não se sustente nela a conformidade de um qualquer critério de sucesso (i.e., a mesma informação ou funcionalidade está também disponível de outra forma suportada). </p> <p>A definição de "suportada pela acessibilidade" encontra-se disponível no <a href="#glossary">Anexo A: Secção Glossário</a> destas diretrizes. Para mais informações, consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-accessibility-support-head">Compreendendo Suportada pela Acessibilidade</a>. </p> </dd> </dl> </div> </div> </div> <div class="body"> <div class="div1"> <h2><a name="guidelines" id="guidelines"></a>Diretrizes WCAG 2.0</h2> <p>Esta secção é <a title="definição: normativa" href="#normativedef" class="termref">normativa</a>.</p> <div class="div2"> <h2 class="principle"><a name="perceivable" id="perceivable"></a>Princípio 1: Percetível - A informação e os componentes da interface de utilizador têm de ser apresentados de forma a que os utilizadores as possam percecionar.</h2> <div class="div3"> <div class="guideline"> <h3><a name="text-equiv" id="text-equiv"></a>Diretriz 1.1 Alternativas em Texto: Fornecer alternativas em texto para todo o conteúdo não textual de modo a que o mesmo possa ser apresentado de outras formas, de acordo com as necessidades dos utilizadores, como por exemplo: caracteres ampliados, braille, fala, símbolos ou uma linguagem mais simples.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv.html">Compreendendo a Diretriz 1.1 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="text-equiv-all"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.1.1 Conteúdo Não Textual:</strong> Todo o <a title="definição: conteúdo não textual" href="#non-text-contentdef" class="termref">conteúdo não textual</a> que é apresentado ao utilizador tem uma <a title="definição: alternativa textual" href="#text-altdef" class="termref">alternativa textual</a> que serve uma função equivalente, exceto nas situações indicadas abaixo. (Nível A)</p> <ul> <li> <p><strong class="sc-handle">Controlos, Inserção de dados:</strong> Se o conteúdo não textual for um controlo ou permitir a inserção de dados por parte do utilizador, então deve ter um <a title="definição: nome" href="#namedef" class="termref">nome</a> que descreva a sua função. (Para obter os requisitos adicionais para controlos e conteúdo que permitem inserção de dados por parte do utilizador, consulte a <a href="#ensure-compat">Diretriz 4.1</a>)</p> </li> <li> <p><strong class="sc-handle">Conteúdo em Multimédia Dinâmica ou Temporal:</strong> Se o conteúdo não textual for um conteúdo em multimédia dinâmica, então as alternativas em texto devem fornecer, no mínimo, uma identificação descritiva do conteúdo não textual. (Para obter os requisitos adicionais para multimédia, consulte a <a href="#media-equiv">Diretriz 1.2</a>)</p> </li> <li><p><strong class="sc-handle">Teste:</strong> Se o conteúdo não textual for um teste ou um exercício, que se pode tornar inválido se for apresentado em <a title="definição: texto" href="#textdef" class="termref">texto</a>, então as alternativas em texto devem fornecer, no mínimo, uma identificação descritiva do conteúdo não textual.</p> </li> <li> <p><strong class="sc-handle">Experiência Sensorial:</strong> Se o objetivo do conteúdo não textual for, essencialmente, a criação de uma <a title="definição: experiência sensorial específica" href="#sensoryexpdef" class="termref">experiência sensorial específica</a>, então as alternativas em texto devem fornecer, no mínimo, uma identificação descritiva do conteúdo não textual.</p> </li> <li><p><strong class="sc-handle"><a title="definição: CAPTCHA" href="#CAPTCHAdef" class="termref">CAPTCHA</a>:</strong> Se o objetivo do conteúdo não textual for obter a confirmação de que o conteúdo está a ser acedido por uma pessoa e não por um computador, então devem ser fornecidas alternativas em texto para identificar e descrever a finalidade do conteúdo não textual. Nesse caso as formas alternativas do CAPTCHA, que utilizam modos de saída para diferentes tipos de perceção sensorial, devem ser apresentadas de forma a responder a diferentes tipos de incapacidades.</p> </li> <li> <p><strong class="sc-handle">Decoração, Formatação, Invisível: </strong>Se o conteúdo não textual for <a title="definição: meramente decorativo" href="#puredecdef" class="termref">meramente decorativo</a>, se for utilizado apenas para formatação visual ou se não for apresentado aos utilizadores, então deve ser implementado de forma a poder ser ignorado pela <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologia de apoio</a>.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-text-equiv-all" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.1.1">Como Cumprir o 1.1.1 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.1.1">Compreendendo o 1.1.1 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="media-equiv" id="media-equiv"></a> Diretriz 1.2 Média Dinâmica ou Contínua: Fornecer alternativas para conteúdo em multimédia dinâmica ou temporal.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv.html">Compreendendo a Diretriz 1.2 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="media-equiv-av-only-alt"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.1 Conteúdo só de áudio e só de vídeo (pré-gravado):</strong> Para conteúdo de tipo média composto <a class="termref" href="#audio-onlydef" title="definição: só de áudio">só de áudio</a> <span class="screenreader">|</span> <a class="termref" href="#prerecordeddef" title="definição: pré gravado">pré-gravado</a> e <a title="definição: só vídeo" href="#video-onlydef" class="termref">só vídeo</a> <span class="screenreader">|</span> <a class="termref" href="#prerecordeddef" title="definição: pré gravado">pré-gravado</a>, são aplicáveis as seguintes regras, exceto quando o áudio ou o vídeo é um conteúdo multimédia alternativo ao conteúdo textual e está assim claramente identificado como tal (Nível A).</p> <ul> <li> <p><strong class="sc-handle">Só áudio pré-gravado: </strong>É fornecida uma <a title="definição: alternativa para multimédia dinâmica ou temporal" href="#alt-time-based-mediadef" class="termref">versão alternativa em multimédia dinâmica</a>, que apresenta informação equivalente para o conteúdo composto só de áudio pré-gravado.</p> </li> <li> <p><strong class="sc-handle">Só vídeo pré-gravado: </strong>É fornecida uma versão alternativa em multimédia dinâmica ou uma pista de áudio, que apresenta informação equivalente para o conteúdo só de vídeo pré-gravado.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-av-only-alt" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.1">Como Cumprir o 1.2.1 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-av-only-alt.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.1">Compreendendo o 1.2.1 (em inglês)</a></p> </div> </div> <div class="sc" id="media-equiv-captions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.2 Legendas (pré-gravadas):</strong> São fornecidas <a href="#captionsdef" title="definição: legendas" class="termref">legendas</a> para todo o conteúdo <a class="termref" href="#audiodef" title="definição: áudio">áudio</a> <span class="screenreader">|</span> <a title="definição: pré-gravado" href="#prerecordeddef" class="termref">pré-gravado</a> presente no <a title="definição: multimédia sincronizada" href="#synchronizedmediadef" class="termref">conteúdo multimédia sincronizado</a>, exceto quando o <a title="definição: alternativa em multimédia para texto" href="#multimedia-alt-textdef" class="termref">conteúdo multimédia for um alternativo ao texto</a>, apresentando-se assim claramente identificado como tal. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-captions" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.2">Como Cumprir o 1.2.2 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-captions.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.2">Compreendendo o 1.2.2 (em inglês)</a></p> </div> </div> <div class="sc" id="media-equiv-audio-desc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.3 Audiodescrição ou Alternativa em Multimédia (pré-gravada):</strong> É fornecida <a href="#audiodescdef" title="definição: audiodescrição" class="termref">audiodescrição</a> ou uma <a title="definição: alternativa em multimédia dinâmica ou temporal" href="#alt-time-based-mediadef" class="termref">alternativa em multimédia dinâmica</a> para o conteúdo <a class="termref" href="#videodef" title="definição: vídeo">vídeo</a> <span class="screenreader">|</span> <a title="definição: pré-gravado" href="#prerecordeddef" class="termref"> pré-gravado</a> presente no <a href="#synchronizedmediadef" class="termref">conteúdo multimédia sincronizado</a>, exceto quando o <a title="definição: alternativa em multimédia para texto" href="#multimedia-alt-textdef" class="termref">conteúdo multimédia for uma alternativa ao texto</a>, apresentando-se assim claramente identificado como tal. (Nível A)</p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.3">Como Cumprir o 1.2.3 (em inglês)</a> <span class="screenreader"> |</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-audio-desc.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.3">Compreendendo o 1.2.3 (em inglês)</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="media-equiv-real-time-captions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.4 Legendas (em direto):</strong> São fornecidas <a href="#captionsdef" title="definição: legendas" class="termref">legendas</a> para todo o conteúdo <a href="#audiodef" title="definição: áudio" class="termref">áudio</a><span class="screenreader">|</span> <a title="definição: em directo" href="#livedef" class="termref">em direto</a> presente no <a title="definição: multimédia sincronizada" href="#synchronizedmediadef" class="termref">conteúdo multimédia sincronizado</a>. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-real-time-captions" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.4">Como Cumprir o 1.2.4 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-real-time-captions.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.4">Compreendendo o 1.2.4 (em inglês)</a></p> </div> </div> <div class="sc" id="media-equiv-audio-desc-only"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.5 Audiodescrição (pré-gravada):</strong> É fornecida <a href="#audiodescdef" title="definição: audiodescrição" class="termref">audiodescrição</a> para todo o conteúdo <a href="#videodef" title="definição: vídeo" class="termref">vídeo</a> <span class="screenreader">|</span> <a title="definição: pré-gravado" href="#prerecordeddef" class="termref">pré-gravado</a> presente no <a title="definição: multimédia sincronizada" href="#synchronizedmediadef" class="termref">conteúdo multimédia sincronizado</a>. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc-only" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.5">Como Cumprir o 1.2.5 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-audio-desc-only.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.5">Compreendendo o 1.2.5 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="media-equiv-sign"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.6 Língua Gestual (pré-gravada):</strong> É fornecida <a href="#sign-languageinterpdef" title="definição: interpretação em língua gestual" class="termref">interpretação em língua gestual</a> para todo o conteúdo <a href="#audiodef" title="definição: áudio" class="termref">áudio</a> <span class="screenreader">|</span> <a title="definição: pré-gravado" href="#prerecordeddef" class="termref">pré-gravado</a> presente no <a title="definição: multimédia sincronizada" href="#synchronizedmediadef" class="termref">conteúdo multimédia sincronizado</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-sign" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.6">Como Cumprir o 1.2.6 (em inglês)</a> <span class="screenreader"> |</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-sign.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.6">Compreendendo o 1.2.6 (em inglês)</a></p> </div> </div> <div class="sc" id="media-equiv-extended-ad"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.7 Audiodescrição Alargada (pré-gravada):</strong> Quando as pausas no áudio do primeiro plano forem insuficientes para permitir que a <a title="definição: audiodescrição" href="#audiodescdef" class="termref">audiodescrição</a> transmita o sentido do vídeo, é fornecida uma <a title="definição: audiodescrição alargada" href="#extended-addef" class="termref">audiodescrição alargada</a> para todo o conteúdo <a href="#videodef" title="definição: vídeo" class="termref">vídeo</a> <span class="screenreader">|</span> <a title="definição: pré-gravado" href="#prerecordeddef" class="termref">pré-gravado</a> presente no <a title="definição: multimédia sincronizada" href="#synchronizedmediadef" class="termref">conteúdo multimédia sincronizado</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-extended-ad" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.7">Como Cumprir o 1.2.7 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-extended-ad.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.7">Compreendendo o 1.2.7 (em inglês)</a></p> </div> </div> <div class="sc" id="media-equiv-text-doc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.8 Alternativa em Multimédia (pré-gravada):</strong> É fornecida uma versão <a title="definição: alternativa para multimédia dinâmica ou temporal" href="#alt-time-based-mediadef" class="termref">alternativa em multimédia dinâmica</a> para todo o <a href="#synchronizedmediadef" title="definição: multimédia sincronizada" class="termref">conteúdo multimédia sincronizado</a> <span class="screenreader">|</span> <a title="definição: pré-gravado" href="#prerecordeddef" class="termref">pré-gravado</a> e para todo o conteúdo multimédia composto <a title="definição: apenas vídeo" href="#video-onlydef" class="termref">só de vídeo</a> pré-gravado. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-text-doc" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.8">Como Cumprir o 1.2.8 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-text-doc.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.8">Compreendendo o 1.2.8 (em inglês)</a></p> </div> </div> <div class="sc" id="media-equiv-live-audio-only"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.9 Só áudio (em direto):</strong> É fornecida uma <a title="definição: alternativa para multimédia dinâmica ou temporal" href="#alt-time-based-mediadef" class="termref">alternativa em multimédia dinâmica</a> que apresenta informação equivalente para o conteúdo <a href="#livedef" title="definição: em directo" class="termref">em direto</a> composto <a href="#audio-onlydef" title="definição: só de áudio" class="termref">só de áudio</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-live-audio-only" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.2.9">Como Cumprir o 1.2.9 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-live-audio-only.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.2.9">Compreendendo o 1.2.9 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="content-structure-separation" id="content-structure-separation"></a> Diretriz 1.3 Adaptável: Criar conteúdo que possa ser apresentado de diferentes formas (por ex., um esquema de página mais simples) sem perder informação ou estrutura.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation.html">Compreendendo a Diretriz 1.3 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="content-structure-separation-programmatic"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.1 Informações e Relações:</strong> As informações, a <a title="definição: estrutura" href="#structuredef" class="termref">estrutura</a> e as <a title="definição: relações" href="#relationshipsdef" class="termref">relações</a> transmitidas através de <a title="definição: apresentação" href="#presentationdef" class="termref">apresentação</a> podem ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">determinadas de forma programática</a> ou estão disponíveis no texto. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-programmatic" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.3.1">Como Cumprir o 1.3.1 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html" class="HTMlink" title="Compreendendo o Criério de Sucesso 1.3.1">Compreendendo o 1.3.1 (em inglês)</a></p> </div> </div> <div class="sc" id="content-structure-separation-sequence"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.2 Sequência com Significado:</strong> Quando a sequência na qual o conteúdo é apresentado afeta o seu significado, uma <a title="definição: sequência de leitura correcta" href="#correct-reading-sequencedef" class="termref">sequência de leitura correta</a> pode ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">determinada de forma programática</a>. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-sequence" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.3.2">Como Cumprir o 1.3.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-sequence.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.3.2">Compreendendo o 1.3.2</a></p> </div> </div> <div class="sc" id="content-structure-separation-understanding"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.3 Características Sensoriais:</strong> As instruções fornecidas para compreender e utilizar o conteúdo não dependem somente das características de perceção sensorial dos componentes, tais como forma, tamanho, localização visual, orientação ou som. (Nível A) </p> <div class="note"> <p class="prefix"><em>Nota: </em>Para obter os requisitos relacionados com a cor, consulte a <a href="#visual-audio-contrast">Diretriz 1.4</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-understanding" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.3.3">Como Cumprir o 1.3.3 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-understanding.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.3.3">Compreendendo o 1.3.3 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="visual-audio-contrast" id="visual-audio-contrast"></a>Diretriz 1.4 Distinguível: Facilitar aos utilizadores a audição e a visão dos conteúdos nomeadamente através da separação do primeiro plano do plano de fundo.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast.html">Compreendendo a Diretriz 1.4 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="visual-audio-contrast-without-color"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.1 Utilização da Cor:</strong> A cor não é utilizada como o único meio visual de transmitir informações, indicar uma ação, pedir uma resposta ou distinguir um elemento visual. (Nível A) </p> <div class="note"> <p class="prefix"><em>Nota: </em>Este critério de sucesso aborda especificamente a perceção da cor. Outras formas de perceção são abrangidas na <a href="#content-structure-separation">Diretriz 1.3</a>, incluindo o acesso programático à cor e a outra codificação da apresentação visual.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-without-color" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.1">Como Cumprir o 1.4.1 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.1">Compreendendo o 1.4.1 (em inglês)</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-dis-audio"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.2 Controlo de Áudio:</strong> Se um som numa página Web tocar automaticamente durante mais de 3 segundos, deve estar disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para colocar o som em pausa, pará-lo, ou controlar o volume de forma independente do nível do volume global do sistema. (Nível A) </p> <div class="note"> <p class="prefix"><em>Nota: </em> Todo o conteúdo da página Web (quer cumpra ou não outros critérios de sucesso) tem de cumprir este critério de sucesso, uma vez que qualquer conteúdo que não o cumpra pode interferir com a capacidade de um utilizador para usar a página na globalidade. Consulte o <a href="#cc5">Requisito de Conformidade 5: Não-Interferência</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-dis-audio" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.2">Como Cumprir o 1.4.2 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-dis-audio.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.2">Compreendendo o 1.4.2 (em inglês)</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="visual-audio-contrast-contrast"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.3 Contraste (Mínimo):</strong><span> A apresentação visual de </span><a title="definição: texto" href="#textdef" class="termref">texto</a> e <a title="definição: texto sob forma de imagem" href="#images-of-textdef" class="termref">texto sob forma de imagem</a> tem uma <a title="definição: relação de contraste" href="#contrast-ratiodef" class="termref">relação de contraste</a> de, no mínimo, <span>4.</span>5:1, exceto nas situações que se seguem: (Nível AA)</p> <ul> <li> <p><strong class="sc-handle">Texto Ampliado: </strong> O texto <a href="#larger-scaledef" title="definição: ampliação (texto)" class="termref">ampliado</a> e as imagens de texto ampliado têm uma relação de contraste de, no mínimo, 3:1;</p> </li> <li> <p><strong class="sc-handle">Texto em plano Secundário: </strong> O texto ou as imagens de texto que fazem parte de um <a title="definição: componente de interface de utilizador" href="#user-interface-componentdef" class="termref">componente de interface de utilizador</a> inativo, que são <a title="definição: meramente decorativo" href="#puredecdef" class="termref">meramente decorativos</a>, que não estão visíveis para ninguém, ou que são parte de uma imagem que inclui outro conteúdo visual significativo, não têm requisito de contraste.</p> </li> <li><p><strong class="sc-handle">Logótipos: </strong> O texto que faz parte de um logótipo ou marca comercial não tem requisito de contraste.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-contrast" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.3">Como Cumprir o 1.4.3 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.3">Compreendendo o 1.4.3 (em inglês)</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-scale"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.4 Redimensionar texto:</strong> Exceto para <a title="definição: legendas" href="#captionsdef" class="termref">legendas</a> e <a title="definição: texto sob forma de imagem" href="#images-of-textdef" class="termref">texto sob forma de imagem</a>, o <a title="definição: texto" href="#textdef" class="termref">texto</a> pode ser redimensionado sem <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologia de apoio</a> até 200% sem perder conteúdo ou funcionalidade. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.4">Como Cumprir o 1.4.4 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.4">Compreendendo o 1.4.4 (em inglês)</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-text-presentation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.5 Imagens de Texto:</strong> Se as tecnologias que estiverem a ser utilizadas puderem proporcionar a apresentação visual, é utilizado <a title="definição: texto" href="#textdef" class="termref">texto</a> para transmitir informações em vez de <a title="definição: texto sob forma de imagem" href="#images-of-textdef" class="termref">texto sob forma de imagem</a>, exceto nas situações que se seguem: (Nível AA) </p> <ul> <li> <p><strong>Personalizável:</strong> O texto sob forma de imagem pode ser <a title="definição: visualmente personalizado" href="#visually-customizeddef" class="termref">visualmente personalizado</a> de acordo com os requisitos do utilizador;</p> </li> <li><p><strong>Essencial:</strong> Uma determinada apresentação de texto é <a title="definição: essencial" href="#essentialdef" class="termref">essencial</a> para as informações que estão a ser transmitidas.</p> </li> </ul> <div class="note"> <p class="prefix"><em>Nota: </em>Os logótipos (texto que faz parte de um logótipo ou marca comercial) são considerados essenciais.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-presentation" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.5">Como Cumprir o 1.4.5 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.5">Compreendendo o 1.4.5 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="visual-audio-contrast7"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.6 Contraste (Melhorado):</strong><span> A apresentação visual do </span><a title="definição: texto" href="#textdef" class="termref">texto</a> e <a title="definição: texto sob forma de imagem" href="#images-of-textdef" class="termref">texto sob forma de imagem</a> tem uma <a title="definição: relação de contraste" href="#contrast-ratiodef" class="termref">relação de contraste</a> de, no mínimo, 7:1, exceto nas situações que se seguem: (Nível AAA) </p> <ul> <li><p><strong class="sc-handle">Texto Ampliado: </strong> O texto <a href="#larger-scaledef" title="definição: ampliação" class="termref">ampliado</a> e as imagens de texto ampliado têm uma relação de contraste de, no mínimo, <span>4.</span>5:1;</p> </li> <li><p><strong class="sc-handle">Texto em plano Secundário: </strong> O texto ou as imagens de texto que fazem parte de um <a title="definição: componente de interface de utilizador" href="#user-interface-componentdef" class="termref">componente de interface de utilizador</a> inativo, que são <a title="definição: meramente decorativo" href="#puredecdef" class="termref">meramente decorativos</a>, que não estão visíveis para ninguém, ou que fazem parte de uma imagem que inclui outro conteúdo visual significativo, não têm requisito de contraste.</p> </li> <li><p><strong class="sc-handle">Logótipos: </strong> O texto que faz parte de um logótipo ou marca comercial não tem requisito de contraste mínimo.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast7" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.6">Como Cumprir o 1.4.6 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast7.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.6">Compreendendo o 1.4.6 (em inglês)</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-noaudio"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.7 Som Baixo ou Ausência de Som de Fundo:</strong> Para conteúdo <a href="#audio-onlydef" title="definição: só áudio" class="termref">só de áudio</a> <span class="screenreader">|</span> <a title="definição: pré-gravado" href="#prerecordeddef" class="termref">pré-gravado</a> que (1) contenha essencialmente fala em primeiro plano, (2) não seja um <a title="definição: CAPTCHA" href="#CAPTCHAdef" class="termref">CAPTCHA</a> de áudio ou logótipo de áudio e (3) não seja uma vocalização cuja intenção principal é musical, tal como cantar ou produzir batidas, no mínimo, uma das seguintes afirmações é verdadeira: (Nível AAA) </p> <ul> <li><p><strong class="sc-handle">Ausência de Fundo: </strong>O áudio não contém sons de fundo.</p> </li> <li><p><strong class="sc-handle">Desligar: </strong>Os sons de fundo podem ser desligados.</p> </li> <li><p><strong class="sc-handle">20 dB: </strong> Os sons de fundo têm, no mínimo, 20 decibéis a menos do que o conteúdo da fala em primeiro plano, com a exceção de sons ocasionais que duram apenas um ou dois segundos.</p> <div class="note"> <p class="prefix"><em>Nota: </em>De acordo com a definição de "decibel", o som de fundo que cumprir este requisito será, aproximadamente, quatro vezes mais baixo do que o conteúdo da fala em primeiro plano. </p> </div> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-noaudio" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.7">Como Cumprir o 1.4.7 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-noaudio.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.7">Compreendendo o 1.4.7 (em inglês)</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-visual-presentation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.8 Apresentação Visual:</strong> Para a apresentação visual de <a title="definição: blocos de texto" href="#blockstextdef" class="termref">blocos de texto</a>, está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> que permite obter o seguinte: (Nível AAA) </p> <ol class="enumar"> <li> <p>As cores do primeiro plano e do plano de fundo podem ser selecionadas pelo utilizador.</p> </li> <li><p>A largura não tem mais do que 80 caracteres ou glifos (40 se <abbr title="Chinês, Japonês ou Coreano">CJK</abbr>.</p> </li> <li><p>O texto não é justificado (alinhado em simultâneo às margens esquerda e direita).</p> </li> <li> <p>O espaçamento entre linhas (principal) tem, no mínimo, um espaço e meio nos parágrafos e o espaçamento entre parágrafos é, no mínimo, 1.5 vezes maior do que o espaçamento entre linhas.</p> </li> <li><p>O texto pode ser redimensionado sem tecnologia de apoio até 200 porcento, de uma forma que o utilizador não necessita efetuar um varrimento horizontal para ler uma linha de texto <a title="definição: numa janela em ecrã completo" href="#fullscreenwindowdef" class="termref">numa janela em ecrã completo</a>.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-visual-presentation" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.8">Como Cumprir o 1.4.8 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-visual-presentation.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.8">Compreendendo o 1.4.8 (em inglês)</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-text-images"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.9 Imagens de Texto (sem exceção):</strong> Os <a href="#images-of-textdef" title="definição: texto sob forma de imagem" class="termref">textos sob forma de imagem</a> só se utilizam por questões <a title="definição: meramente decorativo" href="#puredecdef" class="termref">meramente decorativas</a> ou quando uma determinada apresentação de <a title="definição: texto" href="#textdef" class="termref">texto</a> é <a title="definição: essencial" href="#essentialdef" class="termref">essencial</a> para a informação que está a ser transmitida. (Nível AAA) </p> <div class="note"> <p class="prefix"><em>Nota: </em>Os logótipos (o texto que faz parte de um logótipo ou marca comercial) são considerados essenciais.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-images" class="HTMlink" title="Como Cumprir o Critério de Sucesso 1.4.9">Como Cumprir o 1.4.9 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-images.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 1.4.9">Compreendendo o 1.4.9 (em inglês)</a></p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="operable" id="operable"></a>Princípio 2: Operável - Os componentes da interface de utilizador e a navegação têm de ser operáveis.</h2> <div class="div3"> <div class="guideline"> <h3><a name="keyboard-operation" id="keyboard-operation"></a> Diretriz 2.1 Acessível por Teclado: Fazer com que toda a funcionalidade fique disponível a partir do teclado. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html">Compreendendo a Diretriz 2.1 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="keyboard-operation-keyboard-operable"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.1 Teclado:</strong> Todas as <a title="definição: funcionalidade" href="#functiondef" class="termref">funcionalidades</a> do conteúdo são operáveis através de uma <a title="definição: interface de teclado" href="#keybrd-interfacedef" class="termref">interface de teclado</a> sem a necessidade de qualquer espaço de tempo entre cada digitação individual, exceto quando a função subjacente requer inserção de dados que dependa da cadeia de movimento do utilizador e não apenas dos pontos finais. (Nível A) </p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Esta exceção diz respeito à função subjacente, não à técnica de inserção de dados. Por exemplo, se utilizar escrita manual para introduzir texto, a técnica de inserção de dados (escrita manual) requer inserção de dados caminho-dependente, mas a função subjacente (entrada de texto) não.</p> <p class="prefix"><em>Nota 2: </em>Isto não proíbe, e não deve desencorajar, a inserção de dados através do rato ou outros métodos de inserção de dados em adição à operação com o teclado.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-keyboard-operable" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.1.1">Como Cumprir o 2.1.1 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-keyboard-operable.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.1.1">Compreendendo o 2.1.1 (em inglês)</a></p> </div> </div> <div class="sc" id="keyboard-operation-trapping"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.2 Sem Bloqueio do Teclado:</strong> Se o foco do teclado puder ser movido para um componente da página utilizando uma <a title="definição: interface de teclado" href="#keybrd-interfacedef" class="termref">interface de teclado</a>, então o foco pode ser retirado desse componente utilizando apenas uma interface de teclado e, se for necessário mais do que as setas de cursor ou tabulação ou outros métodos de saída, o utilizador deve ser aconselhado sobre o método a utilizar para retirar o foco. (Nível A)</p> <div class="note"> <p class="prefix"><em>Nota: </em>Uma vez que qualquer conteúdo que não cumpra este critério de sucesso pode interferir com a capacidade de um utilizador em usar a página na globalidade, todo o conteúdo da página Web, quer seja utilizado para cumprir outros critérios de sucesso ou não, tem de cumprir este critério de sucesso. Consulte o <a href="#cc5">Requisito de Conformidade 5: Não-Interferência</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-trapping" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.1.2">Como Cumprir o 2.1.2 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-trapping.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.1.2">Compreendendo o 2.1.2 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="keyboard-operation-all-funcs"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.3 Teclado (Sem Exceção):</strong> Toda a <a title="definição: funcionalidade" href="#functiondef" class="termref">funcionalidade</a> do conteúdo é operável através de uma <a title="definição: interface de teclado" href="#keybrd-interfacedef" class="termref">interface de teclado</a> sem a necessidade de qualquer espaço de tempo entre cada digitação individual. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-all-funcs" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.1.3">Como Cumprir o 2.1.3 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-all-funcs.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.1.3">Compreendendo o 2.1.3 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="time-limits" id="time-limits"></a> Diretriz 2.2 Tempo Suficiente: Proporcionar aos utilizadores tempo suficiente para lerem e utilizarem o conteúdo. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits.html">Compreendendo a Diretriz 2.2 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="time-limits-required-behaviors"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.1 Tempo Ajustável:</strong> Para cada limite de tempo definido pelo conteúdo, no mínimo, uma das seguintes afirmações é verdadeira: (Nível A) </p> <ul> <li><p><strong class="sc-handle">Desligar: </strong>O utilizador pode desligar o limite de tempo antes de o atingir; ou </p> </li> <li><p><strong class="sc-handle">Ajustar: </strong>O utilizador pode ajustar o limite de tempo antes de o atingir, num intervalo de, pelo menos, dez vezes a duração pré-definida; ou</p> </li> <li> <p><strong class="sc-handle">Prolongar: </strong>O utilizador é avisado antes de o tempo expirar e tem, no mínimo, 20 segundos para prolongar o limite de tempo com uma simples ação (por exemplo, "pressionar a barra de espaços") e o utilizador pode prolongar esse limite de tempo, pelo menos, dez vezes; ou</p> </li> <li> <p><strong class="sc-handle">Exceção por ser Tempo Real:</strong> O limite de tempo é um requisito que faz parte de um evento em tempo real (por exemplo, um leilão) e não é possível apresentar qualquer alternativa ao limite de tempo; ou</p> </li> <li> <p><strong class="sc-handle">Exceção por ser Essencial: </strong>O limite de tempo é <a title="definição: essencial" href="#essentialdef" class="termref">essencial</a> e prolongá-lo invalidaria a atividade; ou </p> </li> <li> <p><strong class="sc-handle">Exceção de 20 Horas: </strong>O limite de tempo é superior a 20 horas. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Nota:</em> Este critério de sucesso permite assegurar que os utilizadores possam completar as suas tarefas sem alterações inesperadas no conteúdo ou no contexto, como resultado de um limite de tempo. Este critério de sucesso deve ser considerado em conjunto com o <a href="#consistent-behavior-receive-focus">Critério de Sucesso 3.2.1</a>, que impõe limites às alterações de conteúdo ou contexto como resultado de uma ação do utilizador.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-required-behaviors" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.2.1">Como Cumprir o 2.2.1 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-required-behaviors.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.2.1">Compreendendo o 2.2.1 (em inglês)</a></p> </div> </div> <div class="sc" id="time-limits-pause"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.2 Colocar em Pausa, Parar, Ocultar:</strong> Para informações em movimento, em <a title="definição: modo intermitente" href="#blinksdef" class="termref">modo intermitente</a>, em deslocamento ou em atualização automática, todas as seguintes afirmações são verdadeiras: (Nível A) </p> <ul> <li> <p><strong class="sc-handle">Em movimento, em modo intermitente, em deslocamento: </strong>Para quaisquer informações em movimento, em modo intermitente ou em deslocamento que (1) sejam iniciadas automaticamente, (2) durem mais de cinco segundos e (3) sejam apresentadas em paralelo com outro conteúdo, existe um mecanismo para o utilizador <a title="definição: em pausa" href="#pauseddef" class="termref">colocar em pausa</a>, parar ou ocultar as mesmas, a menos que o movimento, o modo intermitente ou o deslocamento façam parte de uma atividade, na qual sejam <a title="definição: essencial" href="#essentialdef" class="termref">essenciais</a>; e</p> </li> <li> <p><strong class="sc-handle">Em atualização automática: </strong>Para quaisquer informações em atualização automática que (1) sejam iniciadas automaticamente e (2) sejam apresentadas em paralelo com outro conteúdo, existe um mecanismo para o utilizador colocar em pausa, parar ou ocultar as mesmas ou controlar a frequência da atualização, a menos que a atualização automática faça parte de uma atividade na qual é essencial.</p> </li> </ul> <div class="note"> <p class="prefix"><em>Nota 1: </em>Para obter requisitos relacionados com conteúdo em modo intermitente ou em modo <span lang="en" xml:lang="en">flash</span>, consulte a <a href="#seizure">Diretriz 2.3</a>.</p> <p class="prefix"><em>Nota 2:</em> Todo o conteúdo da página Web (quer cumpra ou não outros critérios de sucesso) tem de cumprir este critério de sucesso, uma vez que qualquer conteúdo que não cumpra este critério de sucesso pode interferir com a capacidade de um utilizador para usar a página na globalidade. Consulte o <a href="#cc5">Requisito de Conformidade 5: Não-Interferência</a>.</p> <p class="prefix"><em>Nota 3: </em>O conteúdo que é atualizado periodicamente através de um software ou que é transmitido ao agente de utilizador não tem obrigação de preservar ou apresentar as informações geradas ou recebidas entre o início de uma pausa e a continuação da apresentação, uma vez que tal pode não ser tecnicamente possível e, em muitas situações, pode ser confuso fazê-lo. </p> <p class="prefix"><em>Nota 4: </em>Uma animação que ocorra numa fase de pré-carregamento de um conteúdo ou em situação semelhante pode ser considerada essencial caso não seja permitido aos utilizadores realizar nenhuma interação durante essa fase e também quando a falta de indicação do progresso é suscetível de confundir os utilizadores e de levá-los a pensar que o conteúdo está bloqueado ou danificado.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-pause" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.2.2">Como Cumprir o 2.2.2 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.2.2">Compreendendo o 2.2.2 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="time-limits-no-exceptions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.3 Sem Temporização:</strong> A temporização não é um fator <a title="definição: essencial" href="#essentialdef" class="termref">essencial</a> no decurso de um evento ou de uma atividade apresentados no conteúdo, exceto para <a title="definição: multimédia sincronizada" href="#synchronizedmediadef" class="termref">conteúdo multimédia sincronizado</a> não interativo e para os <a title="definição: evento em tempo real" href="#real-time-eventsdef" class="termref">eventos em tempo real</a>. (Nível AAA)</p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-no-exceptions" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.2.3">Como Cumprir o 2.2.3 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-no-exceptions.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.2.3">Compreendendo o 2.2.3 (em inglês)</a></p> </div> </div> <div class="sc" id="time-limits-postponed"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.4 Interrupções:</strong> As interrupções podem ser adiadas ou suprimidas pelo utilizador, à exceção das interrupções que sejam provocadas por uma <a title="definição: emergência" href="#emergencydef" class="termref">emergência</a>. (Nível AAA)</p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-postponed" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.2.4">Como Cumprir o 2.2.4 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.2.4">Compreendendo o 2.2.4 (em inglês)</a></p> </div> </div> <div class="sc" id="time-limits-server-timeout"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.5 Nova autenticação:</strong> Quando uma sessão autenticada expira, o utilizador pode prosseguir a sua atividade sem perda de dados depois de autenticar novamente a sua sessão. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-server-timeout" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.2.5">Como Cumprir o 2.2.5 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-server-timeout.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.2.5">Compreendendo o 2.2.5 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="seizure" id="seizure"></a> Diretriz 2.3 Convulsões: Não criar conteúdo de uma forma que se sabe que pode causar convulsões. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure.html">Compreendendo a Diretriz 2.3 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="seizure-does-not-violate"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.3.1 Três <span lang="en" xml:lang="en">Flashes</span> ou Abaixo do Limite:</strong> As <a href="#webpagedef" class="termref" title="definição: página Web">páginas Web</a> não incluem qualquer conteúdo que produza mais de três <span lang="en" xml:lang="en">flashes</span> a cada segundo, ou o <a title="definição: flash" href="#flash-def" class="termref" lang="en" xml:lang="en">flash</a> encontra-se abaixo dos <a title="definição: limites de flash universal e flash vermelho" href="#general-thresholddef" class="termref">limites de <span lang="en" xml:lang="en">flash</span> universal e <span lang="en" xml:lang="en">flash</span> vermelho</a>. (Nível A) </p> <div class="note"> <p class="prefix"><em>Nota:</em> Todo o conteúdo da página Web (quer cumpra ou não outros critérios de sucesso) tem de cumprir este critério de sucesso, uma vez que qualquer conteúdo que não cumpra este critério de sucesso pode interferir com a capacidade de um utilizador para usar a página na globalidade. Consulte o <a href="#cc5">Requisito de Conformidade 5: Não-Interferência</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-does-not-violate" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.3.1">Como Cumprir o 2.3.1 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-does-not-violate.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.3.1">Compreendendo o 2.3.1 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="seizure-three-times"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.3.2 Três Flashes:</strong> As <a href="#webpagedef" class="termref" title="definição: página Web">páginas Web</a> não incluem qualquer conteúdo com mais de três <a title="definição: flash" href="#flash-def" class="termref" lang="en" xml:lang="en">flashes</a> no período de um segundo. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-three-times" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.3.2">Como Cumprir o 2.3.2 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-three-times.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.3.2">Compreendendo o 2.3.2 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="navigation-mechanisms" id="navigation-mechanisms"></a> Diretriz 2.4 Navegável: Fornecer formas de ajudar os utilizadores a navegar, localizar conteúdos e determinar o local onde estão. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms.html">Compreendendo a Diretriz 2.4 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="navigation-mechanisms-skip"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.1 Ignorar Blocos:</strong> Está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para ignorar blocos de conteúdo que são repetidos em várias <a title="definição: página Web" href="#webpagedef" class="termref">páginas Web</a>. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-skip" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.1">Como Cumprir o 2.4.1 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.1">Compreendendo o 2.4.1 (em inglês)</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-title"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.2 Página com Título:</strong> As <a href="#webpagedef" class="termref" title="página Web">páginas Web</a> têm títulos que descrevem o tópico ou a finalidade. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-title" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.2">Como Cumprir o 2.4.2 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.2">Compreendendo o 2.4.2 (em inglês)</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-focus-order"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.3 Ordem do Foco:</strong> Se uma <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> puder ser <a title="definição: navegado de forma sequencial" href="#nav-seqdef" class="termref">navegada de forma sequencial</a> e as sequências de navegação afetem o significado ou a operação, os componentes que podem ser focados recebem o foco de forma que o significado e a operabilidade sejam preservados. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-order" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.3">Como Cumprir o 2.4.3 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.3">Compreendendo o 2.4.3 (em inglês)</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-refs"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.4 Finalidade da Hiperligação (Em Contexto):</strong> A <a title="definição: finalidade do link" href="#linkpurposedef" class="termref">finalidade de cada hiperligação</a> pode ser determinada a partir apenas do texto da hiperligação ou a partir do texto da hiperligação juntamente com o respetivo <a title="definição: contexto do link determinado de forma programática" href="#pdlinkcontextdef" class="termref">contexto da hiperligação determinada de forma programática</a>, exceto quando a finalidade da hiperligação for <a title="definição: ambíguo para os utilizadores em geral" href="#ambiguouslinkdef" class="termref">ambígua para os utilizadores em geral</a>. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-refs" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.4">Como Cumprir o 2.4.4 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.4">Compreendendo o 2.4.4 (em inglês)</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="navigation-mechanisms-mult-loc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.5 Várias Formas:</strong> Está disponível mais de uma forma para localizar uma <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> num <a title="definição: conjunto de páginas Web" href="#set-of-web-pagesdef" class="termref">conjunto de páginas Web</a>, exceto quando a Página Web for o resultado, ou um passo, de um <a title="definição: processo" href="#processdef" class="termref">processo</a>. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-mult-loc" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.5">Como Cumprir o 2.4.5 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-mult-loc.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.5">Compreendendo o 2.4.5 (em inglês)</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-descriptive"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.6 Cabeçalhos e Etiquetas:</strong> Os cabeçalhos e as <a title="definição: etiqueta" href="#labeldef" class="termref">etiquetas</a> descrevem o tópico ou a finalidade. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-descriptive" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.6">Como Cumprir o 2.4.6 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.6">Compreendendo o 2.4.6 (em inglês)</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-focus-visible"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.7 Foco Visível:</strong> Qualquer interface de utilizador operável por teclado dispõe de um modo de operação em que o indicador de foco do teclado está visível. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-visible" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.7">Como Cumprir o 2.4.7 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.7">Compreendendo o 2.4.7 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="navigation-mechanisms-location"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.8 Localização:</strong> Está disponível informação sobre a localização do utilizador num <a href="#set-of-web-pagesdef" class="termref" title="definição: conjunto de páginas Web">conjunto de páginas Web</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-location" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.8">Como Cumprir o 2.4.8 em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-location.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.8">Compreendendo o 2.4.8 (em inglês)</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-link"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.9 Finalidade da Hiperligação (Apenas a Hiperligação):</strong> Está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para permitir que a finalidade de cada hiperligação seja identificada a partir apenas do texto da hiperligação, exceto quando a finalidade da hiperligação for <a title="definição: ambíguo para os utilizadores em geral" href="#ambiguouslinkdef" class="termref">ambígua para os utilizadores em geral</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-link" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.9">Como Cumprir o 2.4.9 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-link.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.9">Compreendendo o 2.4.9 (em inglês)</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-headings"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.10 Cabeçalhos da Secção:</strong> Os <a href="#sectiondef" class="termref" title="definição: secção">cabeçalhos da secção</a> são utilizados para organizar o conteúdo. (Nível AAA) </p> <div class="note"> <p class="prefix"><em>Nota 1: </em>"Cabeçalho" é utilizado no seu significado geral e inclui títulos e outras formas para adicionar um cabeçalho a diferentes tipos de conteúdo. </p> <p class="prefix"><em>Nota 2: </em>Este critério de sucesso abrange secções sobre escrita, não sobre <a title="definição: componente da interface de utilizador" href="#user-interface-componentdef" class="termref">componentes da interface de utilizador</a>. Os componentes da interface de utilizador são abrangidos pelo <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/#ensure-compat-rsv">Critério de Sucesso 4.1.2</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-headings" class="HTMlink" title="Como Cumprir o Critério de Sucesso 2.4.10">Como Cumprir o 2.4.10 (em inglês)</a><br /> <span class="screenreader">|</span><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-headings.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 2.4.10">Compreendendo o 2.4.10 (em inglês)</a></p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="understandable" id="understandable"></a>Princípio 3: Compreensível - A informação e a utilização da interface de utilizador têm de ser compreensíveis.</h2> <div class="div3"> <div class="guideline"> <h3><a name="meaning" id="meaning"></a> Diretriz 3.1 Legível: Tornar o conteúdo textual legível e compreensível. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html">Compreendendo a Diretriz 3.1 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="meaning-doc-lang-id"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.1 Idioma da Página:</strong> O <a title="definição: idioma humano" href="#human-langdef" class="termref">idioma humano</a> predefinido de cada <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> pode ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">determinado de forma programática</a>. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-doc-lang-id" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.1.1">Como Cumprir o 3.1.1 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-doc-lang-id.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.1.1">Compreendendo o 3.1.1 (em inglês)</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="meaning-other-lang-id"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.2 Idioma de Partes:</strong> O <a title="definição: idioma humano" href="#human-langdef" class="termref">idioma humano</a> de cada passagem ou frase do conteúdo pode ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">determinado de forma programática</a>, exceto para os nomes próprios, os termos técnicos, palavras escritas num idioma indeterminado e palavras ou frases que se tenham convertido em linguagem corrente da língua utilizada no texto que as envolve. (Nível AA)</p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-other-lang-id" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.1.2">Como Cumprir o 3.1.2 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-other-lang-id.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.1.2">Compreendendo o 3.1.2 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="meaning-idioms"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.3 Palavras Invulgares:</strong> Está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para identificar definições específicas de palavras ou expressões <a title="definição: utilizado de uma forma restrita e invulgar" href="#unusual-restricteddef" class="termref">utilizadas de uma forma restrita e invulgar</a>, incluindo <a title="definição: expressão idiomática" href="#idiomsdef" class="termref">expressões idiomáticas</a> e <a title="definição: jargão" href="#jargondef" class="termref">jargão</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-idioms" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.1.3">Como Cumprir o 3.1.3 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-idioms.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.1.3">Compreendendo o 3.1.3 (em inglês)</a></p> </div> </div> <div class="sc" id="meaning-located"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.4 Abreviaturas:</strong> Está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para identificar a forma completa ou o significado das <a href="#abbreviationsdef" title="definição: abreviações" class="termref">abreviações</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-located" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.1.4">Como Cumprir o 3.1.4 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-located.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.1.4">Compreendendo o 3.1.4 (em inglês)</a></p> </div> </div> <div class="sc" id="meaning-supplements"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.5 Nível de Leitura:</strong> Quando o texto exigir uma capacidade de leitura mais avançada do que o <a title="definição: terceiro ciclo do ensino básico" href="#lowseceddef" class="termref">terceiro ciclo do ensino básico</a> uma vez eliminados os nomes próprios e os títulos, está disponível um <a title="definição: conteúdo suplementar" href="#suppcontentdef" class="termref">conteúdo suplementar</a> ou uma versão que não requeira uma capacidade de leitura superior ao terceiro ciclo do ensino básico. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-supplements" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.1.5">Como Cumprir o 3.1.5 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-supplements.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.1.5">Compreendendo o 3.1.5 (em inglês)</a></p> </div> </div> <div class="sc" id="meaning-pronunciation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.6 Pronunciação:</strong> Está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para identificar a pronunciação específica de palavras sempre que o significado das mesmas, em contexto, se tornar ambíguo sem o conhecimento da forma como se pronunciam. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-pronunciation" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.1.6">Como Cumprir o 3.1.6 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-pronunciation.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.1.6">Compreendendo o 3.1.6 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="consistent-behavior" id="consistent-behavior"></a> Diretriz 3.2 Previsível: Fazer com que as páginas Web apareçam e funcionem de forma previsível. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior.html">Compreendendo a Diretriz 3.2 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="consistent-behavior-receive-focus"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.1 Ao receber o Foco:</strong> Quando um qualquer componente recebe o foco, o mesmo não provoca uma mudança <a title="definição: alteração de contexto" href="#context-changedef" class="termref">de contexto</a>. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-receive-focus" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.2.1">Como Cumprir o 3.2.1 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-receive-focus.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.2.1">Compreendendo o 3.2.1 (em inglês)</a></p> </div> </div> <div class="sc" id="consistent-behavior-unpredictable-change"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.2 Ao entrar num campo de edição (input):</strong> Alterar a definição de um <a title="definição: componente da interface de utilizador" href="#user-interface-componentdef" class="termref">componente da interface de utilizador</a> não provoca, automaticamente, uma <a title="definição: alteração de contexto" href="#context-changedef" class="termref">alteração de contexto</a>, a menos que o utilizador tenha sido avisado sobre essa situação antes de utilizar o componente. (Nível A)</p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-unpredictable-change" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.2.2">Como Cumprir o 3.2.2 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-unpredictable-change.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.2.2">Compreendendo o 3.2.2 (em inglês)</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="consistent-behavior-consistent-locations"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.3 Consistência de Navegação:</strong> Os mecanismos de navegação que se repetem em várias <a title="definição: página Web" href="#webpagedef" class="termref">páginas Web</a> num <a title="definição: conjunto de páginas Web" href="#set-of-web-pagesdef" class="termref">conjunto de páginas Web</a> aparecem sempre pela <a title="definição: mesma ordem relativa" href="#samerelorderdef" class="termref">mesma ordem relativa</a> de cada vez que se repetem, a menos que a alteração seja iniciada pelo próprio utilizador. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-locations" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.2.3">Como Cumprir o 3.2.3 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-locations.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.2.3">Compreendendo o 3.2.3 (em inglês)</a></p> </div> </div> <div class="sc" id="consistent-behavior-consistent-functionality"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.4 Consistência de Identificação:</strong> Os componentes que têm a <a title="definição: mesma funcionalidade" href="#samefunctionalitydef" class="termref">mesma funcionalidade</a> num conjunto de <a title="definição: páginas Web" href="#webpagedef" class="termref">páginas Web</a> são sempre identificados da mesma maneira. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-functionality" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.2.4">Como Cumprir o 3.2.4 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-functionality.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.2.4">Compreendendo o 3.2.4 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="consistent-behavior-no-extreme-changes-context"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.5 Alteração a Pedido:</strong> As <a href="#context-changedef" title="definição: alteração de contexto" class="termref">alterações de contexto</a> são iniciadas apenas a pedido do utilizador ou existe um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para desativar tais alterações. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-no-extreme-changes-context" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.2.5">Como Cumprir o 3.2.5 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-no-extreme-changes-context.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.2.5">Compreendendo o 3.2.5 (em inglês)</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="minimize-error" id="minimize-error"></a>Diretriz 3.3 Assistência na Inserção de Dados: Ajudar os utilizadores a evitar e a corrigir os erros.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error.html">Compreendendo a Diretriz 3.3 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="minimize-error-identified"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.1 Identificação de Erros:</strong> Se um <a title="definição: erro de entrada" href="#input-errordef" class="termref">erro de inserção de dados</a> for detetado de forma automática, o item que apresenta erro é identificado e o erro é descrito ao utilizador sob forma de texto. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-identified" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.3.1">Como Cumprir o 3.3.1 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-identified.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.3.1">Compreendendo o 3.3.1 (em inglês)</a></p> </div> </div> <div class="sc" id="minimize-error-cues"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.2 Etiquetas ou Instruções:</strong> As <a href="#labeldef" title="definição: etiqueta" class="termref">etiquetas</a> ou instruções são fornecidas quando o conteúdo exigir a inserção de dados por parte do utilizador. (Nível A) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-cues" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.3.2">Como Cumprir o 3.3.2 (em inglês)</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-cues.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.3.2">Compreendendo o 3.3.2 (em inglês)</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="minimize-error-suggestions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.3 Sugestão para eliminar o Erro:</strong> Se um <a title="definição: erro de entrada" href="#input-errordef" class="termref">erro de inserção de dados</a> for detetado de forma automática e se as sugestões de correção forem conhecidas, então estas sugestões devem ser fornecidas ao utilizador, a menos que estas possam comprometer a segurança ou a finalidade do conteúdo. (Nível AA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-suggestions" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.3.3">Como Cumprir o 3.3.3 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-suggestions.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.3.3">Compreendendo o 3.3.3 (em inglês)</a></p> </div> </div> <div class="sc" id="minimize-error-reversible"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.4 Prevenção de Erros (Legais, Financeiros, Dados):</strong> Para <a title="definição: página Web" href="#webpagedef" class="termref">páginas Web</a> que representam <a title="definição: responsabilidades jurídicas" href="#legalcommitmentsdef" class="termref">responsabilidades jurídicas</a> ou transações financeiras para o utilizador, que modificam ou eliminam dados <a title="definição: controlável pelo utilizador" href="#user-controllabledef" class="termref">controláveis pelo utilizador</a> em sistemas de armazenamento de dados ou que submetam respostas do utilizador a um teste, no mínimo, pelo menos uma das seguintes afirmações é verdadeira: (Nível AA) </p> <ol class="enumar"> <li> <p><strong class="sc-handle">Reversível: </strong> As ações de envio de informação são reversíveis.</p> </li> <li> <p><strong class="sc-handle">Verificado: </strong> Os dados introduzidos pelo utilizador são verificados no que diz respeito a <a title="definição: erro de entrada" href="#input-errordef" class="termref">erros de inserção de dados</a> e é dada ao utilizador a possibilidade de os corrigir.</p> </li> <li> <p><strong class="sc-handle">Confirmado: </strong> Está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para rever, confirmar e corrigir as informações antes do envio final de dados.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.3.4">Como Cumprir o 3.3.4 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-reversible.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.3.4">Compreendendo o 3.3.4 (em inglês)</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="minimize-error-context-help"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.5 Ajuda:</strong> Está disponível <a href="#context-sensitivehelpdef" title="definição: ajuda contextualizada" class="termref">ajuda contextualizada</a>. (Nível AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-context-help" class="HTMlink" title="Como Cumprir o Critério de Sucesso 3.3.5">Como Cumprir o 3.3.5 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-context-help.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.3.5">Compreendendo o 3.3.5 (em inglês)</a></p> </div> </div> <div class="sc" id="minimize-error-reversible-all"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.6 Prevenção de Erros (de qualquer tipo):</strong> Para as <a title="definição: página Web" href="#webpagedef" class="termref">páginas Web</a> que exijam ao utilizador o envio de informação, no mínimo, pelo menos um dos seguintes casos é verdadeiro: (Nível AAA) </p> <ol class="enumar"> <li> <p><strong class="sc-handle">Reversível: </strong> As ações de envio são reversíveis.</p> </li> <li> <p><strong class="sc-handle">Verificado: </strong>Os dados introduzidos pelo utilizador são verificados no que diz respeito a <a title="definição: erro de entrada" href="#input-errordef" class="termref">erros de inserção de dados</a> e é dada ao utilizador a possibilidade de os corrigir.</p> </li> <li> <p><strong class="sc-handle">Confirmado: </strong> Está disponível um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> para rever, confirmar e corrigir as informações antes do envio final de dados.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible-all" class="HTMlink" title="Como Utilizar o Critério de Sucesso 3.3.6">Como Cumprir o 3.3.6 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-reversible-all.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 3.3.6">Compreendendo o 3.3.6 (em inglês)</a></p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="robust" id="robust"></a>Princípio 4: Robusto - O conteúdo deve ser suficientemente robusto para ser interpretado de forma fiável por uma ampla variedade de agentes de utilizador, incluindo as tecnologias de apoio.</h2> <div class="div3"> <div class="guideline"> <h3><a name="ensure-compat" id="ensure-compat"></a> Diretriz 4.1 Compatível: Maximizar a compatibilidade com os agentes de utilizador atuais e futuros, incluindo as tecnologias de apoio.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat.html">Compreendendo a Diretriz 4.1 (em inglês)</a></p> </div> <div class="req"> <div class="sc" id="ensure-compat-parses"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">4.1.1 Análise sintática (parsing):</strong> Num conteúdo implementado através de uma linguagem de notação, os elementos têm etiquetas (tags) completas de início e de fim, os elementos estão encaixados de acordo com as respetivas especificações, os elementos não contêm atributos duplicados e todos os IDs são exclusivos, exceto quando as especificações permitem estas caraterísticas. (Nível A) </p> <div class="note"> <p class="prefix"><em>Nota: </em>As tags de início e fim a que falte um caráter crítico para a sua formação, como por exemplo, um sinal de "maior do que" ou a que falte a combinação de aspas de início ou de fim, no valor de um atributo, são consideradas incompletas.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-parses" class="HTMlink" title="Como Cumprir o Critério de Sucesso 4.1.1">Como Cumprir o 4.1.1 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-parses.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 4.1.1">Compreendendo o 4.1.1 (em inglês)</a></p> </div> </div> <div class="sc" id="ensure-compat-rsv"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">4.1.2 Nome, Função, Valor:</strong> Para todos os <a title="definição: componente da interface de utilizador" href="#user-interface-componentdef" class="termref">componentes da interface de utilizador</a> (incluindo, mas não se limitando a: elementos de formulário, hiperligações e componentes gerados por scripts), o <a title="definição: nome" href="#namedef" class="termref">nome</a> e a <a title="definição: função" href="#roledef" class="termref">função</a> podem ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">determinados de forma programática</a>; os estados, as propriedades e os valores, que podem ser parametrizados pelo utilizador, podem ser <a title="definição: definido de forma programática" href="#programmaticallysetdef" class="termref">definidos de forma programática</a>; e a notificação das alterações a estes elementos está disponível para consulta pelos <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agentes de utilizador</a>, incluindo as <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologias de apoio</a>. (Nível A) </p> <div class="note"> <p class="prefix"><em>Nota: </em> Este critério de sucesso destina-se, essencialmente, a Autores da Web que desenvolvem ou programam os seus próprios componentes da interface de utilizador. Por exemplo, os controlos normalizados de HTML cumprem este critério de sucesso quando utilizados de acordo com a especificação.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"> <a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-rsv" class="HTMlink" title="Como Cumprir o Critério de Sucesso 4.1.2">Como Cumprir o 4.1.2 (em inglês) </a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-rsv.html" class="HTMlink" title="Compreendendo o Critério de Sucesso 4.1.2">Compreendendo o 4.1.2 (em inglês)</a></p> </div> </div> </div> </div> </div> </div> <div class="div1"> <h2><a name="conformance" id="conformance"></a>Conformidade</h2> <p>Esta secção é <a title="definição: normativa" href="#normativedef" class="termref">normativa</a>. </p> <p>Esta secção lista os requisitos de <a title="definição: conformidade" href="#conformancedef" class="termref">conformidade</a> com as WCAG 2.0. Fornece igualmente informação sobre como fazer uma declaração de conformidade, sendo a mesma opcional. Finalmente, descreve o significado de <a title="definição: suportado por acessibilidade" href="#accessibility-supporteddef" class="termref">suportada pela acessibilidade</a>, uma vez que apenas as formas de usar tecnologias suportadas pela acessibilidade podem ser <a title="definição: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">invocadas</a> para sustentar a conformidade. Em <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html">Compreendendo a Conformidade (em inglês)</a> incluem-se mais detalhes do conceito "suportada pela acessibilidade".</p> <div class="div2"> <h3><a name="conformance-reqs" id="conformance-reqs"></a>Requisitos de Conformidade</h3> <p>Para que uma página Web esteja em conformidade com a versão WCAG 2.0, todos os seguintes requisitos de conformidade devem ser satisfeitos:</p> <div class="div3"> <a name="cc1" id="cc1"></a> <p class="sctxt"><strong class="sc-handle">1. Nível de Conformidade:</strong> Um dos seguintes níveis de conformidade é inteiramente cumprido. </p> <ul> <li> <p><strong class="sc-handle">Nível A: </strong>Para uma conformidade de Nível A (o nível mínimo de conformidade), a <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> <span class="screenreader">|</span> <a title="definição: cumpre um critério de sucesso" href="#satisfiesdef" class="termref">satisfaz </a> todos os Critérios de Sucesso de Nível A ou é <a title="definição: versão alternativa em conformidade" href="#conforming-alternate-versiondef" class="termref"> fornecida uma versão alternativa em conformidade</a> com o Nível A.</p> </li> <li> <p><strong class="sc-handle">Nível AA: </strong>Para uma conformidade de Nível AA, a página Web satisfaz todos os Critérios de Sucesso de Nível A e Nível AA ou é fornecida uma versão alternativa em conformidade com o Nível AA. </p> </li> <li> <p><strong class="sc-handle">Nível AAA: </strong>Para uma conformidade de Nível AAA, a página Web satisfaz todos os Critérios de Sucesso de Nível A, Nível AA e Nível AAA ou é fornecida uma versão alternativa em conformidade com o Nível AAA. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Nota 1: </em> Apesar da conformidade só poder ser alcançada nos níveis estabelecidos, os autores são encorajados a comunicar, nas suas declarações, qualquer progresso que vise cumprir critérios de sucesso de quaisquer níveis que estejam para além do nível de conformidade alcançado.</p> <p class="prefix"><em>Nota 2: </em> Não é recomendado fixar o Nível AAA como requisito normativo para sítios inteiros porque, para alguns conteúdos, não é possível satisfazer todos os Critérios de Sucesso de Nível AAA.</p> </div> </div> <div class="div3"> <a name="cc2" id="cc2"></a> <p class="sctxt"><strong class="sc-handle">2. Páginas completas:</strong> A <a title="definição: conformidade" href="#conformancedef" class="termref">conformidade</a>, e o nível de conformidade, aplica-se apenas a <a title="definição: página Web" href="#webpagedef" class="termref">página(s) Web</a> inteiras e não pode ser alcançada se parte de uma página Web for excluída. </p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Para o propósito da determinação de conformidade, as alternativas a parte do conteúdo de uma página são consideradas parte integrante dessa mesma página, quando as alternativas podem ser obtidas diretamente da página. Por exemplo, uma descrição longa ou uma apresentação alternativa a um vídeo.</p> <p class="prefix"><em>Nota 2: </em><span>Os autores de </span>páginas Web que não podem ser consideradas em conformidade devido ao conteúdo estar fora do controlo do autor podem considerar a apresentação de uma <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/#conformance-partial">Declaração de Conformidade Parcial</a>.</p> </div> </div> <div class="div3"> <a name="cc3" id="cc3"></a> <p class="sctxt"><strong class="sc-handle">3. Processos completos:</strong> Quando uma <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> faz parte de uma série de páginas Web que apresentam um <a title="definição: processo" href="#processdef" class="termref">processo</a> (i.e., uma sequência de passos que precisam de ser completados para levar a efeito uma atividade), todas as páginas Web do processo estão conformes com o nível especificado ou superior. (Não é possível invocar a conformidade de um determinado nível se qualquer página do processo não estiver em conformidade com esse nível ou superior). </p> <div class="example"> <p class="prefix"><em>Exemplo: </em>Uma loja <span lang="en" xml:lang="en">online</span> tem uma série de páginas que são usadas para selecionar e comprar produtos. Todas as páginas que fazem parte dessa série, desde o início até ao fim (<span lang="en" xml:lang="en">o pagamento</span>), estão em conformidade com a definição acordada para todo o processo.</p> </div> </div> <div class="div3"> <a name="cc4" id="cc4"></a> <p class="sctxt"><strong class="sc-handle">4. Utilização das Tecnologias de Acordo com as Formas Exclusivamente Suportadas pela Acessibilidade:</strong> Apenas as formas de usar <a title="definição: tecnologia (conteúdo Web)" href="#technologydef" class="termref">tecnologias</a> <span class="screenreader">|</span> <a title="definição: suportado por acessibilidade" href="#accessibility-supporteddef" class="termref">suportadas pela acessibilidade</a> podem ser <a title="definição: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">invocadas</a> para satisfazer os critérios de sucesso. Qualquer informação ou funcionalidade fornecida de uma forma que não seja suportada pela acessibilidade está também disponível de uma forma suportada pela acessibilidade (Consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-accessibility-support-head">Compreendendo o Suporte pela Acessibilidade</a>).</p> </div> <div class="div3"> <a name="cc5" id="cc5"></a> <p class="sctxt"><strong class="sc-handle">5. Não-Interferência:</strong> Se as <a title="definição: tecnologias (conteúdo Web)" href="#technologydef" class="termref"> tecnologias</a> forem usadas de uma forma não <a title="definição: suportado por acessibilidade" href="#accessibility-supporteddef" class="termref">suportada pela acessibilidade</a>, ou se forem usadas de uma forma não-conforme, então estas não bloqueiam a capacidade dos utilizadores acederem ao resto da página. Para além disso, a <a title="definição: página Web" href="#webpagedef" class="termref">página Web,</a> como um todo, continua a cumprir os requisitos de conformidade sob uma das seguintes condições:</p> <ol class="enumar"> <li> <p>quando qualquer tecnologia que não pode ser usada para <a title="definição: dependentes (tecnologias que são)" href="#reliedupondef" class="termref">invocar</a> a conformidade for ligada num agente de utilizador,</p> </li> <li> <p>quando qualquer tecnologia que não pode ser usada para invocar a conformidade for desligada num agente de utilizador, e</p> </li> <li> <p>quando qualquer tecnologia que não pode ser usada para invocar a conformidade for suportada pelo agente de utilizador.</p> </li> </ol> <p class="sctxt">Além disso, os seguintes critérios de sucesso aplicam-se a todo o conteúdo da página, incluindo ao conteúdo que não se encontra de qualquer forma invocado para satisfazer a conformidade, porque a falha na sua satisfação interfere com qualquer utilização da página:</p> <ul> <li><p><strong>1.4.2 - Controlo de Áudio</strong>,</p> </li> <li><p><strong>2.1.2 - Sem Bloqueio de Teclado</strong>,</p> </li> <li> <p><strong>2.3.1 - Três <span lang="en" xml:lang="en">flashes</span> ou Abaixo do Limiar</strong>, e</p> </li> <li><p><strong>2.2.2 - Colocar em Pausa, Parar, Ocultar</strong>.</p> </li> </ul> </div> <div class="div3"> <div class="note"> <p class="prefix"><em>Nota: </em>Se uma página não puder estar em conformidade (porque se trata de uma página de teste de conformidade ou de uma página de exemplo), não poderá ser incluída no âmbito da conformidade ou numa declaração de conformidade.</p> </div> <p class="sctxt">Para obter mais informações, incluindo exemplos, consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-conformance-requirements-head">Compreendendo os Requisitos de Conformidade (em inglês)</a>.</p> </div> </div> <div class="div2"> <h3><a name="conformance-claims" id="conformance-claims"></a>Declarações de Conformidade (Opcional) </h3> <p>A conformidade é definida apenas para <a title="definição: páginas Web" href="#webpagedef" class="termref">páginas Web</a>. Contudo, uma declaração de conformidade pode ser feita para uma só página, para uma série de páginas ou para um conjunto de páginas Web relacionadas entre si.</p> <div class="div3"> <h4><a name="conformance-required" id="conformance-required"></a>Elementos Necessários de uma Declaração de Conformidade</h4> <p class="sctxt">As declarações de conformidade<strong> não são obrigatórias</strong>. Os autores podem estar em conformidade com as WCAG 2.0 sem fazerem declaração disso. No entanto, se for feita uma declaração de conformidade, esta <strong>tem</strong> de incluir a seguinte informação:</p> <ol class="enumar"> <li> <p><strong>A Data</strong> da declaração</p> </li> <li> <p><strong>O título das diretrizes, a versão e o URI </strong> das "Diretrizes de Acessibilidade para Conteúdo Web 2.0 em <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a>" </p> </li> <li> <p><strong>O Nível de conformidade</strong> satisfeito: (Níveis A, AA ou AAA) </p> </li> <li> <p><strong>Uma breve descrição das páginas Web</strong>, ou seja uma lista de URIs a que a declaração se refere, incluindo mesmo os subdomínios sempre que estes façam também parte da declaração</p> <div class="note"> <p class="prefix"><em>Nota 1: </em> As páginas Web podem ser descritas em lista ou por uma expressão que descreva todos os URIs incluídos na declaração.</p> <p class="prefix"><em>Nota 2: </em>Os produtos baseados na Web que não tiverem um URI antes da sua instalação no sítio Web do cliente, poderão apresentar uma declaração em como o produto estará em conformidade quando for instalado.</p> </div> </li> <li> <p>Uma lista das <strong><a title="definição: tecnologias (conteúdo Web)" href="#technologydef" class="termref">tecnologias de conteúdo Web que podem ser usadas para</a> <a title="definição: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">invocar</a> a conformidade</strong>.</p> </li> </ol> <div class="note"> <p class="prefix"><em>Nota: </em> Se um logótipo de conformidade for usado, ele constituirá uma declaração, tendo por isso de ser acompanhado pelos elementos acima listados que fazem parte de uma declaração de conformidade.</p> </div> </div> <div class="div3"> <h4><a name="conformance-optional" id="conformance-optional"></a>Elementos Opcionais de uma Declaração de Conformidade </h4> <p class="sctxt">Para além dos elementos acima indicados, necessários para uma declaração de conformidade, considere a possibilidade de juntar informação para apoiar os utilizadores. A informação adicional recomendada inclui:</p> <ul> <li> <p>Uma lista dos critérios de sucesso que vão além do nível de conformidade atingido. Esta informação deve ser fornecida de forma a que possa ser usada pelos utilizadores, preferencialmente sob forma de metadados de leitura automática por máquinas. </p> </li> <li> <p>Uma lista de tecnologias específicas que são "<em>utilizadas mas que não podem ser usadas para <a title="definição: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">invocar</a> conformidade</em>."</p> </li> <li> <p>Uma lista de agentes de utilizador, incluindo tecnologias de apoio que foram utilizadas para testar o conteúdo. </p> </li> <li><p>Informação sobre quaisquer passos adicionais tomados que vão para além dos critérios de sucesso para melhorar a acessibilidade.</p> </li> <li> <p>Uma versão de leitura automática por máquinas, via metadados, de uma lista de tecnologias específicas que podem ser usadas para <a title="definição: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">invocar</a> conformidade. </p> </li> <li> <p>Uma versão de leitura automática por máquinas, via metadados, da declaração de conformidade.</p> </li> </ul> <div class="note"> <p class="prefix"><em>Nota 1: </em> Consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-conformance-claims-head">Compreendendo as Declarações de Conformidade (em inglês)</a> para mais informações e exemplos de declarações de conformidade.</p> <p class="prefix"><em>Nota 2: </em> Consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/appendixC.html#understanding-metadata">Compreendendo os Metadados (em inglês)</a> para mais informações sobre o uso de metadados nas declarações de conformidade.</p> </div> </div> </div> <div class="div2"> <h3><a name="conformance-partial" id="conformance-partial"></a>Declaração de Conformidade Parcial - Conteúdo de Terceiros</h3> <p>Por vezes, são acrescentados conteúdos suplementares às páginas Web criadas. Por exemplo, um programa de correio eletrónico, um blogue, um artigo que permita aos utilizadores adicionar comentários, ou aplicações que suportem conteúdos introduzidos pelo utilizador. Outro exemplo seria uma página, tal como um portal ou um sítio de notícias, composto por conteúdos agregados a partir de múltiplos contribuidores, ou sítios que introduzem automaticamente conteúdos a partir de outras fontes ao longo do tempo, tal como sucede com a publicidade que é inserida dinamicamente.</p> <p class="sctxt">Nestes casos, não é possível saber, no momento da publicação original, como vão ficar os conteúdos não controlados nessas páginas. É importante notar que os conteúdos não controlados podem também afetar a acessibilidade dos conteúdos controlados. Duas opções podem ser tomadas:</p> <ol class="enumar"> <li> <p>A determinação de conformidade pode ser baseada no conhecimento existente. Se uma página deste tipo for monitorizada e corrigida (o conteúdo que não está em conformidade é removido ou adaptado em conformidade) no prazo de dois dias úteis, então pode ser feita uma determinação ou declaração de conformidade, uma vez que a página está em conformidade, à exceção dos erros em conteúdos introduzidos a partir do exterior, que são corrigidos ou removidos assim que são encontrados. Não é possível fazer nenhuma declaração de conformidade, se não for possível monitorizar ou corrigir conteúdos que não estejam em conformidade;</p> <p><strong>OU</strong></p> </li> <li> <p>Pode ser feita uma "declaração de conformidade parcial" que ateste a não conformidade da página mas que poderia ficar em conformidade se determinadas partes fossem removidas. A referência desta declaração poderia ser: "Esta página não está em conformidade, mas poderia ficar em conformidade com o nível X das WCAG 2.0, caso as seguintes partes procedentes de fontes não controladas, fossem removidas." Além disso, o que se segue poderia igualmente ser reconhecido como um conteúdo não controlado, como descrito na declaração de conformidade parcial: </p> <ol class="enumla"> <li><p>É conteúdo que não está sob o controlo do autor.</p></li> <li> <p>O conteúdo está descrito de forma a ser identificado pelos utilizadores (por exemplo, não se pode dizer "todas as partes que nós não controlamos", a não ser que estas partes estejam claramente identificadas.)</p> </li> </ol> </li> </ol> </div> <div class="div2"> <h3><a name="conformance-partial-lang" id="conformance-partial-lang"></a>Declaração de Conformidade Parcial - Idioma</h3> <p>Pode ser publicada uma "declaração de conformidade parcial por motivos de idioma" quando a página não está em conformidade mas estaria em conformidade se existisse <a title="definição: suporte por acessibilidade" href="#accessibility-supporteddef" class="termref">suporte de acessibilidade</a> para (para todos) o(s) idioma(s) usado(s) na página. Neste caso a declaração seria algo como, "Esta página <em>não está em conformidade, mas</em> ficaria em conformidade com o nível X das WCAG 2.0, caso existisse suporte de acessibilidade para o(s) seguinte(s) idioma(s):" </p> </div> </div> </div> <div class="back"> <div class="div1"> <h2><a name="glossary" id="glossary"></a>Anexo A: Glossário</h2> <p>Esta secção é <a title="definição: normativa" href="#normativedef" class="termref">normativa</a>. </p> <dl> <dt class="label"><a name="abbreviationsdef" id="abbreviationsdef"></a>abreviação</dt> <dd> <p>forma abreviada de uma palavra, expressão ou nome, em que a abreviação não se torna parte da língua </p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Isto inclui siglas e acrónimos, onde:</p> <ol class="enumar"> <li> <p><strong>siglas</strong> são formas abreviadas de um nome ou expressão, criadas a partir das letras iniciais das palavras ou sílabas contidas nesse nome ou expressão</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Não definidas em todas as línguas </p> </div> <div class="example"> <p class="prefix"><em>Exemplo 1:</em> SNCF é uma sigla francesa que contém as letras iniciais de <em lang="fr">Société Nationale des Chemins de Fer</em>, a empresa nacional dos caminhos de ferro franceses.</p> <p class="prefix"><em>Exemplo 2:</em> ESP é a sigla inglesa para <em lang="en">extrasensory perception</em> (perceção extrassensorial).</p> </div> </li> <li><p><strong>acrónimos</strong> são formas abreviadas criadas a partir das letras iniciais ou partes de outras palavras (de um nome ou expressão), que podem ser pronunciadas como uma palavra </p> <div class="example"> <p class="prefix"><em>Exemplo: </em>NOAA é um acrónimo criado a partir das letras iniciais de <span lang="en">National Oceanic and Atmospheric Administration</span> dos Estados Unidos</p> </div> </li> </ol> <p class="prefix"><em>Nota 2: </em>Algumas empresas adotaram o que, anteriormente, eram siglas ou acrónimos como o nome respetivo da empresa. Nestes casos, o novo nome da empresa corresponde às letras (por exemplo, Ecma), deixando a palavra de ser considerada como uma abreviatura.</p> </div> </dd> <dt class="label"><a name="useragentdef" id="useragentdef"></a>agente de utilizador</dt> <dd><p>qualquer <em>software</em> que obtenha e apresente conteúdos da Web aos utilizadores</p> <div class="example"> <p class="prefix"><em>Exemplo: </em>navegadores Web, leitores multimédia, plug-ins e outros programas — incluindo <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologias de apoio</a> — que ajudam a obter, apresentar e interagir com conteúdos Web. </p> </div> </dd> <dt class="label"><a name="context-sensitivehelpdef" id="context-sensitivehelpdef"></a>ajuda contextualizada</dt> <dd> <p>texto de ajuda que fornece informação relacionada com a função atualmente em curso</p> <div class="note"> <p class="prefix"><em>Nota: </em>As etiquetas, quando bem feitas, podem servir como ajuda contextualizada.</p> </div> </dd> <dt class="label"><a name="context-changedef" id="context-changedef"></a>alterações do contexto</dt> <dd><p>alterações significativas no conteúdo da <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> que, se efetuadas sem conhecimento do utilizador, podem desorientar os utilizadores que não são capazes de ver a página como um todo </p> <p>As alterações de contexto incluem alterações de:</p> <ol class="enumar"> <li><p><a title="definição: agente de utilizador" href="#useragentdef" class="termref">agente de utilizador</a>;</p> </li> <li><p><a title="definição: janela" href="#viewportdef" class="termref">janela</a>;</p> </li> <li><p>foco;</p> </li> <li><p><a title="definição: conteúdo (conteúdo Web)" href="#contentdef" class="termref">conteúdo</a> que altera o significado da <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a>.</p> </li> </ol> <div class="note"> <p class="prefix"><em>Nota: </em>Uma alteração de conteúdo nem sempre é uma alteração de contexto. As alterações de conteúdo, tais como um contorno extensível, um menu dinâmico ou um separador de controlo não alteram necessariamente o contexto, a menos que também alterem um dos quatro indicados acima (por exemplo, o foco).</p> </div> <div class="example"> <p class="prefix"><em>Exemplo: </em>Abrir uma nova janela, mover o foco para um componente diferente, aceder a uma nova página (incluindo qualquer coisa que dê a sensação ao utilizador de se ter deslocado para uma nova página) ou reorganizar significativamente o conteúdo de uma página são exemplos de alterações de contexto.</p> </div> </dd> <dt class="label"><a name="multimedia-alt-textdef" id="multimedia-alt-textdef"></a>alternativa em multimédia para texto</dt> <dd><p>multimédia que não apresenta mais informação do que a que já se encontra presente no texto (diretamente ou por intermédio de alternativas em texto) </p> <div class="note"> <p class="prefix"><em>Nota: </em>Uma alternativa em multimédia para texto é fornecida para todos aqueles que beneficiam de representações alternativas ao texto. As alternativas em multimédia para texto podem ser compostas só de áudio, só de vídeo (incluindo vídeo de língua gestual) ou por áudio-vídeo.</p> </div> </dd> <dt class="label"><a name="alt-time-based-mediadef" id="alt-time-based-mediadef"></a>alternativa para multimédia dinâmica</dt> <dd> <p>documento que inclui transcrições textuais, corretamente sequenciadas, de informações auditivas e visuais dinâmicas, e que fornece um meio de interação com o objeto em multimédia dinâmica que permite alcançar qualquer uma das suas partes </p> <div class="note"> <p class="prefix"><em>Nota: </em>Um guião utilizado para criar o conteúdo sincronizado em multimédia só cumprirá esta definição se for corrigido para representar de forma assertiva a versão final, pós edição, da multimédia sincronizada.</p> </div> </dd> <dt class="label"><a name="text-altdef" id="text-altdef"></a>alternativa textual</dt> <dd> <p><a title="definition: texto" href="#textdef" class="termref">texto</a> que está associado de forma programática a um <a title="definição: conteúdo não textual" href="#non-text-contentdef" class="termref">conteúdo não textual</a> ou que é referido a partir de texto associado de forma programática a conteúdo não textual. O texto associado de forma programática é aquele cuja localização pode ser determinada de forma programática a partir do conteúdo não textual.</p> <div class="example"> <p class="prefix"><em>Exemplo: </em>A imagem de um gráfico é descrita textualmente no parágrafo que se segue ao gráfico. A alternativa ao gráfico é feita em texto abreviado e indica que é apresentada uma descrição em seguida. </p> </div> <div class="note"> <p class="prefix"><em>Nota: </em>Para mais informações, consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-text-alternatives-head">Compreendendo as Alternativas Textuais (em inglês)</a>.</p> </div> </dd> <dt class="label"><a name="ambiguouslinkdef" id="ambiguouslinkdef"></a>ambíguo para os utilizadores em geral</dt> <dd> <p>a finalidade não pode ser determinada a partir da hiperligação e de toda a informação da página Web apresentada ao utilizador em simultâneo com a hiperligação (i.e., os leitores sem incapacidades não conheceriam a função de uma hiperligação antes de a ativarem)</p> <div class="example"> <p class="prefix"><em>Exemplo: </em><br /> A palavra "goiaba" na seguinte frase é utilizada como uma hiperligação "Uma das maiores exportações é a goiaba". Esta hiperligação pode conduzir a uma definição de goiaba, a um gráfico que apresenta uma lista das quantidade de goiabas exportadas ou a uma fotografia de pessoas a apanhar goiabas. Os utilizadores estão nesta incerteza até que ativem a hiperligação e, neste caso, uma pessoa com incapacidade não se encontra em desvantagem.</p> </div> </dd> <dt class="label"><a name="presentationdef" id="presentationdef"></a>apresentação</dt> <dd> <p>apresentar o <a title="definição: conteúdo (conteúdo Web)" href="#contentdef" class="termref">conteúdo</a> de forma a ser percetível aos utilizadores </p> </dd> <dt class="label"><a name="asciiartdef" id="asciiartdef"></a>arte ASCII</dt> <dd><p>imagem criada por uma disposição espacial de caracteres ou glifos (normalmente, a partir dos 95 caracteres imprimíveis definidos pelo ASCII). </p> </dd> <dt class="label"><a name="audiodef" id="audiodef"></a>áudio</dt> <dd> <p>a tecnologia de reprodução de som</p> <div class="note"> <p class="prefix"><em>Nota: </em>O som pode ser criado de forma sintética (incluindo a síntese de fala), gravado a partir de sons reais, ou ambos.</p> </div> </dd> <dt class="label"><a name="audiodescdef" id="audiodescdef"></a>audiodescrição</dt> <dd> <p>narração adicionada a uma pista sonora para descrever os detalhes visuais importantes que não podem ser compreendidos a partir apenas da pista sonora principal </p> <div class="note"> <p class="prefix"><em>Nota 1: </em>A audiodescrição do <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a> fornece informação sobre ações, personagens, mudanças de cenas, texto que aparece no ecrã e outros conteúdos visuais. </p> <p class="prefix"><em>Nota 2: </em>Na audiodescrição normal, a narração é adicionada durante as pausas que existem nos diálogos. (Consulte também a <a title="definição: audiodescrição alargada" href="#extended-addef" class="termref">audiodescrição alargada</a>.)</p> <p class="prefix"><em>Nota 3: </em>Se todas as informações sobre o <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a> já estiverem incluídas no <a title="definição: áudio" href="#audiodef" class="termref">áudio</a>, não é necessária qualquer audiodescrição adicional.</p> <p class="prefix"><em>Nota 4: </em>Também designada por "vídeo-descrição" e "narrativa descritiva."</p> </div> </dd> <dt class="label"><a name="extended-addef" id="extended-addef"></a>audiodescrição alargada</dt> <dd> <p>audiodescrição que é adicionada a uma apresentação audiovisual através da colocação do <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a> em pausa, de forma a gerar tempo para adicionar a descrição mais alargada</p> <div class="note"> <p class="prefix"><em>Nota: </em>Esta técnica só é utilizada se o sentido do <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a> se perder sem a <a title="definição: audiodescrição" href="#audiodescdef" class="termref">audiodescrição</a> adicional e as pausas entre o diálogo ou a narração forem demasiado curtas.</p> </div> </dd> <dt class="label"><a name="reliedupondef" id="reliedupondef"></a>basilares para a invocação da conformidade (tecnologias que são)</dt> <dd><p>o conteúdo não estará <a title="definição: conformidade" href="#conformancedef" class="termref">em conformidade</a> caso esta <a title="definição: tecnologia (conteúdo Web)" href="#technologydef" class="termref">tecnologia</a> seja desligada ou não seja suportada</p> </dd> <dt class="label"><a name="blockstextdef" id="blockstextdef"></a>blocos de texto</dt> <dd><p>mais de uma frase</p> </dd> <dt class="label"><a name="CAPTCHAdef" id="CAPTCHAdef"></a>CAPTCHA</dt> <dd> <p>iniciais de "<span lang="en" xml:lang="en">Completely Automated Public Turing test to tell Computers and Humans Apart</span>" (teste Público de <span lang="en" xml:lang="en">Turing</span> Completamente Automatizado para Diferenciar os Computadores dos Humanos).</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Os testes CAPTCHA implicam, muitas vezes, pedir ao utilizador que digite um texto que é apresentado numa imagem deformada ou num ficheiro de áudio.</p> <p class="prefix"><em>Nota 2: </em> Um teste de <span lang="en" xml:lang="en">Turing</span> é qualquer sistema de testes concebido para diferenciar um humano de um computador. O nome provém de um famoso cientista informático, chamado <span lang="en" xml:lang="en">Alan Turing</span>. O termo foi popularizado por investigadores da <span lang="en" xml:lang="en">Carnegie Mellon University</span>. <a href="#CAPTCHA">[CAPTCHA]</a></p> </div> </dd> <dt class="label"><a name="user-interface-componentdef" id="user-interface-componentdef"></a>componente da interface de utilizador</dt> <dd> <p>uma parte do conteúdo que é percecionada pelos utilizadores como sendo um elemento de controlo único para uma função específica.</p> <div class="note"> <p class="prefix"><em>Nota 1: </em> Podem ser implementados múltiplos componentes de interface de utilizador como um elemento programático único. A noção de componente aqui não está relacionada com as técnicas de programação mas sim com aquilo que o utilizador perceciona como elementos de controlo distintos. </p> <p class="prefix"><em>Nota 2: </em>Os componentes da interface de utilizador incluem elementos de formulário e hiperligações bem como componentes gerados por scripts.</p> </div> <div class="example"> <p class="prefix"><em>Exemplo: </em>Uma miniaplicação (applet) dispõe de um "elemento de controlo" que permite uma deslocação através de conteúdos linha a linha, página a página ou de forma aleatória. Uma vez que cada uma destas funções deve ter um nome e funcionar de forma independente, cada um deles constitui um "componente da interface de utilizador."</p> </div> </dd> <dt class="label"><a name="conformancedef" id="conformancedef"></a>conformidade</dt> <dd><p>cumprir todos os requisitos de um determinado padrão, diretriz ou especificação </p> </dd> <dt class="label"><a name="set-of-web-pagesdef" id="set-of-web-pagesdef"></a>conjunto de páginas Web</dt> <dd><p>uma coleção de <a title="definição: página Web" href="#webpagedef" class="termref">páginas Web</a> que partilham um objetivo comum e que são criadas pelo mesmo autor, grupo ou organização </p> <div class="note"> <p class="prefix"><em>Nota: </em>Versões de diferentes idiomas seriam consideradas conjuntos diferentes de páginas Web. </p> </div> </dd> <dt class="label"><a name="pdlinkcontextdef" id="pdlinkcontextdef"></a>contexto da hiperligação determinado de forma programática</dt> <dd> <p>informação complementar que pode ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">programaticamente determinada</a> a partir das <a title="definição: relações" href="#relationshipsdef" class="termref">relações</a> com uma hiperligação, combinada com o texto da hiperligação e apresentada aos utilizadores em diferentes formas </p> <div class="example"> <p class="prefix"><em>Exemplo: </em>Em HTML, a informação que é programaticamente determinável a partir de uma hiperligação inclui o texto que se encontra no mesmo parágrafo, lista, na célula da tabela ou numa célula de cabeçalho de uma tabela que está associada com a célula da tabela que contém a hiperligação.</p> </div> <div class="note"> <p class="prefix"><em>Nota:</em> Uma vez que os leitores de ecrã interpretam a pontuação, eles fornecem também a frase como contexto da hiperligação em que o foco se encontra. </p> </div> </dd> <dt class="label"><a name="contentdef" id="contentdef"></a>conteúdo (conteúdo Web)</dt> <dd> <p>informação e experiência sensorial a comunicar ao utilizador através dos meios de um <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agente de utilizador</a>, incluindo o código ou a marcação que define a <a title="definição: estrutura" href="#structuredef" class="termref">estrutura</a>, <a title="definição: apresentação" href="#presentationdef" class="termref">a apresentação</a> e as interações </p> </dd> <dt class="label"><a name="non-text-contentdef" id="non-text-contentdef"></a>conteúdo não textual</dt> <dd> <p> todo o conteúdo que não é uma sequência de caracteres que possa ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">determinado de forma programática</a>, ou uma sequência de caracteres sem significado em qualquer <a title="definição: linguagem humana" href="#human-langdef" class="termref">linguagem humana</a></p> <div class="note"> <p class="prefix"><em>Nota: </em>Isto inclui <a title="definição: arte ASCII" href="#asciiartdef" class="termref">arte ASCII</a> (que consiste num desenho à base de caracteres), emoticons, leetspeak (que utiliza a substituição de caracteres) e imagens que representem texto</p> </div> </dd> <dt class="label"><a name="suppcontentdef" id="suppcontentdef"></a>conteúdo complementar</dt> <dd> <p>conteúdo <a title="definição: conteúdo (conteúdo Web)" href="#contentdef" class="termref">adicional</a> que ilustra ou explica o conteúdo principal</p> <div class="example"> <p class="prefix"><em>Exemplo 1: </em> Uma versão áudio de uma <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a>. </p> <p class="prefix"><em>Exemplo 2: </em> Uma ilustração de um <a title="definição: processo" href="#processdef" class="termref">processo</a> complexo. </p> <p class="prefix"><em>Exemplo 3: </em> Um parágrafo que resume os principais resultados e recomendações obtidos num estudo de investigação. </p> </div> </dd> <dt class="label"><a name="user-controllabledef" id="user-controllabledef"></a>controlável pelo utilizador</dt> <dd> <p>dados que podem ser acedidos pelos utilizadores</p> <div class="note"> <p class="prefix"><em>Nota: </em>Isto não se refere a coisas como logs de Internet e dados de monitorização de motores de busca.</p> </div> <div class="example"> <p class="prefix"><em>Exemplo: </em>Campos de nome e endereço de uma conta de utilizador.</p> </div> </dd> <dt class="label"><a name="programmaticallysetdef" id="programmaticallysetdef"></a>definido de forma programática</dt> <dd> <p>definido por software utilizando métodos que são suportados por agentes de utilizador, incluindo as tecnologias de apoio </p> </dd> <dt class="label"><a name="programmaticallydetermineddef" id="programmaticallydetermineddef"></a>determinado de forma programática (determinável de forma programática)</dt> <dd> <p>determinado pelo software a partir de dados fornecidos pelo autor, de forma a que os diferentes <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agentes de utilizador</a>, incluindo as <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologias de apoio</a>, possam extrair e apresentar esta informação aos utilizadores de diferentes maneiras</p> <div class="example"> <p class="prefix"><em>Exemplo 1: </em>Determinado numa linguagem de marcação a partir de elementos e atributos que são acedidos diretamente através de tecnologia de apoio normalmente disponíveis.</p> <p class="prefix"><em>Exemplo 2: </em>Determinado a partir de estruturas de dados de tecnologia específica numa linguagem que não é de marcação e exposto a tecnologia de apoio através de uma API de acessibilidade que é suportada por tecnologia de apoio normalmente disponível. </p> </div> </dd> <dt class="label"><a name="livedef" id="livedef"></a>em direto</dt> <dd> <p>informação obtida a partir de um evento real e transmitida ao recetor em tempo real, sem outro atraso que não seja o da transmissão.</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>O atraso de transmissão consiste num pequeno atraso (normalmente automatizado) utilizado, por exemplo, para dar tempo ao transmissor de colocar em fila de espera ou censurar a transmissão do áudio (ou vídeo), mas não o tempo suficiente para permitir uma edição significativa.</p> <p class="prefix"><em>Nota 2: </em>Se a informação for totalmente gerada por computador, então não é informação em direto.</p> </div> </dd> <dt class="label"><a name="blinksdef" id="blinksdef"></a>em modo intermitente</dt> <dd> <p>alternância entre dois estados visuais, de forma a chamar a atenção </p> <div class="note"> <p class="prefix"><em>Nota: </em> Consulte também o <a title="definição: flash" href="#flash-def" class="termref" lang="en" xml:lang="en">flash</a>. É possível que algo seja suficientemente grande e tenha uma luz intermitente suficientemente brilhante, na frequência correta, para ser também classificado como um <span lang="en" xml:lang="en">flash</span>.</p> </div> </dd> <dt class="label"><a name="pauseddef" id="pauseddef"></a>em pausa</dt> <dd><p>interrompido a pedido do utilizador e não retomado até que seja novamente pedido pelo utilizador</p> </dd> <dt class="label"><a name="emergencydef" id="emergencydef"></a>emergência</dt> <dd> <p>uma repentina e inesperada situação que requer ação imediata para preservar a saúde, a segurança ou a propriedade </p> </dd> <dt class="label"><a name="input-errordef" id="input-errordef"></a>erro de inserção</dt> <dd><p>informação fornecida pelo utilizador que não é aceite</p> <div class="note"> <p class="prefix"><em>Nota: </em> Isto inclui:</p> <ol class="enumar"> <li><p>Informação que é pedida pela <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> mas omitida pelo utilizador</p> </li> <li> <p>Informação que é fornecida pelo utilizador mas que não corresponde ao formato ou aos valores dos dados exigidos</p> </li> </ol> </div> </dd> <dt class="label"><a name="essentialdef" id="essentialdef"></a>essencial</dt> <dd> <p>elemento que, se for removido, alterará profundamente a informação ou a funcionalidade do conteúdo <strong>e</strong> as informações e as funcionalidades não podem ser obtidas de outra forma para ficarem em conformidade </p> </dd> <dt class="label"><a name="structuredef" id="structuredef"></a>estrutura</dt> <dd><ol class="enumar"> <li><p>A forma como as partes de uma <a title="definição: página Web" href="#webpagedef" class="termref">página Web</a> estão organizadas em relação umas às outras; e</p></li> <li> <p>A forma como um conjunto de <a title="definição: página Web" href="#webpagedef" class="termref">páginas Web</a> está organizado</p> </li> </ol> </dd> <dt class="label"><a name="labeldef" id="labeldef"></a>etiqueta</dt> <dd><p><a title="definição: texto" href="#textdef" class="termref">texto</a> ou outro componente com uma <a title="definição: alternativa textual" href="#text-altdef" class="termref">alternativa textual</a> que é apresentado ao utilizador para identificar um componente no <a class="termref" title="definição: conteúdo (conteúdo Web)" href="#contentdef">conteúdo</a> Web</p> <div class="note"> <p class="prefix"><em>Nota 1: </em> É apresentada uma etiqueta a todos os utilizadores, ao passo que o <a title="definição: nome" href="#namedef" class="termref">nome</a> poderá estar oculto e ficar visível apenas através de tecnologia de apoio. Em muitos casos (mas não em todos), o nome e a etiqueta são os mesmos. </p> <p class="prefix"><em>Nota 2: </em>O termo etiqueta não está limitado ao elemento <code>label</code> em HTML. </p> </div> </dd> <dt class="label"><a name="real-time-eventsdef" id="real-time-eventsdef"></a>evento em tempo real</dt> <dd><p>evento que a) ocorre ao mesmo tempo que a visualização e b) não é totalmente gerado pelo conteúdo</p> <div class="example"> <p class="prefix"><em>Exemplo 1: </em>Uma difusão Web (Webcast) de uma representação em direto (que ocorre ao mesmo tempo que a visualização e que não é pré-gravada).</p> <p class="prefix"><em>Exemplo 2: </em>Um leilão <span lang="en" xml:lang="en">online</span> em que as pessoas licitam (que ocorre ao mesmo tempo que a visualização). </p> <p class="prefix"><em>Exemplo 3: </em>Indivíduos que interagem num mundo virtual através de <span lang="en" xml:lang="en">avatars</span> (que não é totalmente gerado pelo conteúdo e que ocorre ao mesmo tempo que a visualização). </p> </div> </dd> <dt class="label"><a name="sensoryexpdef" id="sensoryexpdef"></a>experiência sensorial específica</dt> <dd> <p>uma experiência sensorial que não é meramente decorativa e que não transmite informação importante nem desempenha nenhuma função</p> <div class="example"> <p class="prefix"><em>Exemplo: </em>Os exemplos incluem a execução de um solo de flauta, trabalhos de artes visuais, etc. </p> </div> </dd> <dt class="label"><a name="idiomsdef" id="idiomsdef"></a>expressão idiomática</dt> <dd> <p>expressão cujo significado não pode ser deduzido a partir do significado de palavras isoladas e em que as palavras específicas não podem ser alteradas sem que esta perca o seu sentido</p> <div class="note"> <p class="prefix"><em>Nota: </em><br /> as expressões idiomáticas não podem ser literalmente traduzidas, sem perder o seu sentido (cultural ou linguistico). </p> </div> <div class="example"> <p class="prefix"><em>Exemplo 1: </em>Em inglês, "spilling the beans" significa "revelar um segredo". Contudo, "knocking over the beans" (derrubar os feijões) ou "spilling the vegetables" (deixar cair os feijões) não tem o mesmo significado.</p> <p class="prefix"><em>Exemplo 2: </em>Em japonês, a expressão "<span lang="ja">さじを投げる</span>" traduz-se literalmente como "he throws a spoon" (ele atira uma colher), mas isto significa que não há mais nada que ele possa fazer e que, finalmente, ele vai desistir. </p> <p class="prefix"><em>Exemplo 3: </em>Em holandês, "<span lang="ne">Hij ging met de kippen op stok</span>" traduz-se literalmente como "Deitou-se com as galinhas", mas isto significa que ele foi cedo para a cama.</p> </div> </dd> <dt class="label"><a name="flash-def" id="flash-def"></a>flash</dt> <dd> <p>alternância de <a title="definição: luminescência relativa" href="#relativeluminancedef" class="termref">luminescência relativa</a>, que pode causar convulsões em algumas pessoas caso a exposição seja prolongada e ocorra num intervalo de frequência preciso</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Consulte <a title="definição: limites de flash universal e flash vermelho" href="#general-thresholddef" class="termref">flash em geral e limites de flash em vermelho</a> para informação sobre os tipos de flash que não são permitidos.</p> <p class="prefix"><em>Nota 2: </em>Consulte também<a title="definição: em modo intermitente" href="#blinksdef" class="termref"> em modo intermitente</a>.</p> </div> </dd> <dt class="label"><a name="functiondef" id="functiondef"></a>funcionalidade</dt> <dd> <p><a title="definição: processo" href="#processdef" class="termref">processos</a> e resultados alcançáveis através da ação do utilizador</p> </dd> <dt class="label"><a name="larger-scaledef" id="larger-scaledef"></a>grande ampliação (texto)</dt> <dd> <p>com pelo menos 18 pontos ou 14 pontos negrito ou um tamanho de letra equivalente para os tipos de letra Chinês, Japonês e Coreano (CJK) </p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Tipos de letra com traços extraordinariamente finos ou características e aspetos invulgares, que reduzam o reconhecimento da forma das letras, são mais difíceis de ler, sobretudo com níveis de contraste mais baixos.</p> <p class="prefix"><em>Nota 2: </em>O tamanho do tipo de letra é o tamanho com que o conteúdo é apresentado. Não inclui o redimensionamento que poderá ser feito pelo utilizador.</p> <p class="prefix"><em>Nota 3: </em>O tamanho efetivo dos caracteres que o utilizador vê está dependente quer da definição do tamanho estabelecido pelo autor, quer do ecrã do utilizador ou das definições do agente de utilizador. Para muitos tipos de letra comummente usados no corpo do texto, 14 e 18 pontos é mais ou menos equivalente a 1,2 e 1,5 'em', ou a 120% ou 150% do tamanho predefinido para o corpo de texto (assumindo que o tamanho do tipo de letra do corpo de texto está a 100%), mas os autores poderão ter necessidade de verificar isto para determinados tipos de letra em utilização. Quando os tipos de letra estão definidos em unidades relativas, o tamanho atual do ponto é calculado pelo agente de utilizador para visualizar. Quando avalia este critério de sucesso, o tamanho do ponto deve ser obtido a partir do agente de utilizador, ou calculado com base nas métricas do tipo de letra tal como o agente de utilizador o faz. Os utilizadores que têm baixa visão deverão ser responsáveis por escolher as configurações apropriadas. </p> <p class="prefix"><em>Nota 4: </em>Quando se utiliza texto sem especificar o tamanho de letra, o tamanho de letra mais pequeno usado na maioria dos navegadores Web para texto em que o tamanho não esteja especificado, deverá ser considerado um tamanho razoável para o tipo de letra. Se um cabeçalho de nível 1 é apresentado, nos principais navegadores Web, em 14pt negrito ou superior, então deverá ser razoável assumir que se trata de texto grande. O redimensionamento relativo poderá ser calculado a partir dos tamanhos pré-definidos de uma forma similar. </p> <p class="prefix"><em>Nota 5: </em>Os tamanhos 18 e 14 pontos para textos de línguas romanicas são obtidos a partir do tamanho mínimo para impressão em caracteres ampliados (14pt) e do tamanho padronizado maior (18pt). Para tipos de letra de línguas como a Chinesa, Japonesa e Coreana (CJK), os tamanhos "equivalentes" seriam o tamanho mínimo para impressão em caracteres ampliados utilizado para aquelas línguas e o tamanho padronizado imediatamente a seguir.</p> </div> </dd> <dt class="label"><a name="images-of-textdef" id="images-of-textdef"></a>texto sob forma de imagem</dt> <dd><p>texto que foi convertido para um formato não textual (por ex., uma imagem) para se obter um determinado efeito visual</p> <div class="note"> <p class="prefix"><em>Nota: </em>Isto não inclui o <a title="definição: texto" href="#textdef" class="termref">texto</a> que é parte de uma imagem que contenha outros conteúdos visuais importantes.</p> </div> <div class="example"> <p class="prefix"><em>Exemplo:</em> O nome de uma pessoa colocado numa etiqueta de uma fotografia.</p> </div> </dd> <dt class="label"><a name="informativedef" id="informativedef"></a>informativo</dt> <dd> <p>para fins informativos e não requerido por questões de conformidade</p> <div class="note"> <p class="prefix"><em>Nota: </em>O conteúdo requerido por <a title="definição: conformidade" href="#conformancedef" class="termref">questões de conformidade</a> está referido como sendo "<a title="definição: normativo" href="#normativedef" class="termref">normativo</a>."</p> </div> </dd> <dt class="label"><a name="keybrd-interfacedef" id="keybrd-interfacedef"></a>interface de teclado</dt> <dd> <p>interface utilizada pelo <em>software</em> para obter entradas por digitação</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Uma interface de teclado permite aos utilizadores digitar entradas no programa mesmo que a tecnologia nativa não disponha de teclado.</p> <div class="example"> <p class="prefix"><em>Exemplo:</em> Um PDA com ecrã sensível ao toque tem uma interface de teclado incorporada no seu sistema operativo, assim como uma conexão para teclados externos. As aplicações do PDA podem usar a interface para obter inserção de dados por teclado quer através de um teclado externo quer através de aplicações que simulam saídas de teclado, tais como sistemas de interpretação de caracteres manuscritos ou aplicações de reconhecimento de voz com a funcionalidade de "emulação de teclado".</p> </div> <p class="prefix"><em>Nota 2: </em>A utilização de uma aplicação (ou partes da aplicação) através de emuladores de rato pelo teclado, tais como o MouseKeys (teclas do rato), não a qualifica como sendo uma operação por interface de teclado porque a operação do programa é, neste caso, feita pela sua interface de dispositivo apontador e não pela sua interface de teclado.</p> </div> </dd> <dt class="label"><a name="sign-languageinterpdef" id="sign-languageinterpdef"></a>interpretação em língua gestual</dt> <dd> <p>tradução de uma língua, normalmente uma língua falada, para uma <a title="definição: língua gestual" href="#sign-languagedef" class="termref">língua gestual</a></p> <div class="note"> <p class="prefix"><em>Nota: </em> As verdadeiras línguas gestuais são línguas independentes não relacionadas com a(s) língua(s) faladas no mesmo país ou região. </p> </div> </dd> <dt class="label"><a name="jargondef" id="jargondef"></a>jargão</dt> <dd> <p>palavras utilizadas pelas pessoas de uma forma particular num domínio específico</p> <div class="example"> <p class="prefix"><em>Exemplo: </em>A palavra StickyKeys (teclas presas) faz parte do jargão utilizado no contexto da tecnologia de apoio/acessibilidade.</p> </div> </dd> <dt class="label"><a name="captionsdef" id="captionsdef"></a>legendas</dt> <dd><p>imagens sincronizadas e/ou <a title="definição: alternativa textual" href="#text-altdef" class="termref">alternativa textual</a> para informação de áudio, com ou sem fala, necessárias para compreender o conteúdo em multimédia</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Estas legendas são semelhantes às legendas só de diálogo, à exceção de que transmitem não só o conteúdo do diálogo falado, como também são equivalentes à informação de áudio sem diálogo, necessários para compreender o conteúdo do programa, incluindo efeitos sonoros, música, risos, localização e identificação do interlocutor.</p> <p class="prefix"><em>Nota 2: </em>As Legendas Fechadas são equivalentes que podem ser ativados e desativados com alguns leitores multimédia.</p> <p class="prefix"><em>Nota 3: </em>As Legendas Abertas são legendas que não podem ser desativadas. Por exemplo, se as legendas forem <a title="definição: texto sob forma de imagem" href="#images-of-textdef" class="termref">textos sob forma de imagem</a> equivalentes à parte visual, incorporadas no <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a>.</p> <p class="prefix"><em>Nota 4: </em>As legendas não devem ocultar nem obstruir informações relevantes do vídeo.</p> <p class="prefix"><em>Nota 5: </em>Em alguns países, as legendas de diálogo e de áudio e as legendas só de diálogo designam-se ambas por "legendas".</p> <p class="prefix"><em>Nota 6: </em><a title="definição: audiodescrição" href="#audiodescdef" class="termref">As áudiodescrições</a> podem ser legendadas, mas não obrigatoriamente, uma vez que são descrições de informações que já se encontram presentes visualmente.</p> </div> </dd> <dt class="label"><a name="general-thresholddef" id="general-thresholddef"></a>limiar de flash universal e flash vermelho</dt> <dd> <p>um <a title="definição: flash" href="#flash-def" class="termref" lang="en" xml:lang="en">flash</a> ou uma sequência rápida imagem encontra-se abaixo do limiar (i.e., o conteúdo está conforme) se, pelo menos, um dos seguintes casos for verdadeiro:</p> <ol class="enumar"> <li> <p>não existem mais de três <strong><span lang="en" xml:lang="en">flashes</span> universais </strong> e/ou não mais de três<strong> <span lang="en" xml:lang="en">flashes</span> vermelhos</strong> dentro de cada período de um segundo; ou</p> </li> <li> <p>a área combinada de <span lang="en" xml:lang="en">flashes</span> simultâneos não representa mais do que um total de 0.006 esterradianos dentro de cada campo visual de 10 graus do ecrã (25% de cada campo visual de 10 graus do ecrã) a uma distância típica de visualização</p> </li> </ol> <p>onde:</p> <ul> <li> <p>Um <strong>flash universal </strong> é definido como uma alternância de <a title="definição: luminescência relativa" href="#relativeluminancedef" class="termref">luminescência relativa</a> de 10% ou superior da luminescência relativa máxima em que a luminescência relativa da imagem mais escura está abaixo dos 0.80; e em que "o par de alterações opostas" aumenta seguido por um decréscimo, ou diminui seguido por um acréscimo, e </p> </li> <li> <p>Um <strong>flash vermelho</strong> é definido como uma alternância envolvendo uma saturação de vermelho.</p> </li> </ul> <p><em>Exceção:</em> <span class="prefix"> O Flash que seja um padrão preciso e equilibrado como o ruído branco ou um padrão de um tabuleiro de xadrez alternado com os "quadrados" mais pequenos que 0.1 graus de lado (de um campo visual a uma distância de visualização típica) não ultrapassa o limiar do flash.</span> </p> <div class="note"> <p class="prefix"><em>Nota 1: </em> Para a generalidade do software ou conteúdo Web, a utilização de um retângulo com 341 x 256 píxeis posicionado em qualquer área de visualização do ecrã, quando o conteúdo é visto em 1024 x 768 píxeis, será bem visualizado num campo de visão de 10 graus num ecrã de tamanho padrão e visionado a uma distância padrão (e.g., ecrã de 15-17 polegadas a 22-26 polegadas). (Os ecrãs com resoluções altas mostram o mesmo conteúdo que cabe nos pequenos, por isso são as resoluções mais baixas que são utilizadas para definir os limiares.) </p> <p class="prefix"><em>Nota 2: </em> Uma transição é a alteração na luminescência relativa (ou luminescência relativa/cor para flash vermelho) entre altos e baixos adjacentes num plano de medida de luminescência relativa (ou luminescência relativa/cor para flash vermelho) em comparação com o tempo. Um flash consiste em duas transições contrárias.</p> <p class="prefix"><em>Nota 3: </em>Para efeitos de trabalho, a atual definição adotada no setor para "par de transições opostas envolvendo um vermelho saturado" ocorre, para cada um ou para ambos os estados envolvidos em cada transição, R/(R+ G + B) >= 0.8, e a alteração do valor de (R-G-B)x320 é > 20 (valores negativos de (R-G-B)x320 são ajustados para zero) para ambas as transições. R, G, B valores no intervalo de 0-1 tal como especificado na definição de “luminescência relativa”. <a href="#HARDING-BINNIE">[HARDING-BINNIE]</a></p> <p class="prefix"><em>Nota 4: </em>Estão disponíveis ferramentas que irão executar análises a partir de capturas de vídeo do ecrã. Todavia, não é necessário uma ferramenta para avaliar esta condição se os flashes forem inferiores ou iguais a 3 flashes em qualquer um dos segundos. O conteúdo é conforme automaticamente (consulte #1 e #2 acima). </p> </div> </dd> <dt class="label"><a name="sign-languagedef" id="sign-languagedef"></a>língua gestual</dt> <dd> <p>uma língua que utiliza combinações de movimentos das mãos e dos braços, expressões faciais ou posições corporais para transmitir significados</p> </dd> <dt class="label"><a name="human-langdef" id="human-langdef"></a>linguagem humana</dt> <dd> <p>linguagem que é falada, escrita ou expressa (por meio visual ou tátil) para comunicar com os humanos </p> <div class="note"> <p class="prefix"><em>Nota: </em>Consulte também <a title="definição: língua gestual" href="#sign-languagedef" class="termref">língua gestual</a>.</p> </div> </dd> <dt class="label"><a name="relativeluminancedef" id="relativeluminancedef"></a>luminescência relativa</dt> <dd><p>a luminescência relativa de um qualquer ponto num espaço de cor, em que 0 é para o preto mais escuro e 1 para o branco mais claro</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Para o espaço de cor sRGB, a luminescência relativa de uma cor é definida como L = 0,2126 * <strong>R</strong> + 0,7152 * <strong>G</strong> + 0,0722 * <strong>B</strong> em que <strong>R</strong>, <strong>G</strong> e <strong>B</strong> são definidos da seguinte forma:</p> <ul> <li> <p>se R<sub>sRGB</sub> <= 0.03928 então <strong>R</strong> = R<sub>sRGB</sub>/12,92 ou <strong>R</strong> = ((R<sub>sRGB</sub>+0,055)/1,055) ^ 2.4</p> </li> <li> <p>se G<sub>sRGB</sub> <= 0.03928 então <strong>G</strong> = G<sub>sRGB</sub>/12,92 ou <strong>G</strong> = ((G<sub>sRGB</sub>+0,055)/1,055) ^ 2.4</p> </li> <li> <p>se B<sub>sRGB</sub> <= 0.03928 então <strong>B</strong> = B<sub>sRGB</sub>/12,92 ou <strong>B</strong> = ((B<sub>sRGB</sub>+0.055)/1.055) ^ 2.4</p> </li> </ul> <div class="note"> <p class="prefix">e R<sub>sRGB</sub>, G<sub>sRGB</sub>, e B<sub>sRGB</sub> são definidos da seguinte forma:</p> </div> <ul> <li><p>R<sub>sRGB</sub> = R<sub>8bit</sub>/255</p> </li> <li><p>G<sub>sRGB</sub> = G<sub>8bit</sub>/255</p> </li> <li><p>B<sub>sRGB</sub> = B<sub>8bit</sub>/255</p> </li> </ul> <div class="note"> <p class="prefix">O carácter "^" representa o operador de exponenciação. (Fórmula obtida a partir de [<a href="#sRGB">sRGB</a>] e [<a href="#IEC-4WD">IEC-4WD</a>]).</p> </div> <p class="prefix"><em>Nota 2: </em>Praticamente todos os sistemas utilizados atualmente para visualizar conteúdos da Web assumem a codificação sRGB. Exceto quando se sabe que será utilizado outro espaço de cor para processar e visualizar o conteúdo, os autores deverão proceder à avaliação utilizando o espaço de cor sRGB. Caso utilize outros espaços de cor, ver <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html">Compreendendo o Critérios de Sucesso 1.4.3 (em inglês)</a>.</p> <p class="prefix"><em>Nota 3: </em>Se, após a apresentação surgir um sombreado, então será utilizado o valor da cor do foco. Para cores sombreadas no foco, dever-se-á utilizar os valores médios das cores sombreadas (média R, média G e média B).</p> <p class="prefix"><em>Nota 4: </em>Existem ferramentas que calculam automaticamente quando se testa o contraste e o <span lang="en" xml:lang="en">flash</span>.</p> <p class="prefix"><em>Nota 5: </em> Está disponível <a href="https://www.w3.org/TR/WCAG20/relative-luminance.xml">uma versão MathML da definição da luminescência relativa</a> </p> </div> </dd> <dt class="label"><a name="mechanismdef" id="mechanismdef"></a>mecanismo</dt> <dd><p><a title="definição: processo" href="#processdef" class="termref">processo</a> ou técnica para se alcançar um resultado</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>O mecanismo pode ser explicitamente apresentado no conteúdo, ou a sua disponibilização pode <a title="definição: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">depender da plataforma</a> ou dos <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agentes de utilizador</a>, incluindo <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologias de apoio</a>.</p> <p class="prefix"><em>Nota 2: </em>O mecanismo deve cumprir todos os critérios de sucesso para o nível de conformidade em questão.</p> </div> </dd> <dt class="label"><a name="puredecdef" id="puredecdef"></a>meramente decorativo</dt> <dd><p>que serve apenas um objetivo estético, não fornecendo informação e sem qualquer funcionalidade</p> <div class="note"> <p class="prefix"><em>Nota: </em>O texto é meramente decorativo se as palavras puderem ser reorganizadas ou substituídas sem alterar a sua finalidade.</p> </div> <div class="example"> <p class="prefix"><em>Exemplo: </em>A capa de um dicionário com palavras aleatórias pouco proeminentes em plano de fundo.</p> </div> </dd> <dt class="label"><a name="samefunctionalitydef" id="samefunctionalitydef"></a>mesma funcionalidade </dt> <dd><p>o mesmo resultado quando utilizado </p> <div class="example"> <p class="prefix"><em>Exemplo: </em>Um botão para submeter uma "pesquisa" numa página Web e um botão para "localizar" noutra página Web, podem ambos ter um campo de edição para inserir o termo e a lista de tópicos do sítio Web relacionados com o termo submetido. Neste caso, eles teriam a mesma funcionalidade mas não seriam etiquetados de forma consistente.</p> </div> </dd> <dt class="label"><a name="samerelorderdef" id="samerelorderdef"></a>mesma ordem relativa</dt> <dd><p>a mesma posição em relação a outros itens</p> <div class="note"> <p class="prefix"><em>Nota: </em>Nota: Considera-se que os itens se encontram na mesma ordem relativa, mesmo se forem inseridos ou retirados outros itens na ordem original. Por exemplo, a expansão de menus de navegação permite a introdução de um nível de detalhe adicional, ou a introdução de uma secção de navegação secundária na ordem de leitura.</p> </div> </dd> <dt class="label"><a name="synchronizedmediadef" id="synchronizedmediadef"></a>multimédia sincronizada</dt> <dd> <p><a title="definição: áudio" href="#audiodef" class="termref">áudio</a> ou <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a> sincronizados com outro formato para apresentação de informações e/ou com componentes interativos dinâmicos ou temporais, a não ser que a <a title="definição: alternativa em multimédia para texto" href="#multimedia-alt-textdef" class="termref">multimédia seja uma alternativa em multimédia para texto</a> e assim esteja claramente identificada como tal</p> </dd> <dt class="label"><a name="nav-seqdef" id="nav-seqdef"></a>navegado sequencialmente</dt> <dd><p>navegado na ordem definida pelo avançar do foco (de um elemento para outro) utilizando uma <a title="definição: interface de teclado" href="#keybrd-interfacedef" class="termref">interface de teclado</a></p> </dd> <dt class="label"><a name="namedef" id="namedef"></a>nome</dt> <dd><p>texto através do qual o software pode identificar um componente no conteúdo Web para o utilizador</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>O nome poderá estar oculto e ficar visível apenas através de tecnologia de apoio, ao passo que uma <a title="definição: etiqueta" href="#labeldef" class="termref">etiqueta</a> está visível a todos os utilizadores. Em muitos casos (mas não todos), o nome e a etiqueta são os mesmos.</p> <p class="prefix"><em>Nota 2: </em>Isto não está relacionado com o atributo <code>name</code> em HTML.</p> </div> </dd> <dt class="label"><a name="normativedef" id="normativedef"></a>normativo</dt> <dd><p>necessário para conformidade</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Existem uma variedade de formas bem definidas para estar em conformidade com este documento.</p> <p class="prefix"><em>Nota 2: </em>O conteúdo identificado como sendo "<a title="definição: informativo" href="#informativedef" class="termref">informativo</a>" ou "não-normativo" nunca é exigido para conformidade.</p> </div> </dd> <dt class="label"><a name="fullscreenwindowdef" id="fullscreenwindowdef"></a>numa janela em ecrã completo</dt> <dd> <p>nos tamanhos de ecrã mais comuns dos computadores de secretária/portáteis com o <span lang="en" xml:lang="en">viewport</span> maximizado</p> <div class="note"> <p class="prefix"><em>Nota: </em>Visto que as pessoas normalmente fazem uso dos seus computadores durante vários anos, é bom não fazer depender as avaliações apenas das resoluções dos ecrãs existentes nos laptops/desktops mais recentes mas considerar as resoluções de ecrãs mais comuns ao longo de vários anos.</p> </div> </dd> <dt class="label"><a name="linkpurposedef" id="linkpurposedef"></a>objetivo da hiperligação</dt> <dd><p>natureza do resultado obtido pela ativação de uma hiperligação</p> </dd> <dt class="label"><a name="webpagedef" id="webpagedef"></a>página Web</dt> <dd><p>um recurso não incorporado a partir de um único URI utilizando HTTP mais quaisquer outros recursos que sejam utilizados na apresentação ou destinados a serem apresentados em conjunto por um <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agente de utilizador</a></p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Embora quaisquer "outros recursos" possam ser apresentados em conjunto com o recurso principal, não seriam necessariamente apresentados em simultâneo.</p> <p class="prefix"><em>Nota 2: </em>Para efeitos de conformidade com estas diretrizes, um recurso tem de ser "não incorporado" no âmbito da conformidade, de forma a ser considerado uma página Web.</p> </div> <div class="example"> <p class="prefix"><em>Exemplo 1: </em>Um recurso Web que inclui todas as imagens e multimédia incorporadas.</p> <p class="prefix"><em>Exemplo 2: </em>Um programa Web de correio eletrónico construído utilizando Asynchronous JavaScript e XML (AJAX). O programa está totalmente alojado em http://example.com/mail, mas inclui uma caixa de entrada, uma área de contatos e um calendário. São fornecidas hiperligações ou botões que permitem visualizar a caixa de entrada, os contatos ou o calendário, mas que não alteram o URI da página totalmente.</p> <p class="prefix"><em>Exemplo 3: </em>Um portal personalizável, em que os utilizadores podem escolher o conteúdo a visualizar a partir de um conjunto de diferentes módulos de conteúdos.</p> <p class="prefix"><em>Exemplo 4: </em>Ao entrar em "http://shopping.example.com/" no seu navegador Web, está a entrar num ambiente de compras interativo semelhante a um filme, em que se pode deslocar visualmente numa loja, arrastar produtos das prateleiras ao seu redor e colocá-los num carrinho de compras que surge à sua frente. Ao clicar num produto, este é apresentado com uma folha de especificações ao lado. Isto poderá ser um sítio da Web com apenas uma página, ou apenas uma única página dentro de um sítio da Web.</p> </div> </dd> <dt class="label"><a name="roledef" id="roledef"></a>papel (role)</dt> <dd><p>texto ou número através do qual o software pode identificar a função de um componente num conteúdo Web</p> <div class="example"> <p class="prefix"><em>Exemplo: </em>Um número que indica se uma imagem funciona como hiperligação, botão de comando ou caixa de verificação.</p> </div> </dd> <dt class="label"><a name="visually-customizeddef" id="visually-customizeddef"></a>personalizado visualmente</dt> <dd><p>o tipo de letra, o tamanho, a cor e o fundo podem ser definidos</p> </dd> <dt class="label"><a name="prerecordeddef" id="prerecordeddef"></a>pré-gravado</dt> <dd> <p>informação que não é <a title="definição: em directo" href="#livedef" class="termref">em direto</a></p> </dd> <dt class="label"><a name="primseceddef" id="primseceddef"></a>primeiro e segundo ciclos do ensino básico</dt> <dd><p>período de seis anos que tem início entre os cinco e os sete anos de idade, possivelmente sem existir qualquer ensino anterior</p> <div class="note"> <p class="prefix"><em>Nota: </em>Esta definição baseia-se na <span lang="en" xml:lang="en">International Standard Classification of Education</span> [<a href="#UNESCO">UNESCO</a>].</p> </div> </dd> <dt class="label"><a name="processdef" id="processdef"></a>processo</dt> <dd> <p>conjunto de ações do utilizador, em que cada ação é necessária para executar uma atividade</p> <div class="example"> <p class="prefix"><em>Exemplo 1: </em>Uma boa utilização de uma série de páginas Web num sítio de compras requer que os utilizadores visualizem produtos, preços e ofertas alternativas, selecionem produtos, submetam uma encomenda, forneçam informação sobre o envio e sobre o pagamento.</p> <p class="prefix"><em>Exemplo 2: </em>Uma página de registo de conta requer o preenchimento correto de um teste de <span lang="en" xml:lang="en">Turing</span> antes de poder aceder ao formulário de registo.</p> </div> </dd> <dt class="label"><a name="contrast-ratiodef" id="contrast-ratiodef"></a>relação de contraste</dt> <dd><p>(L1 + 0,05) / (L2 + 0,05), em que</p> <ul> <li><p>L1 corresponde à <a title="definição: luminescência relativa" href="#relativeluminancedef" class="termref">luminescência relativa</a> da cor mais clara de todas, e</p> </li> <li><p>L2 corresponde à <a title="definição: luminescência relativa" href="#relativeluminancedef" class="termref">luminescência relativa</a> da cor mais escura de todas</p> </li> </ul> <div class="note"> <p class="prefix"><em>Nota 1: </em>As relações de contraste podem variar entre 1 a 21 (normalmente indicado por 1:1 a 21:1).</p> <p class="prefix"><em>Nota 2: </em>Uma vez que os autores não têm controlo sobre as definições de utilizador, quanto à forma como o texto é apresentado, (por exemplo, tipo de letra polida ou não pixelizada), a relação de contraste para o texto pode ser avaliada com a não pixelização desativada.</p> <p class="prefix"><em>Nota 3: </em>Para os fins dos Critérios de Sucesso 1.4.3 e 1.4.6, é medido o contraste do fundo especificado, sobre o qual o texto é apresentado em utilização normal. Se não for especificada nenhuma cor de fundo, é assumida a cor branca. </p> <p class="prefix"><em>Nota 4: </em>A cor de fundo é a cor especificada do conteúdo sobre o qual o texto deve ser apresentado em utilização normal. Ocorrerá uma falha se não existir nenhuma cor de fundo especificada quando a cor do texto está especificada, uma vez que a cor de fundo predefinida do utilizador é desconhecida e não pode ser avaliada relativamente à existência de contraste suficiente. Pela mesma razão, ocorrerá uma falha se não existir nenhuma cor de texto especificada quando a cor de fundo está especificada. </p> <p class="prefix"><em>Nota 5: </em>Se existir um contorno à volta da letra, o contorno pode adicionar contraste e ser utilizado para calcular o contraste entre a letra e o respetivo fundo. Um contorno estreito à volta da letra é utilizado como a própria letra. Um rebordo largo à volta da letra, que preenche os detalhes interiores da mesma, funciona como uma auréola e será considerado como fundo.</p> <p class="prefix"><em>Nota 6: </em>A conformidade das WCAG deve ser avaliada relativamente aos pares de cores especificados no conteúdo, que um autor esperaria ver aparecer de modo adjacente em apresentação normal. Os autores não necessitam de considerar apresentações invulgares, tais como alterações de cor efetuadas pelo agente de utilizador, exceto quando provocadas pelo código dos autores.</p> </div> </dd> <dt class="label"><a name="relationshipsdef" id="relationshipsdef"></a>relações</dt> <dd> <p>associações significativas entre as distintas peças de conteúdo</p> </dd> <dt class="label"><a name="legalcommitmentsdef" id="legalcommitmentsdef"></a>responsabilidades jurídicas</dt> <dd><p>transações em que o indivíduo incorre num compromisso ou benefício juridicamente vinculativo</p> <div class="example"> <p class="prefix"><em>Exemplo: </em>Uma certidão de casamento, uma transação bolsista (financeira e jurídica), um testamento, um empréstimo, adoção, alistamento no exército, qualquer tipo de contrato, etc.</p> </div> </dd> <dt class="label"><a name="satisfiesdef" id="satisfiesdef"></a>satisfaz um critério de sucesso</dt> <dd> <p>a avaliação do critério de sucesso não resulta em 'falso' quando aplicado à página</p> </dd> <dt class="label"><a name="sectiondef" id="sectiondef"></a>secção</dt> <dd><p>Uma parte independente de um conteúdo escrito que aborda um ou mais tópicos ou pensamentos relacionados</p> <div class="note"> <p class="prefix"><em>Nota: </em>Uma secção pode consistir num ou mais parágrafos e incluir gráficos, tabelas, listas e subsecções.</p> </div> </dd> <dt class="label"><a name="correct-reading-sequencedef" id="correct-reading-sequencedef"></a>sequência de leitura correta</dt> <dd><p>qualquer sequência, na qual as palavras e os parágrafos são apresentados numa ordem que não altera o significado do conteúdo</p> </dd> <dt class="label"><a name="audio-onlydef" id="audio-onlydef"></a>só áudio</dt> <dd> <p>uma apresentação dinâmica que contém só <a title="definição: áudio" href="#audiodef" class="termref">áudio</a> (sem <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a> e sem interação)</p> </dd> <dt class="label"><a name="video-onlydef" id="video-onlydef"></a>só vídeo</dt> <dd> <p>uma apresentação dinâmica que contém só <a title="definição: vídeo" href="#videodef" class="termref">vídeo</a> (sem <a title="definição: vídeo" href="#videodef" class="termref">áudio</a> e sem interação)</p> </dd> <dt class="label"><a name="accessibility-supporteddef" id="accessibility-supporteddef"></a>suportada pela acessibilidade</dt> <dd><p>suportado pelas <a title="definição: tecnologia de apoio (tal como é utilizado neste documento)" href="#atdef" class="termref">tecnologias de apoio</a> dos utilizadores, bem como pelas caraterísticas de acessibilidade existentes nos navegadores Web e outros <a href="#useragentdef" title="definição: agente de utilizador" class="termref">agentes de utilizador</a>.</p> <p>Para uma utilização de uma tecnologia de conteúdo Web ser considerada como sendo suportada pela acessibilidade (ou caraterística de uma tecnologia), têm de ser cumpridos ambos os pontos 1 e 2 para uma tecnologia de conteúdo Web (ou característica):</p> <ol class="enumar"> <li><p><strong>A forma como a <a title="definição: tecnologia (conteúdo Web)" href="#technologydef" class="termref">tecnologia de conteúdo Web</a> é utilizada tem de ser suportada por tecnologia de apoio dos utilizadores (AT)</strong>. Isto significa que a interoperabilidade da utilização da tecnologia foi testada com a tecnologia de apoio dos utilizadores <a title="definição: linguagem humana" href="#human-langdef" class="termref">na(s) linguagem(ns) humana(s)</a> do conteúdo,</p> <p><strong>E</strong></p> </li> <li><p><strong>A tecnologia de conteúdo Web tem de ter agentes de utilizador suportados por acessibilidade disponíveis para os utilizadores.</strong> Isto significa que, no mínimo, uma das seguintes quatro afirmações é verdadeira:</p> <ol class="enumla"> <li><p>A tecnologia é suportada de forma nativa em agentes de utilizador largamente distribuídos, que também são suportados por acessibilidade (tal como HTML e CSS);</p> <p><strong>OU</strong></p> </li> <li> <p>A tecnologia é suportada num plug-in largamente distribuído, que também é suportado pela acessibilidade;</p> <p><strong>OU</strong></p> </li> <li> <p>O conteúdo está disponível num ambiente fechado, tal como uma universidade ou rede empresarial, em que o agente de utilizador requerido pela tecnologia e utilizado pela organização também é suportado pela acessibilidade;</p> <p><strong>OU</strong></p> </li> <li><p>Os agentes de utilizador que suportam a tecnologia são suportados por acessibilidade e estão disponíveis para download ou compra de forma a:</p> <ul> <li><p>não custar mais a uma pessoa com incapacidades do que a uma pessoa sem incapacidades <strong>e</strong></p> </li> <li> <p>serem tão fáceis de encontrar e obter para uma pessoa com incapacidade como é para uma pessoa sem incapacidade.</p> </li> </ul> </li> </ol> </li> </ol> <div class="note"> <p class="prefix"><em>Nota 1: </em>O Grupo de Trabalho WCAG e o W3C não especificam o suporte por tecnologias de apoio necessário para uma determinada utilização de uma tecnologia Web ser classificada como suportada pela acessibilidade. (Consulte o <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-support-level-head">Nível de Suporte por Tecnologia de Apoio Necessário para "Suporte pela Acessibilidade"</a>.)</p> <p class="prefix"><em>Nota 2: </em>As tecnologias Web podem ser utilizadas de formas que não sejam suportadas pela acessibilidade, desde que não sejam usadas para <a title="definição: basilares para a invocação da conformidade (tecnologias que são)" href="#reliedupondef" class="termref">invocar conformidade</a> e que a página, como um todo, satisfaça os requisitos de conformidade, incluindo o <a href="#cc4">Requisito de Conformidade 4: Apenas Formas de Utilizar Tecnologias Suportadas pela Acessibilidade</a> e o <a href="#cc5">Requisito de Conformidade 5: Não-Interferência</a>.</p> <p class="prefix"><em>Nota 3: </em>Quando uma Tecnologia Web é utilizada de uma forma "suportada pela acessibilidade", não implica que toda a tecnologia ou todas as utilizações da tecnologia sejam suportadas. A maioria das tecnologias, incluindo HTML, não têm suporte para, no mínimo, uma característica ou utilização. As páginas só estão em conformidade com as WCAG se as formas de usar a tecnologia suportadas pela acessibilidade puderem ser invocadas para satisfazer os requisitos das WCAG.</p> <p class="prefix"><em>Nota 4: </em>Ao mencionar tecnologias de conteúdo Web que tenham várias versões, é necessário especificar as versões suportadas.</p> <p class="prefix"><em>Nota 5: </em>Uma das formas para os autores localizarem utilizações de uma tecnologia que são suportadas pela acessibilidade é consultar compilações de utilizações que estão documentadas como sendo suportadas pela acessibilidade. (Consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-documented-lists-head">Compreendendo Utilizações de Tecnologia Web Suportadas pela Acessibilidade</a>). Os autores, as empresas, os fornecedores de tecnologia ou outros, podem documentar formas de utilizar tecnologias de conteúdo Web suportadas pela acessibilidade. Contudo, é necessário que todas as formas de utilização de tecnologias na documentação cumpram a definição de tecnologias de conteúdo Web suportadas pela acessibilidade apresentada acima.</p> </div> </dd> <dt class="label"><a name="technologydef" id="technologydef"></a>tecnologia (conteúdo Web)</dt> <dd> <p><a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> de codificação de instruções a serem apresentadas, reproduzidas ou executadas pelos <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agentes de utilizador</a></p> <div class="note"> <p class="prefix"><em>Nota 1: </em>Tal como é utilizado nestas diretrizes, "Tecnologia Web" e a palavra "tecnologia" (quando utilizada isoladamente) referem-se às Tecnologias de Conteúdo Web.</p> <p class="prefix"><em>Nota 2: </em>As tecnologias de conteúdo Web podem incluir linguagens de marcação, formatos de dados ou linguagens de programação que os autores podem utilizar isoladamente ou em combinação, de forma a criar experiências de utilizador final que variam de páginas Web estáticas a apresentações em multimédia sincronizada e a aplicações Web dinâmicas.</p> </div> <div class="example"> <p class="prefix"><em>Exemplo: </em>Alguns exemplos comuns de tecnologias de conteúdo Web incluem HTML, CSS, SVG, PNG, PDF, Flash e JavaScript.</p> </div> </dd> <dt class="label"><a name="atdef" id="atdef"></a>tecnologia de apoio (tal como é utilizado neste documento)</dt> <dd><p>hardware e/ou software que funcionam como um <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agente de utilizador</a>, ou juntamente com um agente de utilizador convencional, de modo a fornecer a funcionalidade para cumprir os requisitos de utilizadores com incapacidades, para além dos oferecidos pelos agentes de utilizador convencionais</p> <div class="note"> <p class="prefix"><em>Nota 1: </em>a funcionalidade fornecida pela tecnologia de apoio inclui apresentações alternativas (por ex., síntese de fala ou conteúdo ampliado), métodos de entrada alternativos (por ex., voz), mecanismos de orientação ou navegação adicionais e transformações de conteúdo (por ex., para tornar as tabelas mais acessíveis).</p> <p class="prefix"><em>Nota 2: </em>As tecnologias de apoio comunicam, muitas vezes, dados e mensagens a agentes de utilizador convencionais através da utilização e monitorização de APIs.</p> <p class="prefix"><em>Nota 3: </em>A diferença entre agentes de utilizador convencionais e tecnologias de apoio não é absoluta. Muitos agentes de utilizador convencionais fornecem algumas funcionalidades para ajudar pessoas com incapacidades. A principal diferença é que os agentes de utilizador convencionais visam um público mais vasto e diverso que, normalmente, inclui pessoas com e sem incapacidades. As tecnologias de apoio visam um grupo de utilizadores mais restrito, com incapacidades específicas. O apoio fornecido por uma tecnologia de apoio é mais específico e adequado às necessidades do seu público-alvo. O agente de utilizador convencional pode fornecer uma funcionalidade importante às tecnologias de apoio, tal como a aquisição de conteúdo Web a partir de objetos do programa ou análise da marcação/código em conjuntos identificáveis.</p> </div> <div class="example"> <p class="prefix"><em>Exemplo: </em>As tecnologias de apoio que são importantes, no contexto deste documento, incluem o seguinte:</p> <ul> <li> <p>ampliadores de ecrã e outros auxiliares de leitura, que são utilizados por pessoas com incapacidades visuais, de perceção e físicas, de forma a poderem alterar a cor, o espaçamento, o tamanho e o tipo de letra do texto, a sincronização com a fala, etc., para melhorar a legibilidade do texto e imagens apresentados;</p> </li> <li> <p>leitores de ecrã, que são utilizados por pessoas cegas para lerem informação textual através de síntese de fala ou braille;</p> </li> <li><p><span lang="en" xml:lang="en">software</span> de conversão de texto para fala (sintetizador de fala), que é utilizado por algumas pessoas com incapacidades cognitivas, de linguagem e de aprendizagem para converterem texto em fala sintetizada;</p></li> <li><p><span lang="en" xml:lang="en">software</span> de reconhecimento de voz, que pode ser utilizado por pessoas com algumas incapacidades físicas;</p></li> <li> <p>teclados alternativos, que são utilizados por pessoas com determinadas incapacidades físicas para simular o teclado (incluindo teclados alternativos que utilizam ponteiros de cabeça, manípulos simples, dispositivos de sopro/sucção e outros dispositivos de entrada especiais);</p> </li> <li><p>dispositivos apontadores alternativos, que são utilizados por pessoas com determinadas incapacidades físicas para simular ativações do botão e do ponteiro do rato.</p></li> </ul> </div> </dd> <dt class="label"><a name="lowseceddef" id="lowseceddef"></a>terceiro ciclo do ensino básico</dt> <dd><p>o período de dois ou três anos de escolaridade que tem início após a conclusão dos primeiros seis anos de escolaridade e que termina nove anos após o início do <a title="definição: nível do ensino básico" href="#primseceddef" class="termref">ensino básico</a></p> <div class="note"> <p class="prefix"><em>Nota: </em>Esta definição baseia-se na <span lang="en" xml:lang="en">International Standard Classification of Education</span> [<a href="#UNESCO">UNESCO</a>].</p> </div> </dd> <dt class="label"><a name="textdef" id="textdef"></a>texto</dt> <dd><p>sequência de caracteres que podem ser <a title="definição: determinado de forma programática (determinável de forma programática)" href="#programmaticallydetermineddef" class="termref">determinados de forma programática</a>, em que a sequência exprime algo em <a title="definição: linguagem humana" href="#human-langdef" class="termref">linguagem humana</a></p> </dd> <dt class="label"><a name="unusual-restricteddef" id="unusual-restricteddef"></a>utilizada de uma forma restrita e invulgar</dt> <dd><p>palavras utilizadas de uma determinada forma, tendo os utilizadores de conhecer exatamente qual a definição a aplicar para compreender o conteúdo corretamente</p> <div class="example"> <p class="prefix"><em>Exemplo: </em>O termo "gig" tem um significado se utilizado num debate sobre concertos de música e outro se utilizado num artigo sobre discos rígidos de computadores; contudo, a definição adequada pode ser determinada a partir do contexto. Por outro lado, a palavra "texto" é utilizada de uma forma muito específica na versão WCAG 2.0, daí que o glossário apresente uma definição.</p> </div> </dd> <dt class="label"><a name="conforming-alternate-versiondef" id="conforming-alternate-versiondef"></a>versão alternativa em conformidade</dt> <dd><p>versão que</p> <ol class="enumar"> <li><p>está em conformidade com o nível designado,</p></li> <li><p>fornece a mesma informação e <a title="definição: funcionalidade" href="#functiondef" class="termref">funcionalidade</a> na mesma <a title="definição: linguagem humana" href="#human-langdef" class="termref">linguagem humana</a>, e</p></li> <li><p>está tão atualizado quanto o conteúdo não conforme, e</p></li> <li><p>para a qual, no mínimo, uma das seguintes afirmações é verdadeira:</p> <ol class="enumla"> <li><p>é possível aceder à versão em conformidade a partir da página que não está em conformidade, através de um <a title="definição: mecanismo" href="#mechanismdef" class="termref">mecanismo</a> <a title="definição: suportada por acessibilidade" href="#accessibility-supporteddef" class="termref">suportada pela acessibilidade</a>, ou</p></li> <li><p>só é possível aceder à versão que não está em conformidade a partir da versão em conformidade, ou</p></li> <li><p>só é possível aceder à versão que não está em conformidade a partir de uma página em conformidade, que também forneça um mecanismo para aceder à versão em conformidade</p></li> </ol> </li> </ol> <div class="note"> <p class="prefix"><em>Nota 1: </em>Nesta definição, a expressão "só é possível aceder" significa que existe algum mecanismo, tal como um redirecionamento condicional, que impede um utilizador de "chegar" (carregar) à página que não está em conformidade, a menos que o utilizador tenha acabado de vir da versão em conformidade.</p> <p class="prefix"><em>Nota 2: </em>Não é necessário que a versão alternativa corresponda, página a página, à original (por ex., a versão alternativa em conformidade pode consistir em várias páginas).</p> <p class="prefix"><em>Nota 3: </em>Se estiverem disponíveis versões de várias línguas, serão necessárias versões alternativas em conformidade para cada língua oferecida.</p> <p class="prefix"><em>Nota 4: </em>Podem ser fornecidas versões alternativas para acomodar diferentes ambientes de tecnologia ou grupos de utilizadores. Cada versão deverá estar o mais em conformidade possível. É necessária uma versão em conformidade total, para cumprir o <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/#cc1">requisito de conformidade 1</a>.</p> <p class="prefix"><em>Nota 5: </em>Não é necessário que a versão alternativa em conformidade resida no âmbito de conformidade, nem mesmo no mesmo sítio da Web, desde que esteja tão disponível como a versão que não está em conformidade.</p> <p class="prefix"><em>Nota 6: </em>As versões alternativas não devem ser confundidas com o <a title="definição: conteúdo suplementar" href="#suppcontentdef" class="termref">conteúdo suplementar</a>, que suporta a página original e melhora a compreensão</p> <p class="prefix"><em>Nota 7: </em>A definição de preferências de utilizador no conteúdo para produzir uma versão em conformidade é um mecanismo aceitável para aceder a outra versão, desde que o método utilizado para definir as preferências seja suportado pela acessibilidade.</p> </div> <p class="circref">Consulte <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-conforming-alt-versions-head">Compreendendo as Versões Alternativas em Conformidade</a></p> </dd> <dt class="label"><a name="videodef" id="videodef"></a>vídeo</dt> <dd><p>a tecnologia do movimento ou das fotografias sequenciadas ou das imagens</p> <div class="note"> <p class="prefix"><em>Nota: </em>O vídeo pode ser composto por imagens animadas ou fotográficas ou ambas.</p> </div> </dd> <dt class="label"><a name="viewportdef" id="viewportdef"></a>viewport</dt> <dd><p>objeto no qual o agente de utilizador apresenta o conteúdo </p> <div class="note"> <p class="prefix"><em>Nota 1: </em>O <a title="definição: agente de utilizador" href="#useragentdef" class="termref">agente de utilizador</a> apresenta o conteúdo através de uma ou mais viewports. As viewports incluem janelas, frames, altifalantes e lupas virtuais. Uma viewport pode conter outra viewport (por ex., frames encaixadas). Os componentes da interface criados pelo agente de utilizador, tais como prompts, menus e alertas, não são viewports. </p> <p class="prefix"><em>Nota 2: </em>Esta definição baseia-se no <a href="https://www.w3.org/TR/WAI-USERAGENT/glossary.html">Glossário das Diretrizes de Acessibilidade para o Agente de Utilizador 1.0</a>.</p> </div> </dd> </dl> </div> <div class="div1"> <h2><a name="acknowledgments" id="acknowledgments"></a>Anexo B: Agradecimentos</h2> <p>Esta secção é <a title="definição: informativa" href="#informativedef" class="termref">informativa</a>.</p> <p>Esta publicação foi em parte financiada pelos fundos federais do Ministério da Educação norte-americano e do National Institute on Disability and Rehabilitation Research (Instituto Nacional para a Pesquisa em Incapacidades e Reabilitação) (NIDRR), sob o contrato número ED05CO0039. O conteúdo desta publicação não reflete, necessariamente, as opiniões e políticas do Ministério da Educação norte-americano, não menciona marcas comerciais, produtos comerciais, e não significa que as organizações tenham a aprovação do governo norte-americano.</p> <p>Para mais informações sobre a participação do Grupo de Trabalho das Diretrizes de Acessibilidade para Conteúdo Web (WCAG WG), consulte a <a href="https://www.w3.org/WAI/GL/">Página inicial do Grupo de Trabalho</a>.</p> <div class="div2"> <h3><a name="d0e3472" id="d0e3472"></a>Participantes ativos do <acronym title="Grupo de Trabalho">GT</acronym> WCAG à data da sua publicação</h3> <ul> <li><p>Bruce Bailey (U.S. Access Board - Comissão de Acessibilidade norte-americana)</p></li> <li><p>Frederick Boland (NIST)</p></li> <li><p>Ben Caldwell (Trace R&D Center, Universidade de Wisconsin)</p></li> <li><p>Sofia Celic (Especialista Convidada do <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym>)</p></li> <li><p>Michael Cooper (W3C)</p></li> <li><p>Roberto Ellero (International Webmasters Association / HTML Writers Guild)</p></li> <li><p>Bengt Farre (Rigab)</p></li> <li><p>Loretta Guarino Reid (Google)</p></li> <li><p>Katie Haritos-Shea</p></li> <li><p>Andrew Kirkpatrick (Adobe)</p></li> <li><p>Drew LaHart (IBM)</p></li> <li><p>Alex Li (SAP AG)</p></li> <li><p>David MacDonald (E-Ramp Inc.)</p></li> <li><p>Roberto Scano (International Webmasters Association / HTML Writers Guild)</p></li> <li><p>Cynthia Shelly (Microsoft)</p></li> <li><p>Andi Snow-Weaver (IBM)</p></li> <li><p>Christophe Strobbe (DocArch, K.U.Leuven)</p></li> <li><p>Gregg Vanderheiden (Trace R&D Center, University de Wisconsin)</p></li> </ul> </div> <div class="div2"> <h3><a name="d0e3530" id="d0e3530"></a>Outros participantes anteriormente ativos do <acronym title="Grupo de Trabalho">GT</acronym> WCAG e outras contribuições para a versão WCAG 2.0</h3> <p>Shadi Abou-Zahra, Jim Allan, Jenae Andershonis, Avi Arditti, Aries Arditi, Mike Barta, Sandy Bartell, Kynn Bartlett, Marco Bertoni, Harvey Bingham, Chris Blouch, Paul Bohman, Patrice Bourlon, Judy Brewer, Andy Brown, Dick Brown, Doyle Burnett, Raven Calais, Tomas Caspers, Roberto Castaldo, Sambhavi Chandrashekar, Mike Cherim, Jonathan Chetwynd, Wendy Chisholm, Alan Chuter, David M Clark, Joe Clark, James Coltham, James Craig, Tom Croucher, Nir Dagan, Daniel Dardailler, Geoff Deering, Pete DeVasto, Don Evans, Neal Ewers, Steve Faulkner, Lainey Feingold, Alan J. Flavell, Nikolaos Floratos, Kentarou Fukuda, Miguel Garcia, P.J. Gardner, Greg Gay, Becky Gibson, Al Gilman, Kerstin Goldsmith, Michael Grade, Jon Gunderson, Emmanuelle Gutiérrez y Restrepo, Brian Hardy, Eric Hansen, Sean Hayes, Shawn Henry, Hans Hillen, Donovan Hipke, Bjoern Hoehrmann, Chris Hofstader, Yvette Hoitink, Carlos Iglesias, Ian Jacobs, Phill Jenkins, Jyotsna Kaki, Leonard R. Kasday, Kazuhito Kidachi, Ken Kipness, Marja-Riitta Koivunen, Preety Kumar, Gez Lemon, Chuck Letourneau, Scott Luebking, Tim Lacy, Jim Ley, William Loughborough, Greg Lowney, Luca Mascaro, Liam McGee, Jens Meiert, Niqui Merret, Alessandro Miele, Mathew J Mirabella, Charles McCathieNevile, Matt May, Marti McCuller, Sorcha Moore, Charles F. Munat, Robert Neff, Bruno von Niman, Tim Noonan, Sebastiano Nutarelli, Graham Oliver, Sean B. Palmer, Sailesh Panchang, Nigel Peck, Anne Pemberton, David Poehlman, Adam Victor Reed, Chris Ridpath, Lee Roberts, Gregory J. Rosmaita, Matthew Ross, Sharron Rush, Gian Sampson-Wild, Joel Sanda, Gordon Schantz, Lisa Seeman, John Slatin, Becky Smith, Jared Smith, Neil Soiffer, Jeanne Spellman, Mike Squillace, Michael Stenitzer, Jim Thatcher, Terry Thompson, Justin Thorp, Makoto Ueki, Eric Velleman, Dena Wainwright, Paul Walsch, Takayuki Watanabe, Jason White.</p> </div> </div> <div class="div1"> <h2><a name="references" id="references"></a>Anexo C: Referências</h2> <p>Esta secção é <a title="definição: informativa" href="#informativedef" class="termref">informativa</a>. </p> <dl> <dt class="label"><a name="CAPTCHA" id="CAPTCHA"></a>CAPTCHA</dt> <dd>Projeto CAPTCHA, Universidade de <span lang="en" xml:lang="en">Carnegie Mellon</span>. Disponível em <a href="http://www.captcha.net">http://www.captcha.net</a>.</dd> <dt class="label"><a name="HARDING-BINNIE" id="HARDING-BINNIE"></a>HARDING-BINNIE</dt> <dd>Harding G. F. A. and Binnie, C.D., <span lang="en" xml:lang="en">Independent Analysis of the ITC Photosensitive Epilepsy Calibration Test Tape</span>. 2002.</dd> <dt class="label"><a name="IEC-4WD" id="IEC-4WD"></a>IEC-4WD</dt> <dd>IEC/4WD 61966-2-1: <span lang="en" xml:lang="en">Colour Measurement and Management in Multimedia Systems and Equipment - Part 2.1: Default Colour Space - sRGB</span>. 5 de maio de 1998.</dd> <dt class="label"><a name="sRGB" id="sRGB"></a>sRGB</dt> <dd>"<span lang="en" xml:lang="en">A Standard Default Color Space for the Internet - sRGB.</span>" M. Stokes, M. Anderson, S. Chandrasekar, R. Motta, eds., Versão 1.10, 5 de novembro de 1996. Disponível em <a href="https://www.w3.org/Graphics/Color/sRGB.html">http://www.w3.org/Graphics/Color/sRGB.html</a>.</dd> <dt class="label"><a name="UNESCO" id="UNESCO"></a>UNESCO</dt> <dd><span lang="en" xml:lang="en">International Standard Classification of Education</span>, 1997. Disponível em <a href="http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm">http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm</a>.</dd> <dt class="label"><a name="WCAG10" id="WCAG10"></a>WCAG10</dt> <dd><span lang="en" xml:lang="en">Web Content Accessibility Guidelines 1.0</span>, G. Vanderheiden, W. Chisholm, I. Jacobs, Editores, Recomendação <acronym title="World Wide Web Consortium" lang="en" xml:lang="en">W3C</acronym>, 5 de maio de 1999, http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/. A última versão das WCAG 1.0 está disponível em <a href="https://www.w3.org/TR/WAI-WEBCONTENT/">http://www.w3.org/TR/WAI-WEBCONTENT/</a>.</dd> </dl> </div> </div> <div style="padding:0.2% 1% 0.2% 10%;"> <p class="copyright" lang="en" xml:lang="en"> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2008 <a href="https://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/" title="Keio University">Keio</a>), All Rights Reserved. <acronym title="World Wide Web Consortium">W3C</acronym> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p> </div> </body> </html>