Sentido Web » css accesibilidad http://sentidoweb.com Desarrollo web, HTML, CSS, Javascript, PHP, MySQL Mon, 16 Jan 2012 10:16:20 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 5 efectos CSS accesibles http://sentidoweb.com/2007/05/08/5-efectos-css-accesibles.php http://sentidoweb.com/2007/05/08/5-efectos-css-accesibles.php#comments Tue, 08 May 2007 15:30:00 +0000 displaynone http://sentidoweb.com/2007/05/08/5-efectos-css-accesibles.php El tema de la accesibilidad es algo que a veces se deja de lado cuando se quiere conseguir un diseño más dinámico. Pero si se busca bien, se podrá encontrar ejemplos de diseños CSS que sean accesibles.

Estos son 5 muy buenos ejemplos de ello:

  • Enlaces externos: modificas el texto “(enlace externo)” incluyéndolo en un span y después lo que haces es modificar el estilo para que muestre un icono (diferente dependiendo de si es linked, visited o hover) y el texto lo haces desaparecer de la parte visible de la pantalla.Enlaces externos
  • Sigue leyendo: el texto “Sigue leyendo sobre …” se modifica, haciendo que solo aparezca “Sigue leyendo” y el resto del texto aparece como un popup mediante posición absoluta y jugando con el hover.Sigue leyendo
  • Texto variable: al igual que ya contamos en Sentido Web, usando distintas hojas de estilo y accediendo a ellas mediante Javascript.Tamaño de texto
  • Pestañas con imágenes: se crea un menú de pestañas con listas no ordenadas y se cambia el estilo para que no tengan formato de bloque, los enlaces están formados por imágenes y estas cambian según el hover.Pestañas
  • Formularios: dos buenos ejemplos de formularios, uno de ellos muy bien tabulado y otro en tres columnas.Formularios

5 Accessible and pretty CSS tips

Vía / dzone

]]> http://sentidoweb.com/2007/05/08/5-efectos-css-accesibles.php/feed 0