Re: [Ovillo] tema accesibilidad: tipografía mejor en % o em?
Buenas Daniela y todos Confirmo que aprendo de mis errores: hace un tiempo envié una pregunta sobre accesibilidad a este grupo y me retaron por no haberlo enviado a Acceso Web, grupo del cual ya era Moderador (doble reto) Justamente ayer hubo un hilo, en Acceso Web [1], en el que se trataba el tema "tamaño de letas, ¿em, px, o %?" (este título es mío). Te paso un link a un hilo del año pasado en el que también se trató el tema (enviado por Emmanuelle Gutierrez y Restrepo, líder del Sidar) [2] En estos hilos se proponen soluciones como la que te sugirió Jorge Bastista pero con otros valores. Te copy/pasteo el mail que envió Saúl González Fernandez que considero muy claro: ** "En realidad, creo que la única directriz importante desde el punto de vista del tamaño de texto que deberíais tener en cuenta tiene que ver con la legibilidad. Especialistas como Joe Clark y Jeffrey Zeldman indican que el umbral mínimo de percepción está en los 6 píxeles, pero creo que todos estaremos de acuerdo en que a menos de 10 píxeles ya empezamos a tener que forzar la vista. En cuanto a tener diversos tamaños de fuente, los criterios o los argumentos podrían ser más bien de usabilidad. Distintos tamaños de fuente son identificativos de diferentes niveles de importancia, por lo que no tendría mucho sentido que, por ejemplo, un encabezado tuviese el mismo tamaño (o menor) que el contenido al que precede. Sin embargo, si he entendido bien el caso que presentas, el tamaño de fuente superior lo aplica a un menú; si el menú es la navegación del sitio, yo diría que incluso "lo más accesible" sería mantenerlo con una fuente mayor, puesto que se trata de uno de los elementos de orientación y de uso más importantes de una página. En el primer párrafo, te he indicado que las cuestiones de accesibilidad de un texto se refieren a su legibilidad, pero hay en concreto una cuestión que tienes que tener en cuenta, y es la unidad en la que especifiques el tamaño. Según la especificación del W3C (http://www.w3.org/TR/CSS21/syndata.html), el píxel es una unidad relativa. Como tal, debería escalarse según la resolución del monitor, o según el tamaño que el usuario especifique en su navegador a través de al interfaz del mismo (es decir, como hace Firefox Ver > Tamaño de texto, o con Ctrl + o Ctrl -). Sin embargo, en Internet Explorer 6 lo que se especifique en el menú Ver > Tamaño de texto no es aplicable a las fuentes definidas en píxeles, por lo que si el usuario necesita ampliar la fuente le habríamos bloqueado la posibilidad. La alternativa es definir los tamaños de texto con una unidad relativa; te aconsejo el uso de ems. Por lo general yo suelo emplear uno de los siguientes métodos. El primero es aplicar en la CSS un tamaño de fuente básico a html o a body en ems. Suelo empezar con font-size:0.7em. Como el valor por defecto medio de la fuente en la mayor parte de los navegadores actuales es 16 píxeles, esto me da un tamaño inicial aproximado para el texto de 11 píxeles, que a mi entender es un tamaño cómodamente legible. Para todos aquellos elementos para los que necesite un tamaño mayor o menor, aplico en la CSS porcentajes. Así, mi texto básico es escalable incluso en Explorer 6, y el resto de elementos mantienen la diferencia de tamaño de una forma proporcional. Si te fijas, en realidad las ems ya son de por sí un porcentaje del tamaño inicial definido por el navegador. Así, a veces es un poco confuso hacerse una idea de qué tamaño estamos aplicando (porque para pantalla pensamos en píxeles, como es lógico). Por ello, hay un truco para aliviar esta situación, y ese es el segundo método. El segundo método consiste en definir en la CSS un tamaño para html o body que sea font-size:62.5%. Como hemos dicho que el valor por defecto es 16 píxeles, con esta declaración aplicamos a todo el documento un (16*62.5)/100, que nos da un tamaño inicial de 10 píxeles. Así, para el resto de los elementos es más fácil calcular tamaños en ems, porque 1em equivale a 10px, 1.5em a 15px, 2em a 20px, y así sucesivamente." ** Mi opinión es que programar accesible es programar bien, otras formas de programar no son programar bien (me hago cargo de estar metiéndome en camisa de once varas). Si hacer las cosas bien te complica, bienvenida al complicado mundo de quienes hacemos las cosas bien (o por lo menos lo intentamos). Saludos Franky Leonard Moderador de Acceso Web [1] http://es.groups.yahoo.com/group/accesoweb [2] http://es.groups.yahoo.com/group/accesoweb/message/9859 - Original Message - From: "Daniela Kerschbaumer" <[EMAIL PROTECTED]> To: "'Ovillo, la lista de CSS en castellano'" Sent: Friday, July 06, 2007 9:38 AM Subject: Re: [Ovillo]tema accesibilidad: tipografía mejor en % o em? Hola Jorge, muchas gracias para ayudarme con esto. Vaya tema lo de la accesibilidad, nos complica bastante la vida... Saludos. Daniela -Mensaje or
Re: [Ovillo] tema accesibilidad: tipografía mejor en % o em?
Hola Jorge, muchas gracias para ayudarme con esto. Vaya tema lo de la accesibilidad, nos complica bastante la vida... Saludos. Daniela -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jorge L. Batista E. Enviado el: viernes, 06 de julio de 2007 14:28 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] tema accesibilidad: tipografía mejor en % o em? Hola Daniela, te comento como yo lo hago: Teniendo en cuenta que los navegadores (o la mayoría de ellos) tienen el tamaño del texto por defecto en "Times New Roman" 16 px menos el Safari de Mc que lo fija en 14px puedes encontrar una relación mas o menos exacta entre el em y un % del texto. Yo generalmente uso el 75% del texto o sea font-size: 75% para el body, de ahí puedes calcular el resto de las dimensiones teniendo cuidado al anidar estructuras paras las que hayas definido otros tamaños de texto. Con un cálculo sencillo puedes obtener tu "nuevo em" que serían 12px y de ahí en adelante es pura aritmética 120 px serían 10 em. Esto no es exactamente así, sobre todo porque el usuario puede haber redefinido el tamaño del texto para acomodarlo a su resolución de pantalla pero puedes suponer que no estría mal del todo porque todo el sitio es proporcional a este tamaño que él mismo eligió. Te paso un sitio [1] en el que hemos puesto mucho empeño en que esto funcione, puedes probarlo usando "ctrl +" y "ctrl -" en firefox. ss PB [1] http://hotelsaratoga.ohc.cu En Fri, 06 Jul 2007 03:12:57 -0400, Daniela Kerschbaumer <[EMAIL PROTECTED]> escribió: > > Buenos días a todos. > > > Por el tema de accesibilidad voy a rediseñar una Web. ¿Os parece mejor > poner > el tamaño de la tipografía en porcentaje o em? Supongo que el resultado > sea > lo mismo. Hasta ahora siempre he utilizado el porcentaje. Pero a lo > mejor se > puede controlar todo mejor con em? > > > Saludos, > > Daniela > > > > > > > > > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > **Las siguientes líneas de texto son agregadas por los Servidores > Centrales de Correo de la Oficina del Historiador de la Ciudad de la > Habana.** > > Visite la Cartelera interactiva de Opus Habana, con el calendario de la > programación cultural del Centro Histórico. > http://opushabana.ohc.cu/cartelera.php > Redacción Opus Habana > > Visite el Servidor de ficheros central de la OHC: Programas, Drivers, > Documentación Técnica y Biblioteca Digital. > ftp://ftp.ohc.cu > Nodo Central de Comunicaciones - Dirección de Informática y > Comunicaciones > > Para insertar información institucional al final de los correos > electrónicos enviados hacia o desde la Oficina del Historiador de la > Ciudad, contacte con [EMAIL PROTECTED] o llame a los teléfonos > 8608853-48-49. > > > > __ Información de NOD32, revisión 2379 (20070704) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tema accesibilidad: tipografía mejor en % o em?
Hola Daniela, te comento como yo lo hago: Teniendo en cuenta que los navegadores (o la mayoría de ellos) tienen el tamaño del texto por defecto en "Times New Roman" 16 px menos el Safari de Mc que lo fija en 14px puedes encontrar una relación mas o menos exacta entre el em y un % del texto. Yo generalmente uso el 75% del texto o sea font-size: 75% para el body, de ahí puedes calcular el resto de las dimensiones teniendo cuidado al anidar estructuras paras las que hayas definido otros tamaños de texto. Con un cálculo sencillo puedes obtener tu "nuevo em" que serían 12px y de ahí en adelante es pura aritmética 120 px serían 10 em. Esto no es exactamente así, sobre todo porque el usuario puede haber redefinido el tamaño del texto para acomodarlo a su resolución de pantalla pero puedes suponer que no estría mal del todo porque todo el sitio es proporcional a este tamaño que él mismo eligió. Te paso un sitio [1] en el que hemos puesto mucho empeño en que esto funcione, puedes probarlo usando "ctrl +" y "ctrl -" en firefox. ss PB [1] http://hotelsaratoga.ohc.cu En Fri, 06 Jul 2007 03:12:57 -0400, Daniela Kerschbaumer <[EMAIL PROTECTED]> escribió: > > Buenos días a todos. > > > Por el tema de accesibilidad voy a rediseñar una Web. ¿Os parece mejor > poner > el tamaño de la tipografía en porcentaje o em? Supongo que el resultado > sea > lo mismo. Hasta ahora siempre he utilizado el porcentaje. Pero a lo > mejor se > puede controlar todo mejor con em? > > > Saludos, > > Daniela > > > > > > > > > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > **Las siguientes líneas de texto son agregadas por los Servidores > Centrales de Correo de la Oficina del Historiador de la Ciudad de la > Habana.** > > Visite la Cartelera interactiva de Opus Habana, con el calendario de la > programación cultural del Centro Histórico. > http://opushabana.ohc.cu/cartelera.php > Redacción Opus Habana > > Visite el Servidor de ficheros central de la OHC: Programas, Drivers, > Documentación Técnica y Biblioteca Digital. > ftp://ftp.ohc.cu > Nodo Central de Comunicaciones - Dirección de Informática y > Comunicaciones > > Para insertar información institucional al final de los correos > electrónicos enviados hacia o desde la Oficina del Historiador de la > Ciudad, contacte con [EMAIL PROTECTED] o llame a los teléfonos > 8608853-48-49. > > > > __ Información de NOD32, revisión 2379 (20070704) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] tema accesibilidad: tipografía mejor en % o em?
Buenos días a todos. Por el tema de accesibilidad voy a rediseñar una Web. ¿Os parece mejor poner el tamaño de la tipografía en porcentaje o em? Supongo que el resultado sea lo mismo. Hasta ahora siempre he utilizado el porcentaje. Pero a lo mejor se puede controlar todo mejor con em? Saludos, Daniela ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo