Resultados do Validador eXaminator da UMIC – Agência para a Sociedade do Conhecimento, IP.
notas técnicas: validador eXaminator | índice web@x | logótipo dinâmico "Certified Accessibility".
154 elementos em http://www.acessibilidade.gov.pt/w3/TR/WCAG20-TECHS/C12.html
A calcular os resultados. (cálculos efectuados com sucesso)
A efectuar ligação a http://validator.w3.org para verificar o código (X)HTML.
A efectuar ligação a http://jigsaw.w3.org/css-validator para verificar as folhas de estilo CSS. (o eXaminator conseguiu estabelecer ligação ao validator de CSS do W3C)
Esta página passa a bateria de testes do eXaminator para as prioridades 1, 2 e 3 (conformidade "aaa")
Índice web@X (0-10): 10.0 (o índice deve ser usado apenas como referência dos responsáveis pelos conteúdos do sítio web)
Se o presente código não corresponde ao que observa no seu navegador web, então há algo que está a dificultar a observação correcta por parte do eXaminator. Verifique, nomeadamente, se o URI fornecido não foi alvo de quaisquer redireccionamentos. Se for o caso, submeta o URI redireccionado.
<?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>C12: Utilizar percentagem para tamanhos de letra | Técnicas para as WCAG 2.0</title>
<link rel="stylesheet" type="text/css" href="../WCAG20/W3C-WG-NOTE.css" />
<link rel="stylesheet" type="text/css" href="additional.css" />
<link rel="stylesheet" type="text/css" href="slicenav.css" />
</head>
<body class="slices">
<div id="masthead">
<p class="logo"><a href="http://www.w3.org/"><img width="72" height="48" alt="W3C" src="../WCAG20/w3c_home.png" /></a></p>
<p class="collectiontitle"><a href="./">Técnicas para as WCAG 2.0</a></p>
</div>
<div id="skipnav">
<p class="skipnav"><a href="#maincontent">Ir para o conteúdo (Pressione a tecla Enter)</a></p>
</div>
<a name="top" id="top"></a>
<ul id="navigation">
<li><strong><a href="Overview.html#contents">Ãndice</a></strong></li>
<li><strong><a href="intro.html" title="Introdução às Técnicas para as WCAG 2.0"><abbr title="Introdução">Intro</abbr></a></strong></li>
<li><a title="C9: Utilizar CSS para incluir imagens decorativas" href="C9.html"><strong>Anterior:</strong> Técnica C9</a></li>
<li><a title="C12: Utilizar tamanhos de letra identificados" href="C13.html"><strong>Próximo:</strong> Técnica C13</a></li>
</ul>
<div class="navtoc">
<p>Nesta página:</p>
<ul id="navbar">
<li><a href="#C12-applicability">Aplicabilidade</a></li>
<li><a href="#C12-description">Descrição</a></li>
<li><a href="#C12-examples">Exemplos</a></li>
<li><a href="#C12-resources">Recursos</a></li>
<li><a href="#C12-related-techs">Técnicas Relacionadas</a></li>
<li><a href="#C12-tests">Testes</a></li>
</ul>
</div>
<div class="skiptarget"><a id="maincontent" name="maincontent">-</a></div>
<h1><a name="C12" id="C12"></a>C12: Utilizar percentagem para tamanhos de letra</h1>
<div class="applicability">
<h2 id="C12-applicability">Aplicabilidade</h2>
<div class="textbody">
<p>CSS.</p>
</div>
</div>
<p class="referenced">Esta técnica está relacionada com:</p>
<ul>
<li><a href="../WCAG20/index.html#visual-audio-contrast-scale">Critério de Sucesso 1.4.4 (Redimensionar texto)</a>
<ul>
<li><a href="http://www.acesso.umic.pt/w3/TR/WCAG20-quickref/#visual-audio-contrast-scale">Como Cumprir o 1.4.4 (Redimensionar texto)</a></li>
<li><a href="../UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html">Noções sobre o Critério de Sucesso 1.4.4 (Redimensionar texto)</a></li>
</ul>
</li>
</ul>
<div class="ua-issues">
<h2 class="small-head" id="ua3.5.1">Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio</h2>
<div class="ua-issue">
<p>Quando o tamanho de letra é especificado em qualquer unidade de medida absoluta, tais como pontos ou pixéis, os comandos de menu 'Tamanho de Texto' no Internet Explorer 7 e versões anteriores não redimensionam o texto.</p>
</div>
<div class="ua-issue">
<p>Quando o 'Modo Alto Contraste' é definido a partir do 'Painel de Controlo de Acessibilidade' do Windows, o IE6 aumenta o tamanho do texto da página como se uma alteração, via CSS, na percentagem tivesse sido definida para a janela mais periférica. O comportamento normal de um layout via CSS faz com que o redimensionamento relativo tenha um efeito multiplicador, ocorrendo subtis diferenças de alteração do tamanho do texto nos vários elementos. O Firefox e o IE7 não redimensionam o conteúdo com base nas definições do sistema de forma a afectar um layout construÃdo por CSS, pelo que este efeito não ocorre nestes browsers.</p>
</div>
</div>
<h2 id="C12-description">Descrição</h2>
<div class="textbody">
<p>O objectivo desta técnica é especificar o tamanho do texto proporcionalmente, para que os agentes de utilizador possam ajustar o conteúdo de forma eficaz. Se for especificado um font-size para o elemento <code>body</code>, todos os outros elementos herdam esse valor, a não ser que sejam sobrepostos por um selector mais especÃfico.</p>
</div>
<h2 class="small-head" id="C12-examples">Exemplos</h2>
<h3 class="small-head" id="C12-ex1">Exemplo 1: Percentagem para tamanhos de letra em CSS</h3>
<div class="example">
<div class="textbody">
<p>Este exemplo define o tamanho de letra para o elemento <code>strong</code>, para que o seu texto seja sempre maior do que o texto circundante, em qualquer contexto utilizado. Assumindo que os cabeçalhos e parágrafos utilizam diferentes tamanhos de letra, cada palavra realçada neste exemplo será maior do que o texto circundante.</p>
</div>
<div class="code">
<p><strong>Código Exemplo:</strong></p>
<pre>
<code>strong {font-size: 120%}
...
<h1>Deixem o <strong>utilizador</strong> controlar o tamanho do texto</h1>
<p>Uma vez que só o utilizador pode saber qual o tamanho de letra que melhor o serve,
é <strong>muito</strong> importante que o deixemos configurar o tamanho do texto.
…</code>
</pre></div>
</div>
<h2 id="C12-resources">Recursos</h2>
<div class="textbody">
<p>Os recursos são indicados apenas a tÃtulo informativo, não implica que tenham sido aprovados.</p>
<ul>
<li>
<p><a href="http://www.w3.org/TR/CSS2/fonts.html">Folhas de Estilo em Cascata, NÃvel 2 (CSS2), Tipos de Letra (página em inglês)</a></p>
</li>
<li>
<p><a href="http://www.w3.org/TR/CSS2/fonts.html#font-size-props">CSS 2 – Propriedade Font Size (página em inglês)</a></p>
</li>
<li>
<p><a href="http://css-discuss.incutio.com/?page=UsingPercentages">CSS – Apresentação de Tamanhos de Letra Utilizando Percentagem (página em inglês)</a></p>
</li>
</ul>
</div>
<h2 id="C12-related-techs">Técnicas Relacionadas</h2>
<div class="textbody">
<ul>
<li><a href="../WCAG20-TECHS/C13.html">C13: Utilizar tamanhos de letra identificados por nome</a></li>
<li><a href="../WCAG20-TECHS/C14.html">C14: Utilizar unidades 'em' para tamanhos de letra</a></li>
</ul>
</div>
<h2 id="C12-tests">Testes</h2>
<div class="textbody">
<h3 class="small-head" id="C12-procedure">Procedimento</h3>
<ol class="enumar">
<li>
<p>Examine todas as propriedades CSS que definam o tamanho de letra para cada conjunto de regras.</p>
</li>
<li>
<p>Verifique se o valor é uma percentagem.</p>
</li>
</ol>
<h3 class="small-head" id="C12-results">Resultados Esperados</h3>
<ul>
<li>
<p>O passo 2 é verdadeiro.</p>
</li>
</ul>
</div>
<ul id="navigationbottom">
<li><strong><a href="#top">Topo</a></strong></li>
<li><strong><a href="Overview.html#contents">Ãndice</a></strong></li>
<li><strong><a href="intro.html" title="Introdução às Técnicas para as WCAG 2.0"><abbr title="Introdução">Intro</abbr></a></strong></li>
<li><a title="C9: Utilizar CSS para incluir imagens decorativas" href="C9.html"><strong>Anterior:</strong> Técnica C9</a></li>
<li><a title="C12: Utilizar tamanhos de letra identificados" href="C13.html"><strong>Próximo:</strong> Técnica C13</a></li>
</ul>
<div class="footer">
<p class="copyright">Esta página Web é parte integrante do <a href="Overview.html">Técnicas e Falhas para as Directrizes de Acessibilidade para o Conteúdo da Web 2.0</a>. A totalidade do documento encontra-se também disponÃvel num <a href="complete.html">único ficheiro HTML</a>. Veja <a href="http://www.w3.org/WAI/intro/wcag20" lang="en" xml:lang="en">Os Documentos das WCAG 2.0</a> para uma explanação sobre como o presente documento se articula com os diversos documentos da versão 2.0 das Directrizes de Acessibilidade para o Conteúdo da Web (WCAG).</p>
<p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" lang="en" xml:lang="en">Copyright</a> © 2008 <a href="http://www.w3.org/" lang="en" xml:lang="en"><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.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer" lang="en" xml:lang="en">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks" lang="en" xml:lang="en">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents" lang="en" xml:lang="en">document use</a> rules apply.</p>
</div>
</body>
</html>O índice web@X resulta da utilização do validador de Acessibilidade Web eXaminator.
Última actualização: 20 Setembro de 2009.
Programa ACESSO da UMIC - Agência para a Sociedade do Conhecimento, I.P.
