Estás leyendo la publicación: Cómo hacer que su sitio web de WordPress sea más accesible
Cuando se trata de lanzar 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 hecho, como mover el mouse, ver el esquema de colores de su sitio o escuchar el contenido del video. Entonces, si desea establecer una reputación sólida en su industria, aumentar las conversiones y simplemente hacer lo correcto, tendrá que concentrarse en la accesibilidad de WordPress.
Por eso, hoy describimos las formas más fáciles de Haz que tu sitio web de WordPress sea más accesiblepara que las personas puedan explorar su sitio con facilidad: .
Entonces empecemos.
¿Qué es la accesibilidad de WordPress?
La accesibilidad de WordPress significa hacer que su sitio web y su contenido estén disponibles para , incluidas las personas con discapacidades.
Piensa sobre esto. Según el Proyecto de Inclusión del Servicio Nacional, hay 48,9 millones de personas solo en los Estados Unidos con una discapacidad. Extienda eso a todo el mundo, y es probable que una parte significativa de los visitantes de su sitio tengan algún tipo de discapacidad que afecte su capacidad para explorar su sitio web de la manera que usted desea.
El Iniciativa de Accesibilidad Web afirma que hacer que su sitio sea más accesible ayudará a los siguientes grupos de personas:
- Los ancianos
- Personas con discapacidades temporales, incluidos anteojos perdidos o una extremidad rota
- Aquellos con discapacidades visuales o auditivas.
- Personas con conexiones de internet lentas
- Aquellos con limitaciones situacionales, como aquellos que acceden a su sitio en un área iluminada o en un entorno donde no pueden escuchar el audio del sitio.
- Aquellos con problemas cognitivos como la dislexia, que afectan la capacidad de una persona para leer contenido escrito.
Antes de continuar, tomemos por ejemplo Blinkee.com:
Entre la fuente diminuta y las luces parpadeantes, 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 segundos.
La accesibilidad del sitio web es mucho más importante de lo que muchos quieren admitir.
Pero, ¿por qué debería preocuparse por la accesibilidad de WordPress?
Puede que estés pensando que tu sitio web de WordPress no se parece en nada a Blinkee.com. Y si bien eso es algo bueno, aún no lo tienes claro.
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 para conectarse en línea que aquellos que no lo tienen, lo que significa que está perdiendo grandes oportunidades para convertir una gran parte de los clientes potenciales
- Google y otros motores de búsqueda importantes recompensan los sitios a los que se puede acceder clasificándolos más arriba en las clasificaciones de búsqueda.
- Ha habido miles de casos de accesibilidad web presentado desde el primer seguimiento de este tipo de casos en 2015, lo que significa que su sitio puede estar en riesgo de ser demandado
Como puede ver, no importa qué tipo de sitio web tenga, puede perder mucho si aliena a parte de su público objetivo.
Consejos para hacer tu 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 hace fácilmente usando una herramienta como la Herramienta de Evaluación de Accesibilidad Web (WAVE). Con él, podrá evaluar la accesibilidad de su sitio web simplemente ingresando la URL de su sitio.
Después de ser evaluado, WAVE mostrará diferentes íconos codificados por colores que representan secciones de su sitio que están bien, necesitan mejoras o son errores reales. Si hace clic en un icono, tendrá acceso a una descripción detallada de lo que necesita corregir.
2. Elija los esquemas de color con cuidado
Una de las mejores maneras de marcar su sitio web y diferenciarse de la competencia es utilizar un esquema de color específico. Pero si los visitantes del sitio que ingresan a su sitio web son daltónicos o tienen una vista limitada, no podrán disfrutar de los colores de su sitio tan bien como deberían.
Tomemos, por ejemplo, este ejemplo simple de contraste de color:
Es bastante difícil ver el texto escrito en la primera imagen, ¿verdad? Y es posible que ni siquiera tenga una discapacidad que afecte la forma en que ve esta imagen.
Ahora imagina que eres una de las 300 millones de personas en el mundo que tienen daltonismo.
Además de observar los esquemas de colores contrastantes, también es importante evitar el uso de esquemas de colores que entren en conflicto. El hecho de que el contraste no sea , no significa que los colores combinen bien.
Para ayudar a equilibrar los colores de su sitio de WordPress, consulte esta herramienta gratuita en línea llamada Comprobador de contraste.
Simplemente elija un color de primer plano y de fondo y deje que la herramienta determine si los colores están correctamente equilibrados o no. Si no es así, la herramienta te lo hará saber:
3. Use un complemento de accesibilidad de WordPress
Si desea facilitarle las cosas, siempre puede usar 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 WP. Este complemento lo ayuda a identificar problemas comunes de accesibilidad en los temas de WordPress y solucionarlos para mejorar la usabilidad de su sitio.
Algunas de sus características incluyen:
- Eliminación del atributo de destino de los enlaces
- Eliminación de los atributos de título de las imágenes insertadas en el contenido
- Adición de títulos de publicaciones a los enlaces estándar “leer más”
- Adición de etiquetas a los campos de formulario estándar de WordPress si faltan
- Eliminación de tabindex de elementos que son enfocables
- Mostrar un contraste de color entre dos valores de código hexadecimal
- Y mucho más
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 acceder. La gran parte de este tipo de plataforma es que funciona fuera de WordPress.
4. Usa un tema accesible
Si desea evitar tener que solucionar los problemas de accesibilidad desde el principio, debe utilizar un tema de WordPress preparado para la accesibilidad.
Por supuesto, esto a veces es más fácil decirlo que hacerlo. Dicho esto, si navega por el Repositorio oficial de WordPress, puede encontrar algunos () temas geniales que usan un diseño accesible. Todo lo que tienes que hacer es usar el Filtro de funciones y busque temas que estén etiquetados como accesibles.
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 enlace, esquemas de color y más.
5. Agregue texto alternativo a todas las imágenes
Agregar texto alternativo a las imágenes de su sitio no es solo para mejorar las clasificaciones 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 clasificarse en los 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 mientras estén en su sitio. De hecho, el texto alternativo que agrega a sus imágenes permite que las personas con discapacidad “lean” sus imágenes en caso de que usen un lector de pantalla para ayudarlos a navegar por Internet.
Por lo tanto, 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 leer a los usuarios de una manera que tenga sentido.
6. Haga que su sitio sea amigable con el teclado
Otra excelente manera de atender a las personas con discapacidades y hacer que su sitio de WordPress sea más accesible es hacer que su sitio sea compatible con el teclado. En otras palabras, los visitantes de su sitio deberían poder navegar a través de los siguientes elementos del sitio:
- Elementos de menú
- Enlaces
- Botones
- campos de formulario
¿No está seguro de si su sitio actualmente admite teclado? Para verificar, todo lo que tiene que hacer es visitar su sitio web y ver si puede navegar sin usar un mouse. En su lugar, haga clic en el 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 navega por el sitio, verá un formulario de línea de puntos alrededor de cada elemento del menú al que se desplaza.
7. Dar formato a los campos del formulario correctamente
Es tentador colocar etiquetas de campo 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 esos tipos de etiquetas. Esto hace que sea difícil, si no imposible, para aquellos que confían en los lectores de pantalla ver y completar los campos de formulario de su sitio. Esto también significa una pérdida de conversiones, lo que puede causar estragos en su éxito.
Si depende en gran medida de los registros de visitantes del sitio para ganar dinero o aumentar sus 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 esto, coloque etiquetas de campo de formulario fuera de cada cuadro.
8. Tenga en cuenta el estilo de los enlaces
Aunque 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 usar la palabra “enlace(s)” en sus enlaces porque los lectores de pantalla les dicen a los usuarios a qué conduce el enlace.
- No escriba en mayúsculas los enlaces porque confunde a los lectores de pantalla que a veces leen el texto en mayúsculas letra por letra.
- Evite el uso de direcciones 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 enlace bloques enteros de contenido; hazlo corto y dulce
- Alerta al usuario cuando un enlace se abre en una nueva ventana para que no se pierda
- Tenga cuidado al usar muchos enlaces de anclaje (es posible que las personas con discapacidades no se den cuenta de que solo se están moviendo hacia arriba y hacia abajo en la página que ya escanearon)
- Subraye el texto vinculado y use un color diferente y agradable a la vista para el contraste.
- Comprueba rutinariamente si hay enlaces rotos o vacíos
Terminando
Al final, la accesibilidad de WordPress es más importante que nunca. En estos días, la gente está usando Internet para todo. Desde pagar las facturas hasta socializar y programar citas para comprar en línea, casi todos los aspectos de la vida de las personas se pueden manejar en línea de una forma u otra.
Para asegurarse de que no está dejando de lado a una parte de su público objetivo, que está maximizando el tráfico de su sitio y que está facilitando que las personas de todos los ámbitos de la vida exploren lo que tiene para ofrecer, vea cómo accesible es su sitio. Si no está a la altura, haga algunos cambios simples y rápidos. No solo lo ayudará a aumentar su base de seguidores o clientes, es lo correcto.
