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".
165 elementos em http://www.acessibilidade.gov.pt/w3/TR/WCAG20-TECHS/C14.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>C14: Utilizar unidades 'em' 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="C13: Utilizar tamanhos de letra identificados" href="C13.html"><strong>Anterior:</strong> Técnica C13</a></li>
<li><a title="C14: Utilizar CSS para alterar a apresentação de um componente de interface de utilizador quando este recebe o foco" href="C15.html"><strong>Próximo:</strong> Técnica C15</a></li>
</ul>
<div class="navtoc">
<p>Nesta página:</p>
<ul id="navbar">
<li><a href="#C14-applicability">Aplicabilidade</a></li>
<li><a href="#C14-description">Descrição</a></li>
<li><a href="#C14-examples">Exemplos</a></li>
<li><a href="#C14-resources">Recursos</a></li>
<li><a href="#C14-related-techs">Técnicas Relacionadas</a></li>
<li><a href="#C14-tests">Testes</a></li>
</ul>
</div>
<div class="skiptarget"><a id="maincontent" name="maincontent">-</a></div>
<h1><a name="C14" id="C14"></a>C14: Utilizar unidades 'em' para tamanhos de letra</h1>
<div class="applicability">
<h2 id="C14-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>
<li><a href="../WCAG20/index.html#visual-audio-contrast-visual-presentation">Critério de Sucesso 1.4.8 (Apresentação Visual)</a>
<ul>
<li><a href="http://www.acesso.umic.pt/w3/TR/WCAG20-quickref/#visual-audio-contrast-visual-presentation">Como Cumprir o 1.4.8 (Apresentação Visual)</a></li>
<li><a href="../UNDERSTANDING-WCAG20/visual-audio-contrast-visual-presentation.html">Noções sobre o Critério de Sucesso 1.4.8 (Apresentação Visual)</a></li>
</ul>
</li>
</ul>
<div class="ua-issues">
<h2 class="small-head" id="ua3.7.1">Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio</h2>
<div class="ua-issue">
<p>No Internet Explorer 6, utilizar unidades “em†para tamanhos de letra fará com que o texto aumente mais do que se utilizar percentagem ou tamanhos de letra identificados. Deste modo, o tamanho de texto mais ampliado pode fazer com que o texto aumente mais que 200%, causando problemas de cortes.</p>
</div>
<div class="ua-issue">
<p>Quando o tamanho de letra é apresentado em unidades de medida absolutas, tais como pontos ou pixéis, os comandos de menu Tamanho de Texto no Internet Explorer 7 e em versões anteriores não redimensionam o texto.</p>
</div>
<div class="ua-issue">
<p>O Internet Explorer 7 só altera o tamanho do texto quando o CSS é definido num elemento style, seleccionando um elemento, tal como é apresentado nos exemplos. Quando se utiliza o estilo em linha com o atributo "style", a alteração do tamanho do texto não é suportada.</p>
</div>
</div>
<h2 id="C14-description">Descrição</h2>
<div class="textbody">
<p>O objectivo desta técnica é especificar o tamanho de letra do texto em unidades <code>'em'</code>, para que os agentes de utilizador possam ajustar o conteúdo de forma eficaz. Visto que a unidade “em†é uma propriedade do tipo de letra, é ajustada à medida que o tamanho de letra é alterado. Se for especificado um tamanho de letra 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="C14-examples">Exemplos</h2>
<h3 class="small-head" id="C14-ex1">Exemplo 1: Tamanhos de letra em unidades “em†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: 1.6em}
...
<h1>Letting the <strong>user</strong> control text size</h1>
<p>Since only the user can know what size text works for him,
it is <strong>very</strong> important to let him configure the text size. </p>
…</code>
</pre></div>
</div>
<h2 id="C14-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=UsingEms">CSS – Apresentação de Tamanhos de Letra Utilizando Unidades “em†(página em inglês)</a></p>
</li>
</ul>
</div>
<h2 id="C14-related-techs">Técnicas Relacionadas</h2>
<div class="textbody">
<ul>
<li><a href="../WCAG20-TECHS/C12.html">C12: Utilizar percentagem para tamanhos de letra</a></li>
<li><a href="../WCAG20-TECHS/C13.html">C13: Utilizar tamanhos de letra identificados</a></li>
</ul>
</div>
<h2 id="C14-tests">Testes</h2>
<div class="textbody">
<h3 class="small-head" id="C14-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 é expresso em unidades <code>'em'</code> .</p>
</li>
</ol>
<h3 class="small-head" id="C14-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="C13: Utilizar tamanhos de letra identificados" href="C13.html"><strong>Anterior:</strong> Técnica C13</a></li>
<li><a title="C14: Utilizar CSS para alterar a apresentação de um componente de interface de utilizador quando este recebe o foco" href="C15.html"><strong>Próximo:</strong> Técnica C15</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.
