lunes, 14 de marzo de 2011

Paso 6: El Uso de los colores

Los colores y su efecto es muy estudiado en ámbitos como la Moda, el Marketing y tantos otros. Sin embargo, en el diseño web a veces podemos dejarlo de lado. No entraremos en profundidad en él ya que se han escrito ya varias colecciones de libros sobre el tema, pero no podemos dejar de hacer hincapié en los siguientes puntos:
  1. Hipervínculos. Han de estar normalizados y fácilmente identificables. En otras palabras, subrayados y el color azul. De otra forma, las personas con dificultades para distinguir los colores no podrán navegar con facilidad por nuestro sitio web. Para ello, crearemos un estilo apropiado como el siguiente:
    Vínculos no visitados:
          a {color:#333FF;
         text-decoration:underline;
         font-weight:bold;

    Vínculos que se activan al pasar el pulsador por encima:
          a:hover {background-color:yellow;}
    Vínculos que ya hemos utilizado, tenemos dos propiedades:
          a:visited {color:red;
                 background-color:yellow;}

  2. Blinking. Según la W3C, "until user agents allow users to control blinking, avoid causing content to blink (i.e., change presentation at a regular rate, such as turning on and off). [Priority 2]". En otras palabras, hasta que los navegadores permitan que los usuarios controlen el parpadeo o blinking de los elementos de una página web, evítelos ya que pueden resulta perniciosos para algunas personas. (Véase http://www.w3.org/TR/WAI-WEBCONTENT/#tech-avoid-blinking y las técnicas en http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-avoid-blinking)

No hay comentarios:

Publicar un comentario