Accesibilidad web: Herramientas para un sitio accesible en Wordpress.

¿Qué es la Accesabilidad web?

El objetivo de la accesibilidad web es que un sitio web pueda ser utilizado por el mayor número de personas, independientemente de sus capacidades físicas para acceder a ella y de las características técnicas del dispositivo utilizado.

Actualmente, a los responsables de web se nos “olvida” considerar el tema de la accesibilidad web, privilegiamos una plantilla muy visual y dinámica, sin embargo el costo implica mostrar una empresa poco empática.

Según la Encuesta Nacional de la Dinámica Demográfica 20141 (ENADID) del INEGI en México. A nivel nacional la población total era de 119 millones de personas, de las cuales 7,184,054 personas con discapacidad, lo cual refiere al 6% de la población.

Del total de personas con discapacidad, 4,196,875 eran personas con discapacidad visual, y 2,405,855 personas con discapacidad auditiva.

Es importante recordar que Tim Berners Lee, el padre de la web, consideraba que un sitio web debe ser accesible a nivel global y debemos tomar esa aseveración muy en cuenta, considerando la accesibilidad de los usuarios.

Hoy en día si una web no se adapta a dispositivos móviles por ejemplo, no cumple con criterios de accesibilidad, para lograr que un sitio web sea accesible se deben seguir las recomendaciones del World Wide Web Consortium (W3C) que emite políticas a seguir para asegurar su establecimiento.

Entre las ventajas de tener un sitio web accesible podemos mencionar las siguientes:

Incremento de visitas.
Se cumplen con estándares internacionales de la web.
Se muestra una empresa u organización socialmente responsable.
Se mejora la usabilidad y experiencia del usuario.

Para lograrlo, se deben trabajar en habilitar y dotar al sitio web de la capacidad para transformar los contenidos que sean comprensibles para cualesquier usuario y facilitar el proceso de navegación del mismo.

El World Wide Web Consortium ha dictado políticas a seguir con el objetivo de lograr sitios accesibles, y se puede acceder a ellas en la Web Accessibility Initiative.

Pero, ¿Cómo hacer accesible nuestra web de wordpress? Es una pregunta que nos hacemos, la buena noticia es que existen plugins que nos pueden ayudar en esta tarea y dan excelentes resultados.

El primero de ellos que incluye una gran cantidad de herramienta es:

One Click Accesibility

Es un plugin fácil de configurar y que te ayudará a transformar el aspecto visual de tu sitio web con las algunas de las siguientes características:

Aumentar y disminuir el tamaño del texto.
Pasar la web a una escala de grises.
Aumentar el contraste o hacer un contraste negativo.
Poner el fondo claro.
Subrayar los enlaces.
Cambiar tu fuente por una más legible.

Además es gratuito y se muestra como una pestaña con el símbolo universal de personas con discapacidad. Este sitio lo tiene instalado.

WP Accesibility

Agrega características de accesibilidad en el administrador para solucionar errores automáticamente y de forma manual.

Para usuarios con conocimientos de CSS, ofrece opciones para modificar hojas de estilo personalizadas; además de generar un diagnóstico de problemas para las mismas.

Sogo Accesibility

Te permite configurar el botón de accesibilidad en la pantalla, indicar el valor del aumento de la tipografía, introducir CSS personalizado, entre otras características.

GS Speech

Con este plugin puedes convertir texto a audio, se activa al seleccionar alguna parte del texto de tu web, cuenta con la opción de 50 idiomas soportados por Google.

Además de características para customizar el audio de los usuarios hasta en 40 estilos parlantes.

También existen otros plugins que de forma independiente te ofrecen algunas de las características, si deseas tenerlos por separado como el caso de

WP User Stylesheet Switcher

Aplicación que ajusta el formato del diseño web de tu tema de wordpress para ofrecer una variación visual del mismo. En esta página puedes visualizar cómo funciona da clic.

Accesibility Widget

Vale la pena mencionar, que este plugin te permite cambiar el tamaño del texto por uno más grande y legible al gusto de tus visitantes a través de un botón de zoom.

Así mismo, existen herramientas tecnológicas que te permiten realizar Tests de Accesibilidad Web y son muy útiles para corregir errores a continuación te menciono algunas de ellas.

ACheker

Es una app que con solo ingresar la url de tu sitio web te realiza un reporte con los errores a corregir o posibles problemas de accesibilidad de acuerdo a las pautas de la WCGA.

NoCoffee

Extensión gratuita de Google Chrome que se utiliza para emular problemas visuales que incluyen daltonismo, baja agudeza, sensibilidad al contraste, campos visuales obstruidos, etc.

Esta herramienta no te da un diagnóstico del sitio, pero te proporciona una perspectiva de la experiencia de los usuarios con discapacidades visuales con tu página web.

Tawdis

Útil herramienta que te permite realizar un test diagnóstico de los errores de accesibilidad web que tiene tu sitio y es gratuita.

Fue creada siguiendo las pautas de accesibilidad al contenido web ( WCAG 2.0) del W3C, es una de las herramientas de referencia en habla hispana.

Color Oracle

Con esta tecnología, mediante la adición de un filtro de pantalla completa simula diversas formas de daltonismo. Las opciones de filtro muestran las formas más graves del daltonismo.

Si el diseño pasa con estos filtros, entonces será fácilmente legible por las personas con este padecimiento y por ende tu sitio web es más accesible.

Aplicación recomendable para los diseñadores gráficos que desean evaluar la efectividad de sus diseños desde la perspectiva accesible.

Wave

WAVE es una herramienta gratuita diseñada para facilitar la revisión de la accesibilidad web, proporcionando a los desarrolladores una representación visual de problemas directamente en su página.

Las pruebas integrales evalúan varios problemas, que incluye el contraste de colores y se basan en las normas de cumplimiento de la WCAG.

Contar con una web accesible es una práctica que no debes tomar a la ligera, tu empresa enviará un mensaje de responsabilidad social y credibilidad a tus clientes.

Si te interesa continuar aprendiendo sobre este apasionante tema de la accesibilidad web puedes consultar el blog oficial de WordPress dedicado a la accesibilidad donde encontrarás, consejos, foros y guías que puedes poner en práctica, además de las reuniones y conferencias de capacitación en el tema.

Adicionalmente puedes consultar los temas accesibles que ofrece WordPress para que lo consideres en tus proyectos web.

Espero el post te haya dejado algún nuevo aprendizaje y actives los plugins más convenientes para tu sitio web, si te gustó el post comparte para que más personas puedan diseñar sus webs de forma accesible.

Deja un comentario sobre qué otros temas te gustaría que tratemos.

Te recomendamos también revisar nuestro post sobre 7 herramientas gratuitas para crear imágenes online.

Por favor síguenos y regálanos un like