WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo mostrar un control de texto ajustable en WordPress

Jorge López by Jorge López
11 enero 2016
in Plugins
Reading Time: 4 mins read
0

La accesibilidad es uno de los puntos claves en el diseño y desarrollo de una web. No todas las personas ven de la misma manera, es por eso que a veces se necesita una ayudita extra. En este artículo te enseñamos cómo mostrar un control de texto ajustable en WordPress.

Para el que no lo sepa, la accesibilidad es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas. Esto también es aplicable al mundo de la web, tanto que ya se ha convertido en indispensable. Estamos familiarizados con el hecho de que haya una rampa en la entrada a un hospital, con los semáforos para ciegos, con los servicios de videollamadas para sordos… aunque en mi opinión creo que se debería trabajar más aún en este tema para que todos tengamos las mismas oportunidades. En Internet pasa exáctamente lo mismo, se avanza en este tema, pero no al nivel deseado. Aunque hay grandes avances como el texto ajustable en WordPress.

El control de texto ajustable en WordPress

Hay muchas prácticas que puedes incluir en tu web para que sea mucho más accesible: describir con un buen alt las imágenes, no usar el color como el único medio para transmitir información, asegurarnos de que existe suficiente contraste entre el texto y el fondo, no hacer que el usuario tenga que pasar el cursor del ratón por encima de un elemento para descubrir cosas o, por ejemplo, incluir un control de texto ajustable.

Diréis, ¿qué es eso del control de texto ajustable? Seguramente lo habréis visto mil millones de veces. Se trata de ese elemento para hacer el texto de un artículo (o de la página web en sí) más grande o más pequeño según nuestra conveniencia. Este control, por regla general, actúa en tiempo real sin tener que recargar la página gracias a que, lo normal, es que esté programado mediante Javascript, un lenguaje del lado del cliente.

Artículos relacionados

Cómo detectar usuarios que tienen instalado AdBlock en WordPress

30 octubre 2015

10 plugins para gestionar imágenes en WordPress

31 marzo 2017

Caché de objetos Redis para WordPress: guía de instalación y configuración avanzada

23 abril 2025

WP Fast Total Search: Revoluciona la búsqueda en tu WordPress

18 diciembre 2024
texto ajustable en WordPress - Accesibilidad Web
Fuente: emitt.es

La OMS afirma en sus informes que hay un total de 600 millones de personas con discapacidad. Es por ello que el acceso de estas personas a la tecnología debe tenerse en cuenta en la construcción de una sociedad igualitaria. Si eres de los que no has tenido esto en cuenta en tu web, te proponemos que des el primer paso integrando un control de texto ajustable en WordPress. Es muy sencillo, y estoy seguro que no te tomará mucho tiempo.

Las personas que no ven correctamente, no pueden acceder de la misma manera a la información que ofrece un contenido en concreto. Está más que claro que necesitan de una ayuda extra que les posibilite el cambiar el tamaño del texto. Sí, ya sabemos que existe un atajo de teclado para aumentar el tamaño de la fuente, pero no todo el mundo es capaz de teclearl. Para ello, lo mejor es dar también la opción de que puedan modificarlo a través de la parte pública de nuestro WordPress.

El plugin Accesibility Widget

Lo primero que tenemos que hacer para insertar un control de texto ajustable en WordPress es instalar el plugin Accesibility Widget.

Una vez activado, simplemente ve a la sección de Apariencia y selecciona la opción Widgets de WordPress. Cuando estemos dentro de widgets, unicamente tendremos que mover el widget que recién se ha insertado gracias a la instalación del plugin, llamado Accesibility Widget a la zona de sidebar en la que queramos mostrar el nuevo control.

texto ajustable en WordPress - Widget Accesibility Widget

Puedes introducir un título para el widget de WordPress que se mostrará en la parte pública. Después hay que seleccionar los elementos HTML o las clases CSS a los que afecta este aumento / disminución de tamaño. Es lógico pensar que este campo lo completaremos con el títular y el cuerpo de la noticia. Las opciones por defecto son body, párrafo, listas y celdas para tablas. Si lo quieres dejar para que este control abarque toda la web, lo puedes dejar con las opciones que trae el widget por defecto.

El widget te permite hasta cuatro opciones para el cambio de tamaño. Las opciones por defecto son 90%, 100%, 110% y 120%. Puedes aumentar o disminuir el tamaño de la fuente aquí. El último ajuste del widget es el texto que se mostrará en el control de texto ajustable en WordPress. Este es el texto que los usuarios verán. Por lo general, la letra A se utiliza para representar la opción de cambio de tamaño de fuente.

Una vez hayas terminado, haz clic en el botón Guardar para guardar la configuración del widget. Ahora puedes visitar la parte pública de tu web para ver el widget en acción. Así es como debería aparecer el widget en su sitio web ahora:

texto ajustable en WordPress - Accesibility Widget en la parte pública

Espero que este artículo te haya servido y que con esto ya sepas insertar un control de texto ajustable en WordPress. Y hablando de accesibilidad, ¿que otras cosas has hecho por accesibilidad en tu web?

Tags: cambiar tamaño del texto en WordPresstamaño del texto en WordPresstexto ajustable en WordPresstexto más grande en WordPresstexto más pequeño en WordPress
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

David Carrero lanza su primer plugin WordPress: «Read More Universal», compatible con más de 20 temas populares

24 junio 2025

Ligero, sin configuración y multilingüe, el nuevo plugin se adapta automáticamente a Twenty Twenty-Five,...

Noticias

Elementor celebra su noveno aniversario con descuentos de hasta el 75 % en toda su plataforma

22 junio 2025

La popular herramienta de creación web para WordPress lanza una campaña especial con importantes...

Plugins

WP Cerber: Un plugin de seguridad gratuito y potente para proteger WordPress

18 junio 2025

En el ecosistema de WordPress, la seguridad es una preocupación fundamental para cualquier administrador...

Plugins

Headers Security Advanced & HSTS WP: refuerza WordPress con cabeceras HTTP avanzadas y protección CSP

10 junio 2025

Headers Security Advanced & HSTS WP es uno de los plugins más completos para...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Cómo añadir el aviso sobre la política de cookies en Wordpress

14 septiembre 2015

Hello Elementor: La plantilla ideal para WordPress

18 diciembre 2024

Convierte tu blog en un periódico impreso con el plugin Printable PDF Newspaper para WordPress

20 abril 2025

La curva de aprendizaje según el CMS

26 diciembre 2013

Migración y optimización de WordPress del alto tráfico

23 junio 2017
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.