[Ovillo] tema accesibilidad: tipografía mejor en % o em?

2007-07-06 Por tema Daniela Kerschbaumer

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


Re: [Ovillo] tema accesibilidad: tipografía mejor en % o em?

2007-07-06 Por tema Jorge L. Batista E.
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


Re: [Ovillo] tema accesibilidad: tipografía mejor en % o em?

2007-07-06 Por tema Daniela Kerschbaumer
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?

2007-07-06 Por tema Leonard Francisco
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) guiño

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' ovillo@lists.ovillo.org
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 original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En