html - plantillas - Aumentar/disminuir el tamaño de fuente al hacer clic en el botón

plantillas contact form 7

Question

Estoy seguro de que ustedes deben haber visto esa opción de cambio de tamaño de fuente en algún sitio web donde muestran el alfabeto "A" en tamaños pequeño, mediano y grande, haciendo clic en el cual cambia el tamaño de fuente del sitio web. Tengo dos preguntas:

1. ¿Cómo se llama eso en realidad? Al igual que si hay un término para describirlo?
2. ¿Qué argumentos puedo dar en contra de usar esto en el sitio web? Uno de los clientes ha solicitado incorporarlo en el sitio web y no veo ningún beneficio real al usarlo, entonces, ¿qué argumentos puedo darle al cliente para que no lo use?

Answer 1

1. Se llama "opciones de cambio de tamaño de fuente" o "resizer de fuente". Aquí hay un simple y mínimo 5 líneas de código jQuery tutorial: http://www.programming-free.com/2013/12/increase-decrease-font-size-jquery.html

Un poco del código que aumenta el tamaño de la fuente:

newFontSize= parseInt($(''#content'').css(''font-size'')) + 2;
$(''#content'').css(''font-size'', newFontSize);

1. El usuario podría simplemente usar CTRL + en el navegador. El problema es que el usuario final no conoce este truco. Esta es una implementación rápida y simple, no hay necesidad de convencer al cliente de ello. Me resulta difícil ver texto pequeño y claro después de 10 horas de programación. Tal vez el cliente tenga problemas de visión y necesite dirigirse a otros como él.

Answer 2

"A partir de jQuery 1.6, .css () acepta valores relativos similares a .animate (). Los valores relativos son una cadena que comienza con + = o - = para incrementar o disminuir el valor actual. Por ejemplo, si el relleno de un elemento fue a la izquierda 10px, .css ("relleno-izquierda", "+ = 15") daría como resultado un relleno total-izquierdo de 25px ".

Referencia

Entonces, para hacer eso, puede usar una función de devolución de llamada que devolverá el valor real, luego devolverá el nuevo valor.

Como el siguiente.

  $("#fontPlusBtn").click(function (){
        $("#textDiv > *").css("font-size", function(i, value) {
            return parseInt(value) * 1.1;
        });
    });

Demostración de trabajo para aumentar el tamaño de fuente en el botón Haga clic en:

Espero que esto te ayude a medida que describes el cambio del tamaño de la fuente al hacer clic con el botón.

Answer 3

¿Cuál es el grupo objetivo de su cliente? Agregar dicha característica generalmente se considera una buena práctica de accesibilidad web. En realidad, no ocupa demasiado espacio en la pantalla y no molesta con el diseño, pero ofrece a los usuarios la opción de ampliar el texto en caso de que tengan problemas para leer el texto.

No trataría de argumentar en contra, sino que encontraré una manera ordenada de implementar la funcionalidad.

La política de accesibilidad de BBC es una buena lectura: http://www.bbc.co.uk/accessibility/best_practice/policy.shtml