5 herramientas de accesibilidad de WordPress para mejorar los sitios web de los clientes
Como diseñadores y desarrolladores web, tenemos muchos objetivos importantes, desde asegurarnos de que un sitio web sea compatible con dispositivos móviles y de escritorio, hasta garantizar que sea rápido, se vea bien y sea fácil de usar. Sin embargo, un aspecto importante que a menudo se puede pasar por alto es encontrar las herramientas de accesibilidad de WordPress adecuadas. Las habilidades que muchos de nosotros damos por sentadas, como poder usar un mouse para desplazarse o poder ver un sitio web correctamente, pueden no ser el caso para todos.
Por lo tanto, es extremadamente importante garantizar que nuestros sitios web estén optimizados para la accesibilidad, de modo que tantas personas puedan usar los sitios como sea posible.
Es posible que las personas con discapacidad visual no puedan interactuar y utilizar un sitio web con muchas imágenes, o que las personas que tengan dificultades para usar el mouse o el teclado no puedan interactuar correctamente con los esquemas de navegación de su sitio. Es por eso que el World Wide Web Consortium (W3C), el organismo líder que desarrolla estándares abiertos para Internet, presentó las Pautas de accesibilidad al contenido web (WCAG).
Este conjunto de recomendaciones para hacer que el contenido web y los sitios web sean más accesibles.
El objetivo de WCAG es que los sitios web y el contenido web incluyan adaptaciones para personas con discapacidades visuales, físicas o cognitivas en una variedad de dispositivos, desde computadoras de escritorio hasta tabletas y teléfonos móviles.
Al navegar a través de WCAG 2.1, hay muchas recomendaciones y elementos procesables que los desarrolladores web deben hacer, y puede parecer una tarea desalentadora al principio. Sin embargo, hay varios pasos con los que puede comenzar y seguir, desde comprender las mejoras que puede realizar hasta usar temas y complementos listos para la accesibilidad para mejorar la accesibilidad de su sitio.
Aquí hay cinco formas en que puede hacerlo:
1. Verifique la accesibilidad actual de WordPress usando WAVE (la herramienta de evaluación de accesibilidad web)
La primera pregunta es siempre por dónde empezar. Tienes un sitio; ¿Cómo puedes empezar a hacerlo más accesible? Afortunadamente, hay varias herramientas que pueden ayudar exactamente con eso, y mi favorita es WAVE (la herramienta de evaluación de accesibilidad web). Todo lo que necesita hacer es escribir su sitio y WAVE abre el sitio web y anota dónde encuentra errores de accesibilidad y de las Pautas de accesibilidad al contenido web (WCAG).
Puede obtener una gran cantidad de información importante, como detectar problemas de contraste (donde hay poco contraste entre el texto y los colores de fondo), detectar problemas con texto alternativo para imágenes (el texto alternativo es una descripción de las imágenes o lo que se muestra si las imágenes pueden ‘t load), muestra enlaces vacíos (donde un enlace no contiene texto), ¡y más!
También le dice qué características de accesibilidad tiene su página web, lo que le brinda una buena línea de base para trabajar. Y la mejor parte es que todos estos están anotados en la página web, para que sepa exactamente dónde están los errores y qué corregir. WAVE es una herramienta fantástica para solucionar los problemas de accesibilidad de sus sitios web existentes, saber exactamente dónde están los problemas y ayudar a solucionarlos.
2. Utilice un tema de WordPress listo para la accesibilidad
¿Qué tal empezar desde cero pero teniendo en cuenta la accesibilidad desde el principio? ¡La mejor manera de hacerlo es comenzar con temas listos para la accesibilidad! WordPress en sí tiene una etiqueta para temas que están optimizados para accesibilidad: Listo para accesibilidad, que puede navegar aquí. Antes de que cualquier tema pueda tener la etiqueta «Listo para accesibilidad», debe cumplir con ciertos requisitos, lo que garantiza que esté realmente listo para la accesibilidad.
Estos requisitos están inspirados en WCAG e incluyen estructuras de encabezado adecuadas, esquemas de color que contrasten adecuadamente, menús navegables por teclado y esquemas de navegación, y más. Aunque no hay tantas opciones listas para la accesibilidad disponibles directamente en WordPress como hay otros temas en general, también puede filtrar a través de temas similares listos para la accesibilidad en otros mercados de temas en línea, como ThemeForest, y configurar un sitio optimizado desde ¡El comienzo de la accesibilidad!
3.Utilice WP Accessibility para agregar funciones útiles
¿Qué sucede si ya tiene un sitio en funcionamiento y ahora desea tomar medidas para optimizarlo para la accesibilidad? WP Accessibility es el complemento perfecto para eso, un complemento único y multifuncional con una gran variedad de herramientas para ayudar a que su sitio web sea más accesible.
Estas son algunas de las características que tiene WP Accessibility:
- Skiplinks: WP Accessibility ayuda a agregar skiplinks a sus páginas que pueden ayudar a los usuarios que usan lectores de pantalla o teclados para navegar por las páginas y saltar fácilmente entre las secciones de las páginas que desean ver. Estos skiplinks se pueden configurar para que estén siempre visibles u ocultos a menos que se presione la pestaña.
- Error de búsqueda vacía: algunos temas devuelven cada publicación / página para búsquedas vacías o en blanco, pero esto forzaría un error y no devolvería nada para una búsqueda vacía / en blanco.
- Subrayado de enlaces: Forzar el subrayado de los enlaces para ayudar a que sean más visibles.
- Elementos de esquema usando el teclado: puede usar esto para poner un esquema alrededor de los enlaces cuando se usa la tecla de tabulación para navegar dentro de una página.
- Barra de herramientas de accesibilidad: agrega una barra de herramientas a la izquierda de la pantalla que permite al usuario ajustar el tamaño del texto y cambiar a una versión de alto contraste del sitio.
- Eliminar atributos de título: a menudo son redundantes y los lectores de pantalla leen tanto estos como el texto en caso de imágenes / enlaces, por lo que WP Accessibility los elimina para que sea menos desordenado.
Estas son algunas de las muchas otras características y herramientas que contiene WP Accessibility y puede ser una herramienta maravillosa para ayudar a que su sitio sea más accesible y fácil de usar que antes.
4. Use el widget de accesibilidad para cambiar el tamaño del texto
Otro complemento asombroso y directo es Accesibilidad Widget, que le permite agregar un widget en su barra lateral, pie de página o donde quiera tener widgets, que cambia el tamaño del texto con solo hacer clic en un botón.
Dentro de él, puede definir qué etiquetas HTML / CSS cambiar de tamaño y establecer la lista de tamaños para elegir también. Una vez configurado, el widget aparece con la lista predefinida de tamaños de texto para elegir con solo hacer clic en un botón. En general, el widget de accesibilidad es muy fácil de usar, fácil de usar y hace el trabajo muy bien.
5. Utilice ResponsiveVoice Text to Speech para convertir una página en audio
Otro complemento de accesibilidad increíble es ResponsiveVoice Text to Speech, que, como probablemente pueda adivinar por su nombre, crea un clip de audio del texto en su página o publicación. Un complemento ampliamente personalizable, ResponsiveVoice le permite elegir entre más de 80 voces diferentes, le brinda la capacidad de seleccionar qué texto leer, agregar un mensaje de «fin de página» que se reproduce cuando el usuario llega al final del página, agregue un mensaje de intención de salida cuando un usuario se desplaza fuera de la página a la barra de herramientas / barra de direcciones, pronuncie los párrafos usando las teclas CTRL-ARRIBA y CTRL-ABAJO, y mucho más.
ResponsiveVoice tampoco está restringido solo a widgets, pero puede usar códigos cortos o HTML para que se muestre un botón en su sitio, que podría estar en cualquier lugar de cualquier página o publicación, arriba o entre el texto, o en la barra lateral o pie de página como un widget personalizado en sí. Con esto, sus usuarios ahora pueden obtener un clip de audio del texto con solo hacer clic en un botón, lo que hace que su sitio sea más accesible para aquellos que no puedan leer el contenido correctamente.
Reflexiones finales sobre la accesibilidad de WordPress
Estas herramientas y complementos, aunque no son una lista extensa de todos los posibles que pueden ayudar con la accesibilidad, pueden ayudarlo enormemente a comenzar a crear un sitio web accesible o solucionar problemas de sus sitios actuales y optimizarlos para la accesibilidad.
Desde temas listos para la accesibilidad hasta la resolución de problemas con WAVE y el uso de complementos de accesibilidad, hay muchos pasos procesables que puede tomar como desarrollador web para mejorar la accesibilidad de sus sitios.
Si tiene un sitio web existente y le gustaría que mi equipo en Abstract Hub le ayude a revisar y optimizar el sitio para su accesibilidad, ¡comuníquese con nosotros hoy! ¿Tiene algunas herramientas y complementos favoritos para compartir sobre la optimización de la accesibilidad? ¡Siéntete libre de compartir a continuación! ¡Feliz WordPress-ing!
