Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Pertecentes a (o) AC

Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 10 415 432 464 481 510 514 516 518 520 541
1.1.4 Presença de CSS(s) interno 2 11 285
1.1.5 Presença de javascript(s) in-line 12 378 387 389 391 393 411 411 411 411 411 411 411
1.1.6 Presença de javascript(s) interno 6 3 136 372 372 411 550
415 <![CDATA[<div style="width: 1000px; margin: auto;"> <center> <div id="mainPanel"><table class="conteudoPagina"> <tbody> <tr> <td> <br /></td> </tr> <tr> <td><label class="heading h1">Acessibilidade</label></td> </tr> <tr> <td> <hr /> <div class="justificado" style="text-indent: 2em;"> <p> A primeira vez que nos deparamos com a palavra acessibilidade, pensamos, naturalmente, que ela seja proveniente ou derivada da palavra acesso. Em geral essa palavra não está sozinha, vem contextualizada de conceitos técnicos ou práticos, normalmente associados a pessoas com deficiência. </p> <p> Segundo o dicionário Acessibilidade é um substantivo que denota a qualidade de ser acessível por sua vez, acessível é um adjetivo que indica aquilo a que se pode chegar facilmente, que fica ao alcance. </p> <p> Em informática, programas que provêm acessibilidade são ferramentas ou conjuntos de ferramentas que permitem que portadores de deficiências (as mais variadas) se utilizem dos recursos que o computador oferece. Essas ferramentas podem constituir leitores de telas para deficientes visuais, teclados virtuais para portadores de deficiência motora ou com dificuldades de coordenação motora, e sintetizadores de voz para pessoas com problemas de fala. </p> <p> Na Internet o termo acessibilidade refere-se também a recomendações do W3C, que visam permitir que todos possam ter acesso aos websites, independente de terem alguma deficiência ou não. As recomedações abordam desde o tipo de fonte a ser usado, bem como seu tamanho e cor, de acordo com as necesidades do usuário, até a recomendações relativas ao código (HTML e CSS, por exemplo). </p> <p> Dicas: </p> <p> Nos navegadores atuais (IE 7 ou superior, Firefox 3 ou superior, Chrome ou Safari) temos a função do Zoom da página, essa função é ativada usando os seguintes comandos: </p> <p> no Windows ou Linux: </p> <ul style="text-indent: 0em;"> <li> <i class="icon-right-dir"></i> ctrl + Aumenta o zoom da página; </li> <li> <i class="icon-right-dir"></i> ctrl - Diminui o zoom da página; </li> <li> <i class="icon-right-dir"></i> ctrl 0 Deixa o zoom da pagina padrão. </li> </ul> <p> no MAC: </p> <ul style="text-indent: 0em;"> <li> <i class="icon-right-dir"></i> command + Aumenta o zoom da página; </li> <li> <i class="icon-right-dir"></i> command - Diminui o zoom da página; </li> <li> <i class="icon-right-dir"></i> command 0 Deixa o zoom da pagina padrão. </li> </ul> </div></td> </tr> </tbody> </table> </div> </center> </div>]]>
432 <![CDATA[<div class="justificado" style="text-indent: 2em;"> <p> A primeira vez que nos deparamos com a palavra acessibilidade, pensamos, naturalmente, que ela seja proveniente ou derivada da palavra acesso. Em geral essa palavra não está sozinha, vem contextualizada de conceitos técnicos ou práticos, normalmente associados a pessoas com deficiência. </p> <p> Segundo o dicionário Acessibilidade é um substantivo que denota a qualidade de ser acessível por sua vez, acessível é um adjetivo que indica aquilo a que se pode chegar facilmente, que fica ao alcance. </p> <p> Em informática, programas que provêm acessibilidade são ferramentas ou conjuntos de ferramentas que permitem que portadores de deficiências (as mais variadas) se utilizem dos recursos que o computador oferece. Essas ferramentas podem constituir leitores de telas para deficientes visuais, teclados virtuais para portadores de deficiência motora ou com dificuldades de coordenação motora, e sintetizadores de voz para pessoas com problemas de fala. </p> <p> Na Internet o termo acessibilidade refere-se também a recomendações do W3C, que visam permitir que todos possam ter acesso aos websites, independente de terem alguma deficiência ou não. As recomedações abordam desde o tipo de fonte a ser usado, bem como seu tamanho e cor, de acordo com as necesidades do usuário, até a recomendações relativas ao código (HTML e CSS, por exemplo). </p> <p> Dicas: </p> <p> Nos navegadores atuais (IE 7 ou superior, Firefox 3 ou superior, Chrome ou Safari) temos a função do Zoom da página, essa função é ativada usando os seguintes comandos: </p> <p> no Windows ou Linux: </p> <ul style="text-indent: 0em;"> <li> <i class="icon-right-dir"></i> ctrl + Aumenta o zoom da página; </li> <li> <i class="icon-right-dir"></i> ctrl - Diminui o zoom da página; </li> <li> <i class="icon-right-dir"></i> ctrl 0 Deixa o zoom da pagina padrão. </li> </ul> <p> no MAC: </p> <ul style="text-indent: 0em;"> <li> <i class="icon-right-dir"></i> command + Aumenta o zoom da página; </li> <li> <i class="icon-right-dir"></i> command - Diminui o zoom da página; </li> <li> <i class="icon-right-dir"></i> command 0 Deixa o zoom da pagina padrão. </li> </ul> </div>]]>
464 <![CDATA[<ul style="text-indent: 0em;"> <li> <i class="icon-right-dir"></i> ctrl + Aumenta o zoom da página; </li> <li> <i class="icon-right-dir"></i> ctrl - Diminui o zoom da página; </li> <li> <i class="icon-right-dir"></i> ctrl 0 Deixa o zoom da pagina padrão. </li> </ul>]]>
481 <![CDATA[<ul style="text-indent: 0em;"> <li> <i class="icon-right-dir"></i> command + Aumenta o zoom da página; </li> <li> <i class="icon-right-dir"></i> command - Diminui o zoom da página; </li> <li> <i class="icon-right-dir"></i> command 0 Deixa o zoom da pagina padrão. </li> </ul>]]>
510 <![CDATA[<div id="rodape" class="Container100" style="margin-bottom: 20px; border-top: 1px solid #dce3e6"> <div class="ContainerIndent"> <div class="Container100"> <a href="http://www.tce.ac.gov.br/" class="DispInlBlock FontSourceSansLight hardblue Fs12 Fleft ">SITE DO TCE</a> <span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span> <a href="http://app2.tce.ac.gov.br/portaldogestor/" class="DispInlBlock FontSourceSansLight hardblue Fs12 Fleft ">PORTAL DO GESTOR</a> <span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span> <a href="http://app.tce.ac.gov.br/cidadao" class="DispInlBlock FontSourceSansLight hardblue Fs12 Fleft ">PORTAL DO CIDADÃO</a> <span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span> <a href="http://app.tce.ac.gov.br/licon" class="DispInlBlock FontSourceSansLight hardblue Fs12 Fleft ">PORTAL DAS LICITAÇÕES</a> <span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span> <a href="http://app.tce.ac.gov.br/transparencia" class="DispInlBlock FontSourceSansLight hardblue Fs12 Fleft ">TRANSPARÊNCIA</a> <span class="DispInlBlock FontSourceSansLight gray Fs12 Fright TexAlRight FloatNoneOnMobile">TCE-AC | Todos os direitos reservados.</span> </div> <div class="EmptyBox10"></div> <div class="Container50 Responsive50"> <div class="EmptyBox10"></div> <span class="DispBlock Wid100 FontSourceSansLight gray Fs12 TexAlLeft"> Tribunal de Contas do Estado do Acre <br /> Av. Ceará, 2994, 7º BEC - Rio Branco-Acre - CEP 69.918-111 <br /> Suporte: suporte.sistemas@tce.ac.gov.br | Tel.: (68) 3025-2078 </span> </div> <div class="Container50 Responsive50"> <div class="DispInlBlock Fright"> <a target="_blank" href="https://www.facebook.com/tceac/" class="hardblue Fs30"><i class="icon-facebook-squared"></i></a> <a target="_blank" href="https://plus.google.com/105996813613508600853" class="hardblue Fs30"><i class="icon-gplus-squared"></i></a> <a target="_blank" href="https://www.youtube.com/channel/UCoNe1qAoUfR6FuQ1yOsbxjQ" class="hardblue Fs30"><i class="icon-youtube-squared"></i></a> <div style="opacity: 0.2; color: #FFF; right: 10px;"><span title="v20.12.09">v20.12.09</span> </div> </div> </div> </div> </div>]]>
514 <![CDATA[<span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span>]]>
516 <![CDATA[<span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span>]]>
518 <![CDATA[<span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span>]]>
520 <![CDATA[<span class="Fleft gray Fs12" style="padding: 0px 5px;">|</span>]]>
541 <![CDATA[<div style="opacity: 0.2; color: #FFF; right: 10px;"><span title="v20.12.09">v20.12.09</span> </div>]]>
11 <![CDATA[<style type="text/css"> body { margin: 0; padding: 0; height: 100%; background-color: #FFF; align: center; } #body { padding: 10px; padding-bottom: 60px; /* Height of the footer */ } .ui-timeline-axis { background-color: #5D99C3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D99C3', endColorstr='#3A6DA0'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#5D99C3), to(#3A6DA0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #5D99C3, #3A6DA0); /* for firefox 3.6+ */ } .prazos-event { background-color: red; color: red; border-color: red; font-style: italic; font-weight: bold; } .ui-timeline-axis-text { color: white !important; } .ui-timeline-event { color: white !important; border-radius: 5px; } .ui-timeline-event-content { padding: 5px; } .green { background-image: none !important; background-color: green !important; } .red { background-image: none !important; background-color: red !important; } .blue { background-image: none !important; background-color: blue !important; } #overlay { visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 200; background-color: black; opacity: 0.9; } #overlay div { width: 300px; margin: 100px auto; background-color: #fff; border: 1px solid #000; padding: 15px; text-align: center; } .panelGridSemBorda tr, .panelGridSemBorda td { border: none; padding-left: 0; } .statusTopTextLabel { float: right; text-align: right; font-weight: bold; color: black; font-size: 70%; } .statusTopTextValue { color: black; } .statusTop { font-size: 70%; } .menuBar { height: 28px; padding: 1px 5px 7px; } .campoObrigatorio { font-weight: bold !important; } .ui-datatable tbody td.wrap { white-space: normal; } #header2 { } div.menuTopo, .ui-fieldset .ui-fieldset-legend { background: #369 ; } </style>]]>
285 <![CDATA[<style type="text/css"> .ui-widget { font: 85% 'titillium_webregular', 'Trebuchet MS', 'Lucida Sans Unicode', Tahoma, sans-serif; } .ui-layout-north { z-index: 20 !important; overflow: visible; } .ui-layout-north .ui-layout-unit-content { overflow: visible; } .ui-datagrid-no-border>.ui-datagrid-content { border: none; } .ui-growl-item-container { background-color: green; opacity: 0.95; filter: alpha(opacity = 95); } .ui-growl-title { color: #FFE4B5; } .ui-growl-message { color: #FFE4B5; } #buscarContent { position: relative; float: right; right: 3px; top: 48px; text-align: center; font-size: 15px; } #buscarContent .ui-widget-content { border: 0; } #buscarContent .ui-panelgrid-cell { padding: 0; border-color: #B6C4D3; } #buscarContent .ui-inputfield { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; border: none; margin: none; margin-left: 3px; margin-right: 3px; background-color: aliceblue; font-family: 'titillium_webregular', 'Trebuchet MS', 'Lucida Sans Unicode', Tahoma, sans-serif; padding: 3px 5px; } #buscarContent .ui-button { background: aliceblue; border: 0; border-radius: 0; margin: 0; font-family: 'titillium_webregular', 'Trebuchet MS', 'Lucida Sans Unicode', Tahoma, sans-serif; } #buscarContent .ui-button-text { padding: .2em .6em; } #buscarContent .botaoLupa { background: white; margin: 3px; } </style>]]>
378 <![CDATA[<a id="j_idt16:procLink" href="#" title="Portal das Licitações - Processos Recentes" onclick="mojarra.jsfcljs(document.getElementById('j_idt16'),{'j_idt16:procLink':'j_idt16:procLink'},'');return false" class="tituloSistema">Portal das Licitações</a>]]>
387 <![CDATA[<a onclick="ajustarFonte('normal')" class="white"> <b title="Tamanho de Fonte Normal">A</b> </a>]]>
389 <![CDATA[<a onclick="ajustarFonte('aumentar')" class="white"> <b title="Aumentar Fonte">A+</b> </a>]]>
391 <![CDATA[<a onclick="ajustarFonte('diminuir')" class="white"> <b title="Diminuir Fonte">A-</b> </a>]]>
393 <![CDATA[<a onclick="inverterCores()" class="white"> <i title="Alto Contraste" class="icon-contrast"></i> </a>]]>
411 <![CDATA[<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt21:j_idt24&quot;,f:&quot;j_idt21&quot;});return false;"><span class="ui-menuitem-icon ui-icon home-white"></span><span class="ui-menuitem-text"></span></a>]]>
411 <![CDATA[<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt21:j_idt25&quot;,f:&quot;j_idt21&quot;});return false;"><span class="ui-menuitem-text">Licitações</span></a>]]>
411 <![CDATA[<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt21:j_idt26&quot;,f:&quot;j_idt21&quot;});return false;"><span class="ui-menuitem-text">Adesões/Caronas</span></a>]]>
411 <![CDATA[<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt21:j_idt27&quot;,f:&quot;j_idt21&quot;});return false;"><span class="ui-menuitem-text">Dispensas</span></a>]]>
411 <![CDATA[<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt21:j_idt28&quot;,f:&quot;j_idt21&quot;});return false;"><span class="ui-menuitem-text">Inexigibilidades</span></a>]]>
411 <![CDATA[<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt21:j_idt29&quot;,f:&quot;j_idt21&quot;});return false;"><span class="ui-menuitem-text">Contratos</span></a>]]>
411 <![CDATA[<a tabindex="-1" class="ui-menuitem-link ui-corner-all" href="#" onclick="PrimeFaces.ab({s:&quot;j_idt21:j_idt30&quot;,f:&quot;j_idt21&quot;});return false;"><span class="ui-menuitem-text">Sobre Portal</span></a>]]>
3 <![CDATA[<script type="text/javascript">if(window.PrimeFaces){}</script>]]>
136 <![CDATA[<script type="text/javascript"> //------------------------------------- var corInvertida = false; function handleDialogRequest(xhr, status, args, dialog) { if (args.notValid || args.validationFailed) return; dialog.hide(); } function handleDialogOpenRequest(xhr, status, args, dialog) { if (args.notValid || args.validationFailed) return; dialog.show(); } function inverterCores() { if (corInvertida) { $("body").css("background", "#EEE !important"); $("body").css("-webkit-background-color", "#EEE !important"); $("body").css("-moz-background-color", "#EEE !important"); $("body").css("-ms-background-color", "#EEE !important"); $("body").css("-o-background-color", "#EEE !important"); $("body").css("background-color", "#EEE !important"); $("html").css("-webkit-filter", "none"); $("html").css("-moz-filter", "none"); $("html").css("-ms-filter", "none"); $("html").css("-o-filter", "none"); $("html").css("filter", "none"); $("#mainContent").css("-webkit-filter", "none"); $("#mainContent").css("-moz-filter", "none"); $("#mainContent").css("-ms-filter", "none"); $("#mainContent").css("-o-filter", "none"); $("#mainContent").css("filter", "none"); corInvertida = false; } else { $("body").css("background", "#222 !important"); $("body").css("-webkit-background-color", "#222 !important"); $("body").css("-moz-background-color", "#222 !important"); $("body").css("-ms-background-color", "#222 !important"); $("body").css("-o-background-color", "#222 !important"); $("body").css("background-color", "#222 !important"); $("html") .css("-webkit-filter", "invert(0%) contrast(110%) saturate(100%) brightness(100%)"); $("html") .css("-moz-filter", "invert(0%) contrast(110%) saturate(100%) brightness(100%)"); $("html") .css("-ms-filter", "invert(0%) contrast(110%) saturate(100%) brightness(100%)"); $("html") .css("-o-filter", "invert(0%) contrast(110%) saturate(100%) brightness(100%)"); $("html") .css("filter", "invert(0%) contrast(110%) saturate(100%) brightness(100%)"); $("#mainContent") .css("-webkit-filter", "invert(100%) contrast(110%) saturate(10%) brightness(200%)"); $("#mainContent") .css("-moz-filter", "invert(100%) contrast(110%) saturate(10%) brightness(200%)"); $("#mainContent") .css("-ms-filter", "invert(100%) contrast(110%) saturate(10%) brightness(200%)"); $("#mainContent") .css("-o-filter", "invert(100%) contrast(110%) saturate(10%) brightness(200%)"); $("#mainContent") .css("filter", "invert(100%) contrast(110%) saturate(10%) brightness(200%)"); corInvertida = true; } } function ajustarFonte(tipo) { var content = document.getElementById('container'); var valorAtual = 100; var ajuste = 10; if (content == null) return; if (content.style.fontSize == "") { content.style.fontSize = "100%"; } if (content.style.fontSize != "") { valorAtual = parseInt(content.style.fontSize.replace("%", "")); } if (tipo == 'aumentar') { content.style.fontSize = (valorAtual + ajuste) + "%"; } else if (tipo == 'diminuir') { content.style.fontSize = (valorAtual - ajuste) + "%"; } else { content.style.fontSize = "100%"; } } // -------------------------------- var alturaDataTableFechado = null; function rolagemParaItemSelecionado(formId, dataTableId, isBusca, formId2, dataTableId2) { var numLinhas = $('#' + formId + '\\:hiddenLinhasExibidas').val(); var linhaSelecionada = $('#' + formId + '\\:hiddenLinhaSelecionada').val(); var alturaDataTable = $('#' + formId + '\\:' + dataTableId ).height(); if (alturaDataTableFechado == null) alturaDataTableFechado = alturaDataTable; var alturaDataTable2 = 0; if (dataTableId2 != ''){ alturaDataTable2 = $('#' + formId2 + '\\:' + dataTableId2 ).height(); alturaDataTable2 += 100; } else if (formId2 != ''){ alturaDataTable2 = $('#' + formId2).height(); alturaDataTable2 += 100; } var alturaPorLinha = parseInt(alturaDataTableFechado) / parseInt(numLinhas); // 110 = altura em pixels da barra do topo (TCE) // 42 = altura em pixels do menu var posicaoRolagem = Math.round( parseInt(linhaSelecionada) * alturaPorLinha ) + 110 + 42 + alturaDataTable2; if (isBusca) posicaoRolagem += 350; //alert(numLinhas+"\n"+linhaSelecionada+"\n"+alturaDataTable+"\n"+alturaDataTableFechado+"\n"+posicaoRolagem); $('html, body').animate({scrollTop: posicaoRolagem}, 1000); } function atualizaNumeroDownloads(accordionId, numeroLinha){ var numDownloads = document.getElementById(accordionId + ":" + numeroLinha + ':numeroDownloads'); numDownloads.innerHTML = parseInt(numDownloads.innerHTML) + 1; }; // -------------------------------- </script>]]>
372 <![CDATA[<script id="j_idt12_s" type="text/javascript">$(function(){PrimeFaces.cw("AjaxStatus","widget_j_idt12",{id:"j_idt12",start:function(){PF('statusDialog').show();},success:function(){PF('statusDialog').hide();}});});</script>]]>
372 <![CDATA[<script id="j_idt13_s" type="text/javascript">$(function(){PrimeFaces.cw("Dialog","statusDialog",{id:"j_idt13",draggable:false,resizable:false,modal:true});});</script>]]>
411 <![CDATA[<script id="j_idt21:j_idt23_s" type="text/javascript">PrimeFaces.cw("Menubar","widget_j_idt21_j_idt23",{id:"j_idt21:j_idt23",autoDisplay:true});</script>]]>
550 <![CDATA[<script id="messages_s" type="text/javascript">$(function(){PrimeFaces.cw('Growl','widget_messages',{id:'messages',sticky:false,life:10000,escape:true,msgs:[]});});</script>]]>