Los desarrolladores de WordPress pasan gran parte de su tiempo pensando en la optimización del sitio. ¿Es lo suficientemente rápido? ¿El diseño es intuitivo? ¿Las imágenes tienen el tamaño y la resolución adecuados? ¿Es interesante el contenido?
Y aunque todo esto es ciertamente importante, no se presta suficiente atención a la accesibilidad del sitio. ¿Todos los que desee que accedan a su sitio pueden hacerlo fácilmente? Una vez allí, ¿pueden navegar sin problemas? ¿Ofrecen soluciones para las personas con discapacidad?
Hay mucho en lo que pensar, así que no perderé más tiempo con introducciones peludas. Vayamos directo a la carne.
También conocidas como WCAG, las Pautas de accesibilidad al contenido web describen todo lo que debe hacer para que su sitio sea accesible para la mayor cantidad de personas posible. ¿Por qué querrías hacer eso? Según el resumen de las directrices:
Seguir estas pautas hará que el contenido sea accesible para una gama más amplia de personas con discapacidades, que incluyen ceguera y baja visión, sordera y pérdida auditiva, problemas de aprendizaje, limitaciones cognitivas, movimiento limitado, discapacidades del habla, fotosensibilidad y combinaciones de estos. Seguir estas pautas también hará que su contenido web sea más útil para los usuarios en general.
Tiene sentido, ¿no? Si hace un esfuerzo adicional para que su sitio sea utilizable por personas con discapacidades, amplía considerablemente su alcance. En resumen, más personas aterrizarán en su sitio y tendrán una experiencia positiva. Y si eso no es bueno para sus resultados, no sé qué es.
La primera versión de las WCAG se publicó en mayo de 1999. Ahora está en la versión 2.0, que se publicó en diciembre de 2008. Actualmente se divide en cuatro «principios» clave, que incluyen:
- Perceptible: el sitio y la información que contiene deben presentarse de forma que los usuarios puedan percibirlos.
- Operable: el sitio y toda su navegación deben funcionar en una variedad de circunstancias diferentes.
- Comprensible: el sitio, cómo funciona su navegación y toda la información que contiene debe ser comprensible para los visitantes del sitio.
- Robusto: el sitio debe presentar contenido que pueda ser leído y utilizado por muchos agentes de usuario diferentes, incluidas las tecnologías de asistencia.
Estos principios generales se pueden aplicar a cualquier sitio web en línea, no solo a aquellos que usan WordPress, por supuesto. Y aunque puedo hablar en general sobre algunas medidas que puede tomar para mejorar la accesibilidad de cualquier sitio, haré todo lo posible aquí para que mis sugerencias sean lo más específicas posible de WordPress.
Con eso en mente, el resto de este artículo se dividirá en los cuatro principios enumerados anteriormente y ofrecerá formas específicas en las que puede lograr ese principio para su sitio de WordPress utilizando complementos, servicios externos y más. Si bien es posible que no sea posible cumplir con todas las pautas recomendadas en las WCAG, estoy haciendo todo lo posible para incluir todas las que puedo aquí.
Haz que tu sitio sea perceptible
¿Pueden los visitantes de su sitio percibir todos los elementos de su sitio, independientemente de su discapacidad? Las WCAG ofrecen estas pautas para asegurarse de que esté acomodando a todos:
Ofrezca alternativas de texto para contenido que no sea de texto
Entonces, las fotos se pueden describir. El texto se puede convertir en voz. Y se pueden admitir formas de texto alternativas, como letra grande y braille.
El widget de accesibilidad le permite agregar un widget a su barra lateral exclusivamente para cambiar el tamaño del texto en su sitio. Y el complemento Gspeech agrega texto a voz a cualquier texto en su sitio. Incluso puede configurar un saludo de audio para sus visitantes.
Para agregar descripciones de texto a cada una de sus imágenes, solo necesita hacer uso de la etiqueta «alt». Puede hacerlo manualmente, pero el complemento Imágenes amigables con SEO agrega el título correcto y los atributos alternativos a todas sus imágenes para una mayor accesibilidad, por supuesto, y una mayor optimización del motor de búsqueda.
Ofrecer alternativas para los “medios basados en el tiempo”
Las grabaciones de audio y video se pueden admitir con transcripciones de texto, subtítulos y/o una pista de solo audio que describa el contenido del video. El contenido de audio se complementa con lenguaje de señas.
Ofrezca contenido que sea más fácil de ver y escuchar
No confíe solo en el color para indicar un elemento al que desea que los usuarios presten especial atención. Además, ofrezca esquemas de color de alto contraste para ayudar a las personas con problemas de visión. Esto se puede lograr usando el WP User Stylesheet Switcher . Todo lo que el visitante del sitio tiene que hacer es hacer clic en un menú desplegable para seleccionar una hoja de estilo de alto contraste y el contenido será más fácil de leer.
También puede usar un complemento como EsAudioPlayer para agregar un reproductor de audio accesible simple a su sitio para que pueda incrustar contenido de audio y permitir que aquellos que usan navegadores de texto descarguen archivos de audio. También está diseñado para trabajar con lectores de pantalla, cuyos usuarios pueden seleccionar los botones de reproducción y parada fácilmente.
Ofrece suficiente capacidad de cambio de tamaño de texto
Desde opciones de texto grande hasta la capacidad de cambiar el tamaño del texto hasta un 200 % sin comprometer la función, esto garantiza que los usuarios puedan leer todo con claridad. Evite el uso de imágenes de texto. El texto simple será suficiente.
El complemento Zoom facilita a los usuarios cambiar el tamaño de áreas predefinidas de su sitio. Con él, puede establecer porcentajes de cambio de tamaño mínimos y máximos y aplicarlo a clases, ID y etiquetas específicas.
Haga su sitio operable
¿Su sitio funciona bien en una variedad de formas diferentes? ¿Se puede acceder desde varios dispositivos diferentes y tiene en cuenta la tecnología de asistencia?
Ofrecer una mayor accesibilidad al teclado
Es decir, puede realizar casi todas las tareas en su sitio usando un teclado. También se asegura de que no haya trampas de teclado o lugares en su sitio donde la entrada a través del teclado no se pueda navegar fuera del uso de un teclado. Puede instalar menús desplegables accesibles para permitir que los visitantes del sitio puedan acceder a sus menús solo a través del teclado. Y puede usar las claves de acceso de accesibilidad para crear claves de acceso en todo el sitio para facilitar la navegación del usuario. Esto es particularmente útil para eludir las trampas del teclado mencionadas anteriormente.
Si existen límites de tiempo, permita que los usuarios los apaguen o permita extensiones adecuadas, a menos que haya un componente de tiempo real en juego, por ejemplo, una subasta. Además, el contenido en movimiento (desplazamiento automático o actualizaciones automáticas) debe presentarse junto con el contenido que no se mueve o la función se puede desactivar.
Dado que el desplazamiento automático no es una función integrada en WordPress, no tiene que preocuparse tanto por esto. En nombre de la accesibilidad, podría ser mejor evitar los complementos que ofrecen esta función por completo. El desplazamiento infinito, una función que carga automáticamente contenido nuevo cuando llega al pie de página de una página, a veces está integrado en los temas. La función de actualización automática podría descartar la funcionalidad del lector de pantalla, así que esté atento a eso también.
Ofrecer contenido que no provoque una convulsión
El contenido de su sitio no debe parpadear más de tres veces por segundo. Así que aléjate de los gifs animados maníacos, ¡aunque probablemente deberías hacerlo de todos modos!
Esto incluye títulos claros, orden secuencial, enlaces contextuales, rutas de enlaces múltiples y encabezados descriptivos. Un complemento SEO de WordPress puede ser realmente útil para lograr estos puntos de accesibilidad. Verá, el SEO requiere que su contenido sea claro y también ofrezca una navegación lógica.
Intente instalar algo como WordPress SEO by Yoast o All-in-One SEO Pack para agregar indicaciones a su editor de publicaciones para personalizar títulos de página, descripciones, metadatos y más. También querrás crear un mapa del sitio , que al motor de búsqueda le encantará, por supuesto. Pero los lectores de pantalla también pueden usarlos para permitir una navegación más rápida por el sitio. Use un complemento como Google XML Sitemaps para generar uno sobre la marcha.
Haga que su sitio sea comprensible
¿El contenido y la navegación de su sitio son claros? ¿Se puede comprender con poca o ninguna explicación?
Ofrecer contenido que sea intrínsecamente legible
Debe estar escrito de manera clara y concisa con el idioma claramente identificado y la selección de palabras que una computadora pueda leer fácilmente en voz alta. También es una buena idea definir la jerga, los términos difíciles y las abreviaturas.
Puede agregar rápidamente un glosario a su sitio utilizando el complemento Glosario de información sobre herramientas de CM , aunque es posible que deba hacer algunos ajustes de CSS para que la información sobre herramientas sea lo suficientemente grande como para cumplir con los estándares de accesibilidad.
Ofrezca páginas web que se comporten y se vean como cabría esperar
El contenido del sitio se ajusta a sus titulares y enlaces. La navegación es predecible y se ve igual en todas las páginas. Afortunadamente, WordPress está equipado para admitir la navegación lógica para empezar. Aunque también puedes jugar con menús personalizados para asegurarte de ofrecer las opciones de enlace más claras posibles.
Ofrecer asistencia de entrada
Si se cometen errores ortográficos o de escritura, ofrezca sugerencias o correcciones automáticas. Proporcione instrucciones claras para las áreas que requieren la participación del usuario e implemente un sistema infalible de «prevención de errores» que permita a los usuarios revertir, verificar y confirmar los envíos, especialmente cuando contienen datos financieros o legales.
Es posible que desee utilizar algo como Submittable en este caso, junto con su complemento de WordPress para permitir que los visitantes del sitio envíen una variedad de tipos de archivos. El sistema automatizado solicita confirmación antes de enviar el envío.
Haga que su sitio sea sólido
Un sitio robusto es aquel que ha pensado en todo. ¿El suyo satisface las necesidades de tantas personas como sea posible en tantas formas como sea posible?
Ofrecer compatibilidad con tecnologías de asistencia. Eso significa que su HTML está más que limpio con etiquetas de inicio y finalización, sin atributos duplicados e identificaciones únicas. Necesita encabezados y elementos de párrafo claros para que el contenido aparezca como debería en los lectores de pantalla. Básicamente, se debe evitar el HTML elegante. ¿Quieres añadir estilo? Usa CSS. De lo contrario, deje que el formato básico le sirva bien a su contenido.
Accesibilidad de WP
Este complemento mereció su propia sección aquí porque cubre muchas de las pautas mencionadas anteriormente y solo requiere un complemento. WP Accessibility ofrece una amplia variedad de características, todas diseñadas para hacer que un sitio cumpla con las WCAG modificando su tema de WordPress.
Para empezar, este complemento soluciona varios problemas de accesibilidad que están inherentemente presentes en WordPress. Muchas de estas correcciones están en el fondo del código, pero marcan una diferencia real en la forma en que se presenta su sitio a quienes usan tecnologías de asistencia. Por ejemplo, elimina el tabindex de los elementos enfocables, agrega títulos de publicaciones a los enlaces «Leer más» y elimina el atributo de destino de los enlaces.
También agrega varias funciones, como permitir que los usuarios salten enlaces, agregar un contorno al estado de enfoque del teclado, agregar descripciones a las imágenes y agregar una barra de herramientas diseñada específicamente para brindar a los visitantes del sitio la opción de cambiar entre vistas de tema de alto contraste, letra grande y escala de grises. .
WP Accessibility incluye varias otras funciones, pero es un excelente complemento que puede ayudarlo a solucionar varios problemas de accesibilidad a la vez.
Use un tema «Listo para la accesibilidad»
Si ya está comprometido con un tema, entonces tendrá que ceñirse a las soluciones basadas en código del complemento descritas anteriormente. Sin embargo, si recién está comenzando con el desarrollo de un sitio o si está abierto a cambios, lo mejor que puede hacer es elegir un tema que haya sido diseñado teniendo en cuenta la accesibilidad.
Actualmente hay varios disponibles de forma gratuita en el directorio de temas de WordPress . Solo asegúrese de seleccionar el filtro de etiqueta «listo para la accesibilidad» para obtener una vista de lo que está disponible actualmente. Al momento de escribir este artículo, hay 11 temas para elegir, incluida la creación automática, Twenty-Fourteen y WPstart .
Conclusión
Hacer que su sitio de WordPress sea accesible puede parecer mucho trabajo al principio, pero los beneficios son multifacéticos. Para empezar, está haciendo lo correcto al hacer que su contenido sea visible y utilizable por la mayor cantidad de personas posible. Y segundo, mejorará automáticamente su SEO, lo que significa un aumento del tráfico del sitio. Y ambos factores combinados significan una mayor probabilidad de éxito del sitio.
Las Pautas de accesibilidad al contenido web pueden parecer abrumadoras a primera vista, pero con suerte esto lo ayudará a comenzar y comenzar a eliminar algunas de esas modificaciones de su lista de tareas pendientes.
¿Está haciendo esfuerzos para que su sitio sea más accesible? ¿O eres un rockstar total y ya cumple con las WCAG? ¡Me encantaría escuchar sus pensamientos sobre el tema, incluidos los desafíos que ha enfrentado en los comentarios a continuación!
Imagen en miniatura del artículo por Bloom Design / s hutterstock.com