Cómo añadir texto redimensionable para los visitantes del sitio en WordPress

¿Has visto los botones de redimensionamiento de fuentes en algunos sitios populares? El propósito de estos botones es proporcionar una manera más fácil para los visitantes con baja visión de ajustar el tamaño de la fuente sin romper el diseño de un sitio web. Aunque puede utilizar la función de zoom incorporada en el navegador pulsando las teclas CTRL y +, aumenta el tamaño de cada elemento de la página, no sólo el texto. En este artículo, le mostraremos cómo añadir texto redimensionable para los visitantes del sitio en WordPress.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Lo primero que tiene que hacer es instalar y activar el plugin del Widget de accesibilidad en su sitio web. Una vez activada, simplemente vaya a Apariencia " Widget y arrastre / suelte el Widget de accesibilidad en una barra lateral.

Puede introducir un título para el widget. A continuación, debe seleccionar qué elementos HTML o clases CSS se verán afectadas por el widget. Las opciones predeterminadas son cuerpo, párrafo, elementos de lista y celdas de tabla. Estas opciones deberían funcionar para la mayoría de los sitios web.

El widget permite hasta cuatro opciones de redimensionamiento. Las opciones predeterminadas son 90%, 100%, 110% y 120%. Aquí puede aumentar o disminuir el tamaño de las fuentes. La última configuración del widget es el texto del controlador. Este es el texto que los usuarios verán. Normalmente, la letra A se utiliza para representar la opción de redimensionamiento de la fuente. Una vez que hayas terminado, haz clic en el botón Guardar para guardar la configuración de tu widget.

Ahora puede visitar su sitio web para ver el widget en acción. Así es como el widget debería aparecer en su sitio web ahora:

Si cree que el texto del controlador no se nota, puede cambiarlo utilizando CSS. Por ejemplo, agregue este código CSS en la hoja de estilos de su tema:

12345.widget_acceso a un {borde: 2pxsolid#000;acolchado: 2px;font-weight: negrita;}

Esta CSS agregará un borde alrededor del texto del controlador, lo pondrá en negrita y agregará un poco de relleno.

Esperamos que este artículo le haya ayudado a añadir la opción de texto redimensionable en su sitio de WordPress. También puede consultar nuestra guía sobre cómo mejorar la accesibilidad en su sitio de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Google+.