Rompiendo las barreras: por que la accesibilidad del sitio web de WordPress es la clave - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Rompiendo las barreras: por que la accesibilidad del sitio web de WordPress es la clave

Hola otra vez. En el teclado Samuel López y esta vez vamos a hablar sobre Rompiendo las barreras: por que la accesibilidad del sitio web de WordPress es la clave

Rompiendo las barreras: por que la accesibilidad del sitio web de WordPress es la clave

En esta publicación, le mostraré por qué es tan importante hacer que su sitio web de WordPress sea más accesible e introducir herramientas simples que cualquiera puede usar para aumentar la accesibilidad para todos. ¿Porque? Porque su objetivo final es conseguir que la mayor cantidad de gente posible visite su sitio web. ¿Cómo puede esperar hacer esto si no está haciendo que su sitio sea accesible para todos?

Además, la mayoría de nosotros nos enfocamos en encontrar formas mágicas de generar grandes volúmenes de tráfico a nuestro sitio utilizando las últimas estrategias de marketing en redes sociales y Optimización de motores de búsqueda métodos, pero lo que muchos de nosotros olvidamos es esto: Las personas que ya lo han encontrado necesitan poder navegar fácilmente por su sitio web.

Esto es extremadamente importante, porque al igual que en una situación comercial de ladrillo y cemento, las personas vienen en todos los tipos, formas y tamaños. En última instancia, desea que aquellos que se han tomado el tiempo para visitar su establecimiento pasen un tiempo mirando alrededor, gastando algo de dinero, regresando con frecuencia y, lo más importante, llevándose a otros con ellos.

Si antes no estaba interesado en la accesibilidad del sitio web, debería estarlo ahora. Dicho esto, ¡sigamos adelante!

¿Qué es la accesibilidad del sitio web?

Tomemos un momento para entender de qué estamos hablando.

Accesibilidad del sitio web se refiere a la práctica de eliminar las barreras que impiden la interacción o el acceso a sitios web de personas con discapacidad. Cuando los sitios se diseñan, desarrollan y editan correctamente, todos los usuarios tienen el mismo acceso a la información y la funcionalidad.

Entonces, realmente estamos hablando de la práctica de eliminar barreras. Puede parecer complicado, pero en realidad no lo es. Por ejemplo, una barrera en su sitio web puede ser algo tan simple como no crear un título visible y significativo (es decir, texto que aparecerá como una sugerencia) para un enlace.

Si usted es un viajero de Internet promedio y de repente se siente decepcionado por la falta de un pequeño esfuerzo por parte del diseñador del sitio web y / o el webmaster para hacer que su sitio sea más fácil de navegar, imagine lo que es una persona con una discapacidad visual. .

Internet a través de los ojos de los demás

¿Alguna vez se ha preguntado cómo se siente navegar por Internet para una persona con una discapacidad sensorial o mental o físicamente? Tal vez no. Le animo a que se tome un tiempo para hacer esto ahora, ya que puede cambiar la forma en que crea y ejecuta sitios web a partir de ahora. Exploremos algunos de los desafíos que enfrentan muchos usuarios web:

  • Visual: Deficiencias que incluyen ceguera, varios tipos comunes de baja visión y problemas de visión, varios tipos de daltonismo.
  • Motor / movilidad: Por ejemplo, dificultad o incapacidad para usar las manos, incluidos temblores, lentitud muscular, pérdida del control de los músculos finos, etc., debido a afecciones como la enfermedad de Parkinson, distrofia muscular, parálisis cerebral, accidente cerebrovascular.
  • Auditivo: Sordera o problemas de audición, incluidas personas con problemas de audición.
  • Convulsiones: Convulsiones fotográficas causadas por efectos visuales estroboscópicos o intermitentes.
  • Cognitivo / intelectual: Discapacidades del desarrollo, dificultades de aprendizaje (dislexia, discalculia, etc.) y discapacidades cognitivas de diversos orígenes, que afectan la memoria, la atención, la «madurez» del desarrollo, la resolución de problemas y la lógica, etc.

La buena noticia es que hay muchos tecnologías de asistencia disponible para personas con discapacidad que les permita disfrutar navegando por la red. Su trabajo como diseñador de sitios web es asegurarse de que su sitio se adhiera a ciertas pautas que permitirán que esas tecnologías funcionen.

Herramientas populares para la accesibilidad a Internet

Hablando de tecnologías de asistencia, aquí hay una selección de los complementos de accesibilidad a Internet más populares que se utilizan a menudo:

  • Software lector de pantalla que utiliza un habla sintetizada para leer lo que está sucediendo en la computadora.
  • Pantallas Braille actualizables que representan el texto como caracteres braille.
  • Software de ampliación de pantalla que amplía lo que se muestra en el monitor.
  • Software de reconocimiento de vozy que transforma el habla en texto.
  • Superposiciones de teclado para que la escritura sea más fácil y precisa

Y sí, también hay una aplicación para eso:

  • Tecnología de asistencia gratuita de Accesibilidad ESENCIAL ayuda a las personas que tienen problemas para escribir, mover el mouse o leer una pantalla.

Ahora que comprende lo que enfrentan las personas con discapacidades cuando leen un blog o aprenden qué es un Echidna (* pista * parece un erizo puntiagudo adicional) y lo que le encanta comer, o tal vez solo para comprar ese regalo perfecto Online, podemos mirar en algunas herramientas que pueden ayudarlo a obtener un diseño de sitio web totalmente accesible. Después de todo, si su sitio es adecuadamente accesible para personas con discapacidades, piense en lo fácil que será para todos navegar.

Cómo elegir un tema de WordPress accesible

El primer paso para un sitio web totalmente accesible es elegir un tema listo para la accesibilidad. Muchos desarrolladores de temas se están tomando un tiempo para implementar Manual de accesibilidad de temas de WordPress, por lo que su mejor opción es simplemente preguntarle al autor si un tema en particular está listo para ser accesible.

Por ejemplo, aquí en Calendae hemos trabajado en estrecha colaboración con Universidad de Hawaii para hacer el archivo Tema total de WordPress más accesible. ¿Quieres echar un vistazo? Si ejecuta el sitio web de UH a través de Herramienta de evaluación de accesibilidad web WAVE puede ver cómo han implementado las características del tema para que su sitio web sea utilizable por todos sus estudiantes.

También puede encontrar temas accesibles gratuitos en WordPress.org, haga clic en el enlace del menú Temas en la parte superior de la página para abrir el Directorio de temas. Busque el submenú titulado Filtro de funciones. Tendrá un pequeño engranaje al lado. Haga clic en eso.

Esto abre una gran cantidad de opciones para elegir al filtrar su búsqueda. En Funciones, haga clic en la función principal que, lo adivinó, está lista para ser accesible.

A continuación, puede seleccionar tantos otros filtros como desee. A la izquierda, verá el botón Aplicar filtros que le mostrará cuántos filtros ha aplicado. Haga clic en Aplicar filtros. Mantenga siempre las manos y los pies dentro del vehículo.

Ahora ha llegado a su destino. Permanezca sentado hasta que el vehículo se haya detenido por completo y las puertas se hayan abierto por completo. Luego elige un tema.

Es importante tener en cuenta que el hecho de que un tema esté marcado como Listo para accesibilidad no significa que sea «completamente» accesible. Sin embargo, si un desarrollador de temas se ha molestado en marcar su tema como accesible, es probable que haya trabajado en este aspecto. Y si tiene algún problema, avíseles para que puedan actualizar el tema para otros usuarios.

Soluciones de complemento de WordPress (gratis) para accesibilidad

Tal vez esté creando su propio tema de WordPress, o tal vez quiera usar el tema que desee. No tengas miedo. Una de las cosas asombrosas del mundo de WordPress es la disponibilidad de decenas de miles de complementos. Siempre que necesite algo, generalmente hay un complemento que se ajusta a sus necesidades.

Mi elección personal es Accesibilidad de WP, que viene con una variedad de herramientas para ayudarlo a buscar y destruir muchos de los problemas de accesibilidad comunes que puede encontrar al usar temas de WordPress. Requiere muy poco conocimiento especializado y una cantidad mínima de configuración.

Asistente de accesibilidad de WP (WAH) es otra opción todo en uno que incluye una serie de funciones útiles para omitir enlaces, cambiar el tamaño de las fuentes, escanear DOM, modo de contraste, etc. Es una forma rápida de agregar una variedad de funciones accesibles a su sitio de una sola vez.

Es posible que desee consultar otros para satisfacer necesidades de accesibilidad más específicas.

Fuentes accesibles

los Widget de accesibilidad crea un widget de selección de tamaño de fuente para las barras laterales. De esta forma, los lectores de su sitio pueden cambiar fácilmente el tamaño del texto según sus necesidades.

Una segunda opción para facilitar la lectura es la Redimensionador de fuentes Zeno. El complemento permite a los administradores del sitio establecer opciones de escala de fuente (tamaño mínimo y máximo, pasos de escala al aumentar y fuente), así como la duración de la cookie. De esta manera, los usuarios verán el tamaño de fuente correcto cuando regresen a su sitio.

Texto a voz

Para los lectores con discapacidad visual, tener opciones de audio es imprescindible. Un complemento que me gusta es Orador: de la página al discurso. Este complemento puede crear una versión de audio de sus publicaciones y páginas. Lo mejor de todo es que el complemento ofrece 190 voces de calidad humana para elegir, admite más de 30 idiomas y funciona muy bien con la mayoría de los temas.

Solución de texto a voz de GSpeech es una opción gratuita para la accesibilidad de audio. Funciona con cualquier texto en sus páginas y agrega un bloque de audio a su sitio. Luego, puede usar las opciones para cambiar los colores, la voz del altavoz y más.

Formas

Puede preparar fácilmente la accesibilidad de sus formularios de contacto con complementos como Formulario de contacto 7: configuración predeterminada accesible es Campos de formulario WCAG para formularios por gravedad, o simplemente usando un complemento de formulario listo para usar accesible como Formidable Forms.

Aparte de eso, hay una serie de otras herramientas útiles y complementos disponibles para ayudar con una variedad de problemas diferentes asociados con la accesibilidad del sitio web. Esta es una gran página para consultar una lista completa de herramientas de desarrollo recomendadas.

Pruebe la accesibilidad de su sitio web

Una vez que haya creado su sitio web, podría ser una buena idea probar sus ediciones. Hay muchos métodos y software que puede usar para probar la accesibilidad, pero hay un par que facilitan la prueba.

Uno que ya hemos mencionado en este artículo es el Herramienta de evaluación de accesibilidad web WAVE por WebAIM. Esta útil herramienta muestra errores, advertencias, funciones, elementos estructurales, etiquetas AIR y errores de contraste para que pueda ajustar en consecuencia.

Pero una mejor herramienta para los usuarios de WordPress es Verificar accesibilidad complemento creado por Equalize Digital. Este complemento gratuito analiza su contenido para proporcionar alertas de advertencia en tiempo real durante la edición. De esta manera, puede ver correctamente si las nuevas publicaciones o páginas cumplen con las WCAG. El verificador también muestra la sección de código responsable de activar una alerta para que usted (o su desarrollador web) pueda realizar los cambios necesarios. Y si actualiza a versión Pro, también podrá escanear tipos de publicaciones personalizadas, acceder a una lista de problemas abiertos, registrar problemas ignorados, establecer roles de usuario, acceder a la accesibilidad, omitir funciones y crear una declaración de accesibilidad para su sitio web.

Otra herramienta de desarrollo es Total11y, un conjunto de herramientas de visualización de accesibilidad desarrollado por Khan Academy. Este archivo JS simplemente debe agregarse a su sitio para habilitar la herramienta de accesibilidad, que aparece en una pequeña pestaña con el icono de gafas en la parte inferior de la pantalla. Simplemente haga clic para ver los elementos accesibles en su página, así como cualquier error o violación que desee corregir.

Conclusión

La accesibilidad del sitio web es importante, si no más importante que simplemente dirigir tráfico a su sitio. Ahora puede comprender por qué es esencial asegurarse de que todos los que lleguen a su destino puedan comprender y navegar por toda la información increíblemente entretenida e informativa que es su sitio web.

¿Entonces, Qué esperas? ¡Aproveche la oportunidad de hacer que su sitio sea más accesible ahora mismo!

No te olvides compartir en tu Facebook para que tus colegas lo disfruten

??? ? ? ???

Comparte