G3: Diseño

La situación es frecuente: hay que trabajar con múltiples imágenes para las que se carece de texto alternativo y no es posible generarlo mediante un editor humano. ¿Qué camino tomar? ¿Qué tipo de solución es la más adecuada?

Los que tengan buena memoria recordarán que este tema ya se ha discutido alguna vez en la lista Acweb, pero es una discusión que cobra más importancia conforme aumenten los sitios que no generan contenido propio, sino que lo recogen y agregan desde otras fuentes externas.

Esto es lo que se conoce como un tutorial por omisión: no lo haces. Fin del tutorial.

Puede que a veces llegues a un punto en tu diseño en el que estimes oportuno que una imagen que has colocado como fondo de un elemento tenga un texto alternativo. Esto es un signo de que te has equivocado al juzgar esa imagen: si contiene información significativa, que justifique el uso de alt, no es decoración, sino contenido. Sácala de la hoja de estilo y devuélvela a la capa correspondiente, en el marcado, mediante el elemento img, al que podrás dar los atributos adecuados sin ningún problema.

Los más listos de la clase apuntarán la posibilidad de usar alguna técnica de reemplazo de imágenes, pero creo que para problemas de diseño básicos como éste es mejor no marear más la perdiz con técnicas tan complejas y que son, a nivel de accesibilidad, un mundo en si mismas.

Gracias a Carlos Benavides y Daniel Low por ofrecer una nueva herramienta de revisión de accesibilidad: Examinator, un robot temperamental, verifica los sitios de una forma liviana pero rigurosa y crea un ranking de los sitios examinados que puede servir para crear una beneficiosa "carrera armamentistica de la accesibilidad". Una hermanita pequeña pero dicharachera de pesos pesados como esa maravilla llamada Hera

Con la lista de asistentes al Congreso "Fundamentos Web 2005", que se celebrará del 22 al 24 de noviembre en Gijón y Oviedo, podemos despedirnos definitivamente de las contracciones involuntarias del diafragma. Algunos podremos entregarnos sin rubor al fenómeno fan con la presencia de la gran Z, bailar hasta el amanecer (bueno, hasta media tarde) con una mesa redonda que reune al mítico Jakob Nielsen con lo más florido de la escena española y finalmente entregarnos a un chillout en forma de tutorial sobre XHTML2/XForm dirigido por Steven Pemberton.

Gracias a los responsables de organizar este importantísimo acto en España. Nos vemos en esta orgía para la mente. ¡Apuntáos ya!

En HTML disponemos de dos elementos, <abbr> y <acronym>. ¿Cuál usaría usted en cada uno de los siguientes casos y por qué?

Abreviaturas y acrónimos. Examen ... continúa »

PDFs accesibles, enlaces de saltar navegación, orden visual frente a orden de los elementos en el código fuente y mucho más. Es dificil hablar de tanto en tan poco espacio, pero el inimitable Joe Clark lo consigue en esta entrevista

Una forma de aprender a trabajar con CSS por motivos laborares, hobby o simplemente curiosidad en el tema, es por medio de la lectura, en esta bitácora tratamos de hacerles llegar artículos semanales, si bien esto puede alcanzar para el momento se encuentra disponible una gran variedad de libros para su consulta.

Libros Sobre CSS. ... continúa »

Un nuevo texto de Juicy Studio y, cómo suele ser habitual, bueno. Se ocupa de los "enlaces de desplazamiento", que es como voy a denominar a partir de ahora a los famosos enlaces que permiten "saltarnos" una determinada sección del documento. La recapitulación sobre a quién y porqué benefician, cuáles son las distintas técnicas utilizadas las pautas de accesibilidad aplicables, presentes y futuras, en el artículo Skip Links

Las técnicas de reemplazo de imágenes con CSS siempre han sido tremendamente potentes en cuanto a su capacidad de mejorar la apariencia de las páginas, pero también desde su origen han planteado problemas de accesibilidad que se han ido solucionando progresivamente con cada nueva versión e iteración, hasta llegar a la situación actual en la que el gran último problema irresoluto de todas las técnicas era que fallaban en el escenario en que el visitante tuviera activadas las hojas de estilo y desactivadas las imágenes. Las deficiencias de Internet Explorer en el soporte adecuado de CSS no contribuían tampoco a alentar el desarrollo de alternativas.

Ahora ha aparecido una nueva técnica que a primera vista puede ser la solución definitiva al reemplazo de imágenes mediante hojas de estilo, combinando contenido generado con CSS con la capacidad de Internet Explorer para soportar javascript incrustado en los estilos. Esperemos que haya suerte y realmente tengamos una técnica a prueba de fallos y completamente accesible.

Las declaraciones de accesibilidad de los sitios desempeñan, además del rol de certificación de facto del compromiso de los autores con la accesibilidad, una importante función como texto de ayuda al visitante sobre la forma más eficaz de acceder a todas las funcionalidades. Patrick Griffiths lo explica con un pequeño cuento.

En el artículo Skip Navigation, Jim Thatcher analiza las diferentes técnicas de enlaces de "saltar navegación" o "saltar al contenido"

Gracias a Ana Belén Ramón por presentarnos Access Matters, un weblog sobre accesibilidad con un enfoque "socrático": se presentan cuestiones de accesibilidad con varias posibles opciones para discutir cuál y porqué es la solución óptima.

Esa guía explica cómo planificar y organizar el proyecto de desarrollo de un Sitio Web, para una institución del Gobierno de Chile.

Posee 5 capitulos, donde se explican los temas: Planificar y organizar el proyecto de desarrollo de un Sitio Web. Definir los contenidos que se incluirán en un Sitio Web y desarrollar la estructura de un sitio y su forma. Diseño de las páginas del Sitio Web de acuerdo a normas estándares. Presentación a los usuarios. Mantención de un Sitio Web en forma posterior a su lanzamiento.

Guía para el Desarrollo de Sitios Web - ... continúa »

Navegando y buscando información sobre CSS encontré el sitio http://www.e-lusion.com/ el cual, nos muestra 9 ejemplos con distintos diseños.

9 diseños de menú de navegación. ... continúa »

Liberada la versión 1.0 de GOK, un teclado virtual para GNOME

GOK 1.0 ... continúa »