jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo hacer que su sitio de WordPress sea más accesible

Cómo hacer que su sitio de WordPress sea más accesible

Cómo hacer que su sitio de WordPress sea más accesible

Imagen oculta de Pinterest

Cuando se trata de iniciar un sitio web de WordPress, debe tener en cuenta que visitarán visitantes de todo tipo.

Más importante aún, no todos los visitantes de su sitio podrán hacer las cosas simples que algunos dan por sentado, como mover el mouse, ver la combinación de colores de su sitio o escuchar contenido de video. Por lo tanto, si desea establecer una reputación sólida en su industria, aumentar las conversiones y simplemente hacer lo correcto, deberá centrarse en la accesibilidad de WordPress.

Por esta razón, hoy describiremos las formas más sencillas de hacer esto. haga que su sitio de WordPress sea más accesiblepara que las personas puedan explorar su sitio con facilidad: no importa qué.

Entonces empecemos.

¿Qué es la accesibilidad de WordPress?

Accesibilidad de WordPress significa hacer que su sitio web y su contenido estén disponibles todos los usuariosincluidos aquellos con discapacidad.

¿No estás seguro de si esto se aplica a tu público objetivo?

Piénsalo. Según el Proyecto de Inclusión del Servicio Nacional, hay 48,9 millones de personas con discapacidad sólo en Estados Unidos. Si extiende esto a todo el mundo, es probable que una parte significativa de los visitantes de su sitio tenga algún tipo de discapacidad que afecte su capacidad para explorar su sitio web de la forma prevista.

EL Iniciativa de accesibilidad web afirma que hacer que su sitio sea más accesible ayudará a los siguientes grupos de personas:

  • personas mayores
  • Personas con discapacidades temporales, incluyendo gafas perdidas o una extremidad rota.
  • Personas con discapacidad visual o auditiva.
  • Personas con conexiones lentas a Internet.
  • Aquellos que tienen limitaciones situacionales, como aquellos que acceden a su sitio en un área o entorno brillante donde no pueden escuchar el audio del sitio.
  • Personas con problemas cognitivos como dislexia, que afectan la capacidad de una persona para leer contenido escrito.

Antes de continuar, tomemos un ejemplo. Blinkee.com:

terrible ejemplo de diseño web

Entre la fuente diminuta y las luces intermitentes, hay muchos visitantes del sitio que tendrán dificultades para leer el contenido, navegar por el sitio o poder concentrarse en algo importante durante más de unos pocos segundos.

¿Ves lo que queremos decir? La accesibilidad del sitio web es mucho más importante de lo que muchos quieren admitir.

Pero ¿por qué debería importarte la accesibilidad de WordPress?

Quizás esté pensando que su sitio web de WordPress no se parece en nada a Blinkee.com. Y si bien eso es algo bueno, todavía no estás a salvo.

Estas son algunas de las razones más convincentes para preocuparse por la accesibilidad del sitio:

  • Las personas con discapacidad son tres veces menos probable se conectan a Internet que aquellos que no lo hacen, lo que significa que se está perdiendo grandes oportunidades para convertir a una gran parte de clientes potenciales.
  • Google y otros motores de búsqueda importantes recompensan los sitios accesibles ubicándolos más arriba en los rankings de búsqueda.
  • Ha habido miles de casos de accesibilidad web archivado desde que rastreamos este tipo de casos por primera vez en 2015, lo que significa que su sitio podría estar en riesgo de una demanda
🔥 Leer:  Cómo restablecer el llavero en Mac

Como puede ver, no importa qué tipo de sitio web tenga, corre el riesgo de perder mucho al alienar a parte de su público objetivo.

Consejos para hacer su sitio web más accesible

1. Pruebe la accesibilidad de su sitio de WordPress

Antes de comenzar a realizar cambios en su sitio para hacerlo más accesible, es mejor ver qué tan accesible es en este momento.

Esto se puede hacer fácilmente usando una herramienta como Herramienta de evaluación de accesibilidad web (WAVE). Con él podrás evaluar la accesibilidad de tu sitio web simplemente ingresando la URL de tu sitio.

Resultados WAVE para el asistente de blogs

Después de ser evaluado, WAVE mostrará varios íconos codificados por colores que representan secciones de su sitio que están bien, que necesitan mejoras o que son errores reales. Si hace clic en un icono, tendrá acceso a una descripción detallada de lo que debe arreglarse.

2. Elija las combinaciones de colores con cuidado

Una de las mejores formas de promocionar su sitio web y diferenciarse de la competencia es utilizar una combinación de colores específica. Pero si los visitantes que llegan a su sitio web son daltónicos o tienen problemas de visión, no podrán apreciar los colores de su sitio como deberían.

Tomemos, por ejemplo, este sencillo ejemplo de contraste de color:

ejemplo de contraste de color

Cuesta bastante ver el texto escrito en la primera imagen, ¿verdad? Y es posible que ni siquiera tengas una discapacidad que afecte tu forma de ver esta imagen.

Ahora imagina que eres una de los 300 millones de personas en el mundo que sufren daltonismo.

Además de prestar atención a las combinaciones de colores contrastantes, también es importante evitar el uso de combinaciones de colores contrastantes. Sólo porque el contraste no es horribleno significa que los colores combinen bien.

Para equilibrar el color de su sitio de WordPress, consulte esta herramienta gratuita en línea llamada control de contraste.

control de contraste

Simplemente elija un color de primer plano y de fondo y deje que la herramienta determine si los colores están equilibrados correctamente o no. De lo contrario, la herramienta le advertirá:

el control de contraste falla

3. Utilice un complemento de accesibilidad de WordPress

Si desea facilitarle las cosas, siempre puede utilizar un complemento de accesibilidad de WordPress dedicado para evaluar su sitio y asegurarse de que sea accesible para todas las personas.

Uno de esos complementos es Accesibilidad de WordPress. Este complemento le ayuda a identificar problemas de accesibilidad comunes en los temas de WordPress y solucionarlos para mejorar la usabilidad de su sitio.

Algunas de sus características incluyen:

  • Eliminar el atributo de destino de los enlaces
  • Eliminar atributos de título de imágenes insertadas en el contenido
  • Agregar títulos de publicaciones a los enlaces estándar “leer más”.
  • Agregar etiquetas a los campos de formulario estándar de WordPress si faltan
  • Eliminar tabindex de elementos enfocables
  • Mostrar un contraste de color entre dos valores de código hexadecimal
  • Y más
🔥 Leer:  “IPTV do Sogro” de Paços de Ferreira tenía más de mil clientes

Además, WP Accessibility agregará una barra de herramientas para alternar entre vistas de alto contraste, letra grande y escala de grises de su tema, aplicará atributos alt en todas las imágenes e incluso agregará atributos de idioma y dirección de texto a sus atributos HTML.

Alternativamente, puede optar por una plataforma de accesibilidad dedicada como acceso. La mejor parte de este tipo de plataforma es que funciona fuera de WordPress.

4. Utilice un tema accesible

Si desea evitar tener que solucionar problemas de accesibilidad desde el principio, debe utilizar un tema de WordPress preparado para accesibilidad.

Por supuesto, a veces es más fácil decirlo que hacerlo. Dicho esto, si navegas por el repositorio oficial de WordPress, puedes encontrar algunos excelentes (¡Es gratis!) temas que utilizan un diseño accesible. Todo lo que tienes que hacer es utilizar el Filtro de funciones y busque temas etiquetados como accesibles.

temas accesibles en wordpress.org

Sin embargo, nuestra recomendación es Kadence. Este tema tiene una versión gratuita pero también está disponible una versión premium con funciones adicionales.

Si elige un tema accesible para su sitio web de WordPress, su sitio estará listo para todos los usuarios en términos de navegación, estilo de enlaces, combinaciones de colores y más.

5. Agrega texto alternativo a todas las imágenes.

Agregar texto alternativo a las imágenes de su sitio no se trata solo de mejorar su clasificación de búsqueda. Por supuesto, el texto alternativo en las imágenes brinda a los rastreadores de los motores de búsqueda una mejor comprensión de su sitio web y lo ayuda a clasificar en resultados de búsqueda más relevantes.

Pero agregar texto alternativo a sus imágenes también ayudará a las personas con discapacidades a tener una mejor experiencia de usuario en su sitio. De hecho, el texto alternativo que agrega a sus imágenes permite a las personas con discapacidades “leer” sus imágenes si usan un lector de pantalla que les ayude a navegar por Internet.

Luego, agregue texto alternativo a todas las imágenes de su sitio de WordPress. Y asegúrese de que sean descriptivos e incluyan palabras clave para que un lector de pantalla pueda leerlos a los usuarios de una manera que tenga sentido.

6.Haga que su sitio sea compatible con el teclado

Otra excelente manera de adaptarse a las personas con discapacidades y hacer que su sitio de WordPress sea más accesible es hacerlo compatible con el teclado. En otras palabras, los visitantes de su sitio deberían poder desplazarse por los siguientes elementos del sitio:

  • Elementos de menú
  • Conexiones
  • Botones
  • Campos de formulario

¿No estás seguro de si tu sitio es actualmente compatible con el teclado? Para probar, todo lo que necesita hacer es visitar su sitio web y ver si puede navegar sin usar el mouse. Haga clic en su lugar Pestaña botón y ver qué pasa.

WordPress.org hace un gran trabajo al hacer que su sitio sea accesible para todos los usuarios. De hecho, cuando navegue por el sitio, verá una línea de puntos alrededor de cada elemento del menú al que se vincula.

🔥 Leer:  La vista previa de Outlook no funciona: por qué y cómo solucionarlo
ejemplo intuitivo de palabras clave

7. Formatee los campos del formulario correctamente.

Es posible que tenga la tentación de colocar etiquetas de campos de formulario dentro de los cuadros de campo para que su sitio se vea más organizado y limpio. Sin embargo, algunos lectores de pantalla no pueden identificar ni leer este tipo de etiquetas. Esto hace que sea difícil, si no imposible, para aquellos que dependen de lectores de pantalla ver y completar los campos del formulario de su sitio. Esto también significa una pérdida de conversiones, lo que puede socavar su éxito.

Si depende en gran medida de los registros de visitantes del sitio para ganar dinero o aumentar su número de seguidores, no hacer que los campos de su formulario sean accesibles aumenta sus posibilidades de alienar a parte de su público objetivo. Para solucionar este problema, coloque las etiquetas de los campos del formulario fuera de cada cuadro.

8. Presta atención al estilo de los enlaces.

Si bien los colores que asigna a los hipervínculos de su sitio a menudo se eligen con fines de marca, tenga en cuenta que las personas con discapacidades necesitan un contraste claro cuando se trata de hipervínculos.

Aquí hay una lista de algunos consejos útiles para hacer que los enlaces de su sitio de WordPress sean más accesibles:

  • Evite el uso de la palabra “enlace(s)” en sus enlaces porque los lectores de pantalla les dicen a los usuarios a qué conduce el enlace.
  • No escriba enlaces en mayúsculas porque confunde a los lectores de pantalla que a veces leen el texto en mayúsculas letra por letra.
  • Evite el uso de URL en el texto del enlace porque los lectores de pantalla lo leerán letra por letra, lo que dificultará que los usuarios lo sigan.
  • No vincules bloques enteros de contenido; hazlo breve y dulce
  • Notificar al usuario cuando se abre un enlace en una nueva ventana para que no se lo pierda
  • Tenga cuidado al utilizar muchos enlaces de anclaje (es posible que las personas con discapacidades no se den cuenta de que simplemente están moviéndose hacia arriba y hacia abajo en la página que ya han escaneado)
  • Subraye el texto vinculado y utilice un color atractivo e independiente para contrastar
  • Compruebe periódicamente si hay enlaces rotos o vacíos

Terminando

En última instancia, la accesibilidad de WordPress es más importante que nunca. Hoy en día la gente usa Internet para todo. Desde pagar facturas hasta socializar, desde concertar citas hasta comprar en línea, casi todos los aspectos de la vida de las personas se pueden gestionar en línea de una forma u otra.

Para asegurarse de no dejar de lado a una parte de su público objetivo, maximizar el tráfico de su sitio y facilitar que personas de todos los ámbitos de la vida exploren lo que tiene para ofrecer, verifique qué tan accesible es su sitio. Si no está a la altura, realice algunos cambios rápidos y sencillos. No sólo le ayudará a aumentar su base de seguidores o clientes, sino que es lo correcto.

Recomendamos

Populares