¿Qué es la & # 8220; mejores prácticas & # 8221; para redimensionar texto con Javascript?

Question

¿Cuál es la " mejor práctica " (accesibilidad / usabilidad) para redimensionar texto con Javascript?

Mi solución actual es que cuando el usuario hace clic en el enlace de cambio de tamaño, agrega una clase adicional a la etiqueta del cuerpo.

También establece una cookie y luego, cuando se carga la página, onLoad (), lee la cookie y vuelve a aplicar la etiqueta de la clase del cuerpo si es necesario.

Lo único que no es lo ideal es que se carguen y luego se apliquen, la solución anterior fue editar el archivo CSS antes de cargar la página, pero eso arrojó advertencias de seguridad si el archivo CSS estaba en un directorio diferente.

Entonces, ¿es mi solución esencialmente razonable o hay una mejor manera?

Adán

Answer 1

Su solución suena bien, con una adición: puede leer la cookie a medida que se carga la página y agregar la clase al elemento del cuerpo mientras se genera el marcado. La mayoría de los lenguajes del lado del servidor admiten esto: PHP, JSP, RoR, etc. Aparte de eso, tienes una solución sólida.

Answer 2

  

¿Cuál es la " mejor práctica "   (accesibilidad / usabilidad-sabio) para   redimensionar texto con Javascript?

La mejor práctica es " No " ;.

Especifique el tamaño de fuente en unidades relativas y deje que los controles nativos del navegador lo cambien si el usuario lo desea.

Los intentos de duplicar esta funcionalidad rara vez dan los tamaños de fuente que los usuarios necesitan (y generalmente terminan ofreciendo una opción atómica, microscópica y pequeña). Sí, algunos usuarios necesitan texto de 72 puntos (o más).

Los controles integrados del navegador funcionan en la mayoría, si no en todos, los sitios. No es necesario usar lienzo de bienes raíces duplicándolos.

Answer 3

Agregar un estilo CSS a HTML a través de JavaScript

Creo que tu sugerencia es una excelente manera de hacerlo.

Significa que tiene la flexibilidad de poder agregar la clase CSS a cualquier subelemento en lugar del cuerpo para que pueda cambiar el tamaño del texto de un elemento específico si así lo desea.

Leyendo la cookie en la página cargada

Para solucionar el problema que describe, buscaría la cookie en el idioma del servidor (php / asp / ruby, etc.) y mostraría el contenido según lo especificado por la cookie en la carga de la página.

En PHP, la definición de la clase CSS puede verse así:

echo '<div class=\"'.(
 Agregar un estilo CSS a HTML a través de JavaScript 

 Creo que tu sugerencia es una excelente manera de hacerlo. 

 Significa que tiene la flexibilidad de poder agregar la clase CSS a cualquier subelemento en lugar del cuerpo para que pueda cambiar el tamaño del texto de un elemento específico si así lo desea. 

Leyendo la cookie en la página cargada

 Para solucionar el problema que describe, buscaría la cookie en el idioma del servidor (php / asp / ruby, etc.) y mostraría el contenido según lo especificado por la cookie en la carga de la página. 

 En PHP, la definición de la clase CSS puede verse así: 

<*>COOKIE['text_size']!='' ? 
 Agregar un estilo CSS a HTML a través de JavaScript 

 Creo que tu sugerencia es una excelente manera de hacerlo. 

 Significa que tiene la flexibilidad de poder agregar la clase CSS a cualquier subelemento en lugar del cuerpo para que pueda cambiar el tamaño del texto de un elemento específico si así lo desea. 

Leyendo la cookie en la página cargada

 Para solucionar el problema que describe, buscaría la cookie en el idioma del servidor (php / asp / ruby, etc.) y mostraría el contenido según lo especificado por la cookie en la carga de la página. 

 En PHP, la definición de la clase CSS puede verse así: 

<*>COOKIE['text_size'] : 'normal'). '\">';

Answer 4

  

¿Cuál es la " mejor práctica " (accesibilidad / usabilidad) para redimensionar texto con Javascript?

" Accesibilidad web Gone Wild " lo resume muy bien en este momento:

  

Si su tamaño de fuente predeterminado puede ser demasiado pequeño para los visitantes del sitio, entonces hágalo del tamaño adecuado.

y,

  

Todos los navegadores permiten el tamaño o la escala del contenido de la página. ¿Por qué duplicar esta funcionalidad del navegador?

También, Cuidado con el tamaño de fuente :

  

El problema aquí es un problema básico de usabilidad y accesibilidad: un buen diseño debe verse bien sin requerir que el usuario aumente o reduzca el tamaño del texto.

Sin embargo, si tiene un motivo válido , no dude en ignorarlo.