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

Sites Pertecentes a (o) BA

Recomendações Avaliadas
4.1 Oferecer contraste mínimo entre plano de fundo e primeiro plano.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
4.1.2 Foram localizados combinações de cor cuja relação de contraste é inferior a 4,5:1 58 491 491 491 491 491 491 491 491 491 491 491 492 493 493 493 493 493 497 499 500 502 502 503 503 511 512 513 513 513 513 513 513 514 514 517 521 521 522 527 528 529 529 529 530 530 533 539 540 541 541 541 542 542 545 559 742 748 757
491 <![CDATA[<div style="Segoe UI Historic&quot;, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif; color: rgb(28, 30, 33); background-color: rgb(36, 37, 38);">]]>
491 <![CDATA[<div style="position: relative;">]]>
491 <![CDATA[<div style="border-bottom: 1px solid var(--divider); padding: 10px 0px; justify-content: flex-end; align-items: center; margin: 0px 16px; display: flex; color: var(--secondary-text);">]]>
491 <![CDATA[<div style="align-items: center; flex-grow: 1; display: flex; overflow: hidden;">]]>
491 <![CDATA[<span aria-label="Consulta quién reaccionó a esto" role="toolbar" style="z-index: 0;">]]>
491 <![CDATA[<span id="jsc_c_pk" style="padding-left: 4px; align-items: center; display: flex;">]]>
491 <![CDATA[<span style="border-left-color: var(--card-background); border-style: solid; border-right-color: var(--card-background); border-bottom-color: var(--card-background); border-width: 2px; border-top-color: var(--card-background); border-radius: 11px; height: 18px; z-index: 2; position: relative; width: 18px; margin-left: -4px;">]]>
491 <![CDATA[<span style="height: 18px; border-radius: 9px; width: 18px; display: inline-block;">]]>
491 <![CDATA[<span style="align-items: inherit; display: inherit; align-self: inherit; height: inherit; place-content: inherit; min-width: inherit; min-height: inherit; width: inherit; flex-direction: inherit; max-width: inherit; flex: inherit; max-height: inherit;">]]>
491 <![CDATA[<div aria-label="Me gusta: 2 personas" role="button" tabindex="0" style="outline: none; list-style: none; border-width: 0px; border-style: solid; border-top-color: var(--always-dark-overlay); border-left-color: var(--always-dark-overlay); border-bottom-color: var(--always-dark-overlay); border-right-color: var(--always-dark-overlay); padding: 0px; user-select: none; border-radius: inherit; flex-direction: row; margin: 0px; z-index: 0; touch-action: manipulation; background-color: transparent; align-items: stretch; min-width: 0px; text-align: inherit; position: relative; flex-basis: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; display: inline-flex; box-sizing: border-box; min-height: 0px;">]]>
491 <![CDATA[<img height="18" role="presentation" src="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%2318AFFF'/%3e%3cstop offset='100%25' stop-color='%230062DF'/%3e%3c/linearGradient%3e%3cfilter id='c' width='118.8%25' height='118.8%25' x='-9.4%25' y='-9.4%25' filterUnits='objectBoundingBox'%3e%3cfeGaussianBlur in='SourceAlpha' result='shadowBlurInner1' stdDeviation='1'/%3e%3cfeOffset dy='-1' in='shadowBlurInner1' result='shadowOffsetInner1'/%3e%3cfeComposite in='shadowOffsetInner1' in2='SourceAlpha' k2='-1' k3='1' operator='arithmetic' result='shadowInnerInner1'/%3e%3cfeColorMatrix in='shadowInnerInner1' values='0 0 0 0 0 0 0 0 0 0.299356041 0 0 0 0 0.681187726 0 0 0 0.3495684 0'/%3e%3c/filter%3e%3cpath id='b' d='M8 0a8 8 0 00-8 8 8 8 0 1016 0 8 8 0 00-8-8z'/%3e%3c/defs%3e%3cg fill='none'%3e%3cuse fill='url(%23a)' xlink:href='%23b'/%3e%3cuse fill='black' filter='url(%23c)' xlink:href='%23b'/%3e%3cpath fill='white' d='M12.162 7.338c.176.123.338.245.338.674 0 .43-.229.604-.474.725a.73.73 0 01.089.546c-.077.344-.392.611-.672.69.121.194.159.385.015.62-.185.295-.346.407-1.058.407H7.5c-.988 0-1.5-.546-1.5-1V7.665c0-1.23 1.467-2.275 1.467-3.13L7.361 3.47c-.005-.065.008-.224.058-.27.08-.079.301-.2.635-.2.218 0 .363.041.534.123.581.277.732.978.732 1.542 0 .271-.414 1.083-.47 1.364 0 0 .867-.192 1.879-.199 1.061-.006 1.749.19 1.749.842 0 .261-.219.523-.316.666zM3.6 7h.8a.6.6 0 01.6.6v3.8a.6.6 0 01-.6.6h-.8a.6.6 0 01-.6-.6V7.6a.6.6 0 01.6-.6z'/%3e%3c/g%3e%3c/svg%3e" width="18" style="border: 0px; vertical-align: top;">]]>
492 <![CDATA[<span style="align-items: inherit; display: inherit; align-self: inherit; height: inherit; place-content: inherit; min-width: inherit; min-height: inherit; width: inherit; flex-direction: inherit; max-width: inherit; flex: inherit; max-height: inherit;">]]>
493 <![CDATA[<div role="button" tabindex="0" style="outline: none; list-style: none; border-width: 0px; border-style: initial; border-color: initial; padding: 0px; user-select: none; border-radius: inherit; max-height: 1.3333em; margin: 0px; touch-action: manipulation; background-color: transparent; color: inherit; text-align: inherit; position: relative; cursor: pointer; overflow: hidden; -webkit-tap-highlight-color: transparent; box-sizing: border-box; z-index: 1;">]]>
493 <![CDATA[<span aria-hidden="true" style="float: left; width: 100px; text-overflow: ellipsis; overflow: hidden;">]]>
493 <![CDATA[<span style="padding-left: 6px;">]]>
493 <![CDATA[<span style="float: left; background-color: var(--card-background); margin-left: -100px;">]]>
493 <![CDATA[<span style="padding-left: 6px;">]]>
497 <![CDATA[<p style="width: 7px; flex-grow: 0; flex-shrink: 0;">]]>
499 <![CDATA[<p style="align-items: center; display: flex; height: 22px; flex-shrink: 0;">]]>
500 <![CDATA[<p style="margin-left: 7px;">]]>
502 <![CDATA[<p style="margin-left: 7px;">]]>
502 <![CDATA[<span style="align-items: inherit; display: inherit; align-self: inherit; height: inherit; place-content: inherit; min-width: inherit; min-height: inherit; width: inherit; flex-direction: inherit; max-width: inherit; flex: inherit; max-height: inherit;">]]>
503 <![CDATA[<div role="button" tabindex="0" style="outline: none; list-style: none; border-width: 0px; border-style: solid; border-top-color: var(--always-dark-overlay); border-left-color: var(--always-dark-overlay); border-bottom-color: var(--always-dark-overlay); border-right-color: var(--always-dark-overlay); padding: 0px; user-select: none; border-radius: inherit; flex-direction: row; margin: 0px; z-index: 0; appearance: none; touch-action: manipulation; background-color: transparent; color: inherit; align-items: stretch; min-width: 0px; text-align: inherit; position: relative; flex-basis: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; display: inline-flex; box-sizing: border-box; min-height: 0px;">]]>
503 <![CDATA[<span dir="auto" style=" display: block; overflow-wrap: break-word; max-width: 100%; min-width: 0px; color: var(--secondary-text); word-break: break-word;">]]>
511 <![CDATA[<p style="margin-left: 12px; margin-right: 12px;">]]>
512 <![CDATA[<p style="padding: 4px; flex-flow: row nowrap; z-index: 0; align-items: stretch; margin: -6px -2px; justify-content: space-between; display: flex; position: relative; flex-shrink: 0; box-sizing: border-box;">]]>
513 <![CDATA[<div style="flex: 1 1 0px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; padding: 6px 2px; display: flex; position: relative; box-sizing: border-box;">]]>
513 <![CDATA[<div aria-label="Me gusta" role="button" tabindex="0" style="outline: none; list-style: none; border-width: 0px; border-style: solid; border-top-color: var(--always-dark-overlay); border-left-color: var(--always-dark-overlay); border-bottom-color: var(--always-dark-overlay); border-right-color: var(--always-dark-overlay); padding: 0px; user-select: none; border-radius: inherit; flex-direction: row; margin: 0px; z-index: 0; background-color: transparent; touch-action: none; align-items: stretch; min-width: 0px; text-align: inherit; position: relative; flex-basis: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; display: inline-flex; box-sizing: border-box; min-height: 0px;">]]>
513 <![CDATA[<div style="align-items: center; flex-flow: row nowrap; flex: 1 1 0px; padding-right: 12px; margin: -6px -4px; z-index: 0; white-space: nowrap; min-width: 0px; display: flex; padding-top: 0px; position: relative; height: 44px; box-sizing: border-box; justify-content: center; padding-left: 12px;">]]>
513 <![CDATA[<div style="padding: 6px 4px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; display: flex; position: relative; flex-shrink: 0; box-sizing: border-box;">]]>
513 <![CDATA[<span style="display: inline-flex;">]]>
513 <![CDATA[<i data-visualcompletion="css-img" style="vertical-align: -0.25em; filter: var(--filter-secondary-icon); background-image: url(&quot;https://static.xx.fbcdn.net/rsrc.php/v3/y2/r/w41FOqOOxdR.png&quot;); background-position: 0px -322px; background-size: auto; width: 18px; height: 18px; background-repeat: no-repeat; display: inline-block;">]]>
514 <![CDATA[<p style="padding: 6px 4px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; display: flex; position: relative; flex-shrink: 0; box-sizing: border-box;">]]>
514 <![CDATA[<span dir="auto" style=" display: block; overflow-wrap: break-word; max-width: 100%; min-width: 0px; color: var(--secondary-text); word-break: break-word;">]]>
517 <![CDATA[<p data-visualcompletion="ignore" style="border-radius: 4px; transition-property: opacity; opacity: 0; transition-duration: var(--fds-duration-extra-extra-short-out); pointer-events: none; inset: 0px; transition-timing-function: var(--fds-animation-fade-out); position: absolute;">]]>
521 <![CDATA[<p aria-label="Reaccionar" role="button" tabindex="0" style="outline: none; list-style: none; border-width: 0px; border-style: solid; border-top-color: var(--always-dark-overlay); border-left-color: var(--always-dark-overlay); border-bottom-color: var(--always-dark-overlay); border-right-color: var(--always-dark-overlay); padding: 13px 0px; user-select: none; border-radius: inherit; flex-direction: row; margin: 0px; z-index: 0; clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); background-color: transparent; touch-action: none; align-items: stretch; top: 1px; min-width: 0px; text-align: inherit; flex-basis: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; position: absolute; right: 6px; display: inline-flex; clip: rect(0px, 0px, 0px, 0px); box-sizing: border-box; min-height: 0px;">]]>
521 <![CDATA[<i data-visualcompletion="css-img" style="vertical-align: -0.25em; filter: var(--filter-secondary-icon); background-image: url(&quot;https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/51oxzk6A9dq.png&quot;); background-position: -85px -109px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block;">]]>
522 <![CDATA[<p data-visualcompletion="ignore" style="border-radius: inherit; transition-property: opacity; opacity: 0; transition-duration: var(--fds-duration-extra-extra-short-out); pointer-events: none; inset: 0px; transition-timing-function: var(--fds-animation-fade-out); position: absolute;">]]>
527 <![CDATA[<p style="flex: 1 1 0px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; padding: 6px 2px; display: flex; position: relative; box-sizing: border-box;">]]>
528 <![CDATA[<p aria-label="Dejar un comentario" role="button" tabindex="0" style="outline: none; list-style: none; border-width: 0px; border-style: solid; border-top-color: var(--always-dark-overlay); border-left-color: var(--always-dark-overlay); border-bottom-color: var(--always-dark-overlay); border-right-color: var(--always-dark-overlay); padding: 0px; user-select: none; border-radius: inherit; flex-direction: row; margin: 0px; z-index: 0; touch-action: manipulation; background-color: transparent; align-items: stretch; min-width: 0px; text-align: inherit; position: relative; flex-basis: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; display: inline-flex; box-sizing: border-box; min-height: 0px;">]]>
529 <![CDATA[<div style="align-items: center; flex-flow: row nowrap; flex: 1 1 0px; padding-right: 12px; margin: -6px -4px; z-index: 0; white-space: nowrap; min-width: 0px; display: flex; padding-top: 0px; position: relative; height: 44px; box-sizing: border-box; justify-content: center; padding-left: 12px;">]]>
529 <![CDATA[<div style="padding: 6px 4px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; display: flex; position: relative; flex-shrink: 0; box-sizing: border-box;">]]>
529 <![CDATA[<i data-visualcompletion="css-img" style="vertical-align: -0.25em; filter: var(--filter-secondary-icon); background-image: url(&quot;https://static.xx.fbcdn.net/rsrc.php/v3/y2/r/w41FOqOOxdR.png&quot;); background-position: 0px -284px; background-size: auto; width: 18px; height: 18px; background-repeat: no-repeat; display: inline-block;">]]>
530 <![CDATA[<p style="padding: 6px 4px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; display: flex; position: relative; flex-shrink: 0; box-sizing: border-box;">]]>
530 <![CDATA[<span dir="auto" style=" display: block; overflow-wrap: break-word; max-width: 100%; min-width: 0px; color: var(--secondary-text); word-break: break-word;">]]>
533 <![CDATA[<p data-visualcompletion="ignore" style="border-radius: 4px; transition-property: opacity; opacity: 0; transition-duration: var(--fds-duration-extra-extra-short-out); pointer-events: none; inset: 0px; transition-timing-function: var(--fds-animation-fade-out); position: absolute;">]]>
539 <![CDATA[<p style="flex: 1 1 0px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; padding: 6px 2px; display: flex; position: relative; box-sizing: border-box;">]]>
540 <![CDATA[<p aria-label="Enviar esto a tus amigos o publicarlo en tu biografía" role="button" tabindex="0" style="outline: none; list-style: none; border-width: 0px; border-style: solid; border-top-color: var(--always-dark-overlay); border-left-color: var(--always-dark-overlay); border-bottom-color: var(--always-dark-overlay); border-right-color: var(--always-dark-overlay); padding: 0px; user-select: none; border-radius: inherit; flex-direction: row; margin: 0px; z-index: 0; touch-action: manipulation; background-color: transparent; align-items: stretch; min-width: 0px; text-align: inherit; position: relative; flex-basis: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; display: inline-flex; box-sizing: border-box; min-height: 0px;">]]>
541 <![CDATA[<div style="align-items: center; flex-flow: row nowrap; flex: 1 1 0px; padding-right: 12px; margin: -6px -4px; z-index: 0; white-space: nowrap; min-width: 0px; display: flex; padding-top: 0px; position: relative; height: 44px; box-sizing: border-box; justify-content: center; padding-left: 12px;">]]>
541 <![CDATA[<div style="padding: 6px 4px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; display: flex; position: relative; flex-shrink: 0; box-sizing: border-box;">]]>
541 <![CDATA[<i data-visualcompletion="css-img" style="vertical-align: -0.25em; filter: var(--filter-secondary-icon); background-image: url(&quot;https://static.xx.fbcdn.net/rsrc.php/v3/y2/r/w41FOqOOxdR.png&quot;); background-position: 0px -341px; background-size: auto; width: 18px; height: 18px; background-repeat: no-repeat; display: inline-block;">]]>
542 <![CDATA[<p style="padding: 6px 4px; flex-direction: column; max-width: 100%; z-index: 0; min-width: 0px; display: flex; position: relative; flex-shrink: 0; box-sizing: border-box;">]]>
542 <![CDATA[<span dir="auto" style=" display: block; overflow-wrap: break-word; max-width: 100%; min-width: 0px; color: var(--secondary-text); word-break: break-word;">]]>
545 <![CDATA[<p data-visualcompletion="ignore" style="border-radius: 4px; transition-property: opacity; opacity: 0; transition-duration: var(--fds-duration-extra-extra-short-out); pointer-events: none; inset: 0px; transition-timing-function: var(--fds-animation-fade-out); position: absolute;">]]>
559 <![CDATA[<p style="background-color: var(--card-background); margin-bottom: 4px;Segoe UI Historic&quot;, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif; color: rgb(28, 30, 33);">]]>
742 <![CDATA[<div class="col-12" style="text-align: center">]]>
748 <![CDATA[<p class="f1-s-1 cl11 p-b-16" style="text-align: center">]]>
757 <![CDATA[<div class="p-t-15" style="text-align: center">]]>