em
Acessibilidade: Sempre defina um cor de fundo no seu site

Acessibilidade: Sempre defina um cor de fundo no seu site

Isso pode parecer uma coisa besta, mas você já parou para pensar que nós nunca especificamos uma cor de fundo para o nosso site? No Windows todos os browsers possuem uma cor de fundo padrão como branco, mas existem usuários avançados que não utilizam Windows, em consequência utilizam outros browsers, que possuem a possibilidade de personalizar as cores de fundo.

Pode soar estranho, mas veja a opinião de outras pessoas como Jeffrey Zeldman, Roger Johansson, redswish. No Flickr existe até uma galeria com alguns “desastres” ocorridos em alguns sites:

Fusion Ads

Para evitar problemas desse tipo, basta definir uma cor de fundo para o body da página. Exemplo:

body {background:#ffffff;

Comentários

  1. É legal ver que essas coisas que eu faço há tempos aparecemna Web agora XD

    por Filipe Kiss Responder
  2. Pois, muitas pessoas esquecem-se de declarar a cor do body e depois acontecem coisas dessas…

    por Niceoutput Responder
  3. que medo deu isso.. hehehhehehhehe
    ainda bem que no meu CSS Base (que utilizo em todos os projetos) tem:
    body { … background:#fff;}

    se não ia ser um trabalhão corrigir em todos aqui.. :D

    Valeu a dica! Abraço

    por Igor Pimentel Responder
  4. Isso é básico, isso é uma coisa que eu aprendi quando eu ainda brincava com web, antes do CSS. E realmente o problema ainda existe. Eu às vezes navego com o Opera, e no Opera eu tenho a opções de criar meu próprio estilo para as páginas, e em sites que não há background definido o resultado é um desastre.

    por Joabe Responder
  5. É verdade, a um tempo atraz fiz testes e mesmo sites muito grandes cometem este erro.

    Crosbrowser cada vez se torna 1 desafio maior, diferentes sistemas, diferentes borwsers…

    Bom tópico!

    Abraços

    por Renato Rix Geronimo Responder

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>