G3: Diseño 2005-10-02T16:27:32+00:00 DotClear daily 1 2005-10-02T16:27:32+00:00 Textos alternativos cuando no existen textos alternativos 2005-10-02T16:27:32+00:00 2005-10-02T16:27:32+00:00 http://bitacoras.sidar.org/g3/index.php?2005/10/02/25-textos-alternativos-cuando-no-existen-textos-alternativos Manuel González Noriega 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... <p>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? </p> <p> 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. </p> Tutorial: cómo poner textos alternativos (atributo alt) a imágenes de fondo 2005-09-28T09:23:10+00:00 2005-09-28T09:23:10+00:00 http://bitacoras.sidar.org/g3/index.php?2005/09/28/24-tutorial-como-poner-textos-alternativos-atributo-alt-a-imagenes-de-fondo Manuel González Noriega Diseño 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... <p> Esto es lo que se conoce como un tutorial por omisión: no lo haces. Fin del tutorial. </p> <p> 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 <code>alt</code>, 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 <code>img</code>, al que podrás dar los atributos adecuados sin ningún problema. </p> <p> 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. </p> Examinator 2005-08-27T10:14:12+00:00 2005-08-27T10:14:12+00:00 http://bitacoras.sidar.org/g3/index.php?2005/08/27/23-examinator Manuel González Noriega Diseño 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... <p>Gracias a Carlos Benavides y Daniel Low por ofrecer una nueva herramienta de revisión de accesibilidad: <a href="http://www.accesible.com.ar/examinator/index.php">Examinator</a>, un <q>robot temperamental</q>, verifica los sitios de una forma liviana pero rigurosa y crea un <a href="http://www.accesible.com.ar/examinator/index.php?e=top" lang="en">ranking</a> 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 <a href="http://www.sidar.org/hera/" title="HERA 2.0. Revisor automático de accesibilidad">Hera</a></p> Adios al hipo 2005-07-14T22:51:05+00:00 2005-07-14T22:51:05+00:00 http://bitacoras.sidar.org/g3/index.php?2005/07/14/22-adios-al-hipo Manuel González Noriega Diseño 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... <p>Con la <a href="http://www.fundamentosweb.org/ponentes">lista de asistentes</a> al <a href="http://www.fundamentosweb.org/">Congreso "Fundamentos Web 2005"</a>, 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 <a href="http://www.zeldman.com" title="Jeffrey Zeldman">la gran Z</a>, 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 <span lang="en">chillout</span> en forma de tutorial sobre <accronym title="eXtensible HyperText Markup Language">XHTML2</accronym>/XForm dirigido por Steven Pemberton. </p> <p>Gracias a los responsables de organizar este importantísimo acto en España. Nos vemos en esta orgía para la mente. <a href="http://www.fundamentosweb.org/inscripcion" title="Formulario de inscripción en las jornadas">¡Apuntáos ya!</p> Abreviaturas y acrónimos. Examen sorpresa. 2005-06-03T09:31:47+00:00 2005-06-03T09:31:47+00:00 http://bitacoras.sidar.org/g3/index.php?2005/06/03/21-abreviaturas-y-acronimos-examen-sorpresa Manuel González Noriega Diseño En HTML disponemos de dos elementos, <abbr> y <acronym>. ¿Cuál usaría usted en cada uno de los siguientes casos y por qué? <p>En HTML disponemos de dos elementos, &lt;abbr&gt; y &lt;acronym&gt;. ¿Cuál usaría usted en cada uno de los siguientes casos y por qué?</p> <p>Encima de la mesa, sólo un bolígrafo. Los libros cerrados y en el suelo. Gutiérrez, ojito que le tengo muchas ganas. Consta de una sola pregunta y empieza ya.</p> <p> En HTML disponemos de dos elementos, &lt;abbr&gt; y &lt;acronym&gt;. ¿Cuál usaría usted en cada uno de los siguientes casos y por qué? </p> <p> <ins> He sustituido en la primera opción "km" por <abbr title="etcétera">etc.</abbr>. La razón es que, como me señalan amablemente en los comentarios Carmen y Balbinus, "km" no es una abreviatura. Disculpas por el error que, por lo demás, creo que no afecta a los resultados del examen. &lt;sonrisa&gt; </ins> </p> <ol> <li>"etc." debe marcarse con <ol style="list-style-type:lower-alpha;"> <li>&lt;abbr&gt;</li> <li>&lt;acronym&gt;</li> </ol> </li> <li>"I.B.M." debe marcarse con <ol style="list-style-type:lower-alpha;"> <li>&lt;abbr&gt;</li> <li>&lt;acronym&gt;</li> </ol> </li> <li>"OTAN" debe marcarse con <ol style="list-style-type:lower-alpha;"> <li>&lt;abbr&gt;</li> <li>&lt;acronym&gt;</li> </ol> </li> </ol> Diez preguntas para Joe Clark 2005-05-12T08:01:51+00:00 2005-05-12T08:01:51+00:00 http://bitacoras.sidar.org/g3/index.php?2005/05/12/20-web-standards-group---ten-questions-for-joe-clark Manuel González Noriega Diseño 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... 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 <a href="http://webstandardsgroup.org/features/joe-clark.cfm" title="Web Standards Group - Ten Questions for Joe Clark" lang="en">esta entrevista</a> Libros Sobre CSS. 2005-04-20T21:28:20+00:00 2005-04-20T21:28:20+00:00 http://bitacoras.sidar.org/g3/index.php?2005/04/20/19-libros-sobre-css Francisco F. de Brito Fontes Diseño 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. <p>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.</p> <p>Una lectura de estos libros que puede tomar varias semanas, aunque bien se podría leer los temas que mas nos interesan, los llamativos y dejar algunos temas para leer luego.</p> <p>La siguiente lista de libros, se pueden encontrar en <a href="http://www.amazon.com/" hreflang="en">Amazon</a>, donde les permite visualizar parte de un capitulo del libro seleccionado.</p> <p>Dichos libros recopilan consejos claros y simples; teoría aplicada y entrevistas las cuales permiten que dichos libros sean de lectura liviana.</p> <p><a href="http://www.amazon.com/exec/obidos/tg/detail/-/0321303474/ref=ase_grancomo-20/102-8144253-7880131?v=glance&amp;s=books" hreflang="en">The Zen of CSS Design : Visual Enlightenment for the Web (Voices That Matter)</a> Autor/es: Dave Shea, Molly E. Holzschlag ISBN: 0321303474</p> <p><a href="http://www.amazon.com/exec/obidos/ASIN/1590593812/ref=pd_sxp_elt_l1/102-8144253-7880131" hreflang="en">Web Standards Solutions: The Markup and Style Handbook</a> Autor/es:Dan Cederholm ISBN: 1590593812</p> <p><a href="http://www.amazon.com/exec/obidos/ASIN/0735710627/ref=pd_sxp_elt_l1/102-8144253-7880131" hreflang="en">Web ReDesign : Workflow that Works</a> Autor/es:Kelly Goto, Emily Cotler ISBN: 0735710627</p> <p><a href="http://www.amazon.com/exec/obidos/ASIN/0596005768/qid=1114045093/sr=2-1/ref=pd_bbs_b_2_1/102-8144253-7880131" hreflang="en">CSS Cookbook</a> Autor/es:Christopher Schmitt ISBN: 0596005768</p> <p><a href="http://www.amazon.com/exec/obidos/ASIN/0596005253/ref=pd_sxp_elt_l1/102-8144253-7880131" hreflang="en">Cascading Style Sheets: The Definitive Guide, 2nd Edition</a> Autor:Eric A. Meyer ISBN: 0596005253</p> <p><a href="http://www.amazon.com/exec/obidos/ASIN/0735714258/qid=1114045093/sr=2-4/ref=pd_bbs_b_2_4/102-8144253-7880131" hreflang="en">More Eric Meyer on CSS (Voices That Matter)</a> Autor:Eric A. Meyer ISBN: 0735714258</p> Más sobre enlaces de desplazamiento 2005-04-20T14:22:23+00:00 2005-04-20T14:22:23+00:00 http://bitacoras.sidar.org/g3/index.php?2005/04/20/18-mas-sobre-enlaces-de-desplazamiento Manuel González Noriega Diseño 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... 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 <a href="http://juicystudio.com/skip-links.asp" xml_lang="en" lang="en">Skip Links</a> Fecklessmind » Definitive Solution to Image Replacement 2005-04-14T09:21:57+00:00 2005-04-14T09:21:57+00:00 http://bitacoras.sidar.org/g3/index.php?2005/04/14/17-fecklessmind-definitive-solution-to-image-replacement Manuel González Noriega Diseño 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... <p>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. </p> <p>Ahora ha aparecido <a href="http://fecklessmind.com/main/5/definitive-solution-to-image-replacement" title="Fecklessmind » Definitive Solution to Image Replacement" lang="en"> una nueva técnica </a> que a primera vista puede ser <strong>la solución definitiva al reemplazo de imágenes mediante hojas de estilo</strong>, 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. </p> El visitante y la Declaración de Accesibilidad 2005-04-12T08:34:07+00:00 2005-04-12T08:34:07+00:00 http://bitacoras.sidar.org/g3/index.php?2005/04/12/16-el-visitante-y-la-declaracion-de-accesibilidad Manuel González Noriega Diseño 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... Las declaraciones de accesibilidad de los sitios desempeñan, además del rol de certificación <span lang="la">de facto</span> 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 <a href="http://www.htmldog.com/ptg/archives/000100.php" hreflang="en" title="The Surfer and The Accessibility Statement - HTML Dog Blog - HTML Dog">un pequeño cuento</a>.