Rompiendo barreras: por qué la accesibilidad al sitio web de WordPress es clave

Rompiendo barreras: por qué la accesibilidad al sitio web de WordPress es 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. Por qué? Porque su objetivo final es lograr que la mayor cantidad de personas posible visiten su sitio web. ¿Cómo puede esperar hacer eso 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 conducir grandes volúmenes de tráfico a nuestro sitio utilizando las últimas estrategias de marketing en redes sociales y posicionamiento en buscadores métodos, pero lo que muchos de nosotros olvidamos es esto: Las personas que ya lo han encontrado deben poder navegar fácilmente por su sitio web.

Esto es extremadamente importante, porque al igual que en una situación comercial de ladrillo y mortero, las personas vienen en todos los tipos, formas y tamaños. En última instancia, desea que aquellos que se han tomado el tiempo de visitar su establecimiento pasen un tiempo mirando a su alrededor, gasten algo de dinero, regresen a menudo y, lo mejor de todo, traigan a otros con ellos..

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

¿Qué es la accesibilidad del sitio web??

Tomemos un momento para entender de qué estamos hablando..

Accesibilidad al sitio web se refiere a la práctica de eliminar las barreras que impiden la interacción o el acceso a sitios web por parte de personas con discapacidades. Cuando los sitios están correctamente diseñados, desarrollados y editados, todos los usuarios tienen igual acceso a la información y funcionalidad.

Así que realmente estamos hablando de la práctica de eliminar barreras. Eso puede sonar complicado, pero en realidad no lo es. Por ejemplo, un 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 información sobre herramientas) para un enlace.

Si usted es un viajero promedio de Internet y de repente se siente decepcionado por la falta de un poco de 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, solo imagine lo que una persona tiene una visión la discapacidad se siente ahora.

Internet a través de los ojos de otros

¿Alguna vez se ha preguntado cómo es para una persona con discapacidad sensorial o con discapacidad mental o física navegar en Internet? Posiblemente no. Te animo a que te tomes un tiempo para hacerlo ahora, porque podría cambiar la forma en que creas y administras sitios web a partir de ahora. Exploremos algunos de los desafíos que enfrentan muchos usuarios web:

  • Visual: impedimentos que incluyen ceguera, varios tipos comunes de baja visión y visión deficiente, varios tipos de daltonismo.
  • Motor / Movilidad: p.ej. dificultad o incapacidad para usar las manos, incluidos temblores, lentitud muscular, pérdida de control muscular fino, etc., debido a afecciones como la enfermedad de Parkinson, distrofia muscular, parálisis cerebral, accidente cerebrovascular.
  • Auditivo: Sordera o discapacidad auditiva, incluidas las personas con problemas de audición.
  • Convulsiones: Convulsiones epilépticas fotográficas causadas por luz estroboscópica visual o efectos 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 las habilidades lógicas, etc..

los bueno la noticia es que hay muchas tecnologías de asistencia disponible para personas con discapacidad que les permite disfrutar de navegar por la red. Su trabajo como diseñador de sitios web es asegurarse de que su sitio cumpla con ciertas pautas que permitirán que esas tecnologías funcionen.

Herramientas populares de 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 usan a menudo:

  • Software de lector de pantalla que usa voz sintetizada para leer lo que está sucediendo en la computadora.
  • Pantallas braille renovables que representan texto como caracteres braille.
  • Software de aumento de pantalla que amplía lo que se muestra en el monitor.
  • Software de reconocimiento de voze que convierte la voz en texto.
  • Superposiciones de teclado para que escribir sea más fácil y preciso

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

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

Ahora que entiendes a qué se enfrentan las personas con discapacidad cuando leen un blog o aprenden qué es un Echidna (* pista * parece un erizo de punta extra) y qué le gusta comer, o tal vez simplemente comprar ese regalo perfecto en línea, podemos ver algunas herramientas que pueden ayudarlo a lograr un diseño de sitio web completamente accesible. Después de todo, si su sitio es accesible para personas con discapacidades, piense en lo fácil que será para todos para navegar.

Cómo elegir un tema accesible de WordPress

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

Prueba de accesibilidad WAVE

Por ejemplo, aquí en WPExplorer hemos estado trabajando estrechamente con el Universidad de hawaii para hacer que el tema Total de WordPress sea 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 puedes ver cómo han implementado las características del tema para que su sitio web sea utilizable para todos sus estudiantes.

Directorio de temas principales de WordPress.org

También puede encontrar temas accesibles gratuitos en WordPress.org, solo haz clic en Temas enlace al menú 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 equipo al lado. Haga clic en eso.

Esto abre una gran cantidad de opciones para que pueda elegir al filtrar su búsqueda. Debajo Caracteristicas, haga clic en la función superior que es, lo adivinó, Accesibilidad lista.

Filtro de accesibilidad del directorio de temas principales de WordPress.org

Luego puede seleccionar tantos otros filtros como desee. A la izquierda, verá el Aplicar filtros botón que le mostrará cuántos filtros ha aplicado. Hacer clic Aplicar filtros. Mantenga sus manos y pies dentro del vehículo en todo momento.

Temas listos para accesibilidad de WordPress.org

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 solo porque un tema está marcado como Accesibilidad lista no significa que sea “totalmente” accesible. Sin embargo, si un desarrollador de temas se ha tomado la molestia de etiquetar su tema como accesible, lo más probable es que haya hecho algún trabajo en este frente. Y si tiene algún problema, infórmeles para que puedan actualizar el tema para otros usuarios..

(Gratis) Soluciones de complementos de WordPress para accesibilidad

Accesibilidad de WP

Quizás esté creando su propio tema de WordPress, o tal vez quiera usar el tema que desee. No tener miedo. Una de las cosas sorprendentes sobre el mundo de WordPress es la disponibilidad de decenas de miles de complementos. Siempre que necesite algo, generalmente hay un complemento que se ajusta a la factura.

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 comunes de accesibilidad que puede encontrar al usar temas de WordPress. Requiere muy poco conocimiento experto y una cantidad mínima de configuración.

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

Otros que tal vez desee pagar satisfacen necesidades de accesibilidad más específicas.

Fuentes accesibles

los Widget de accesibilidad crea un widget de cambio de tamaño de fuente para sus barras laterales. De esta forma, los lectores en su sitio pueden cambiar fácilmente el tamaño del texto de acuerdo con sus necesidades.

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

Texto a voz

Para los lectores con discapacidad visual es imprescindible tener opciones de audio. Un complemento que me gusta es Ponente – Página para hablar. 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 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 orador y más.

Formas

Puede facilitar la accesibilidad de sus formularios de contacto con complementos como Formulario de contacto 7: valores predeterminados accesibles y Campos de formulario WCAG para formularios de gravedad, o simplemente usando un complemento de formulario listo accesible como Formidable Forms.

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

Probar la accesibilidad de su sitio web

Una vez que haya creado su sitio web, puede ser una buena idea probar sus cambios. Existen muchos métodos y softwares que puede usar para probar la accesibilidad, pero hay algunos que facilitan las pruebas..

Herramienta de evaluación de accesibilidad web WAVE

Uno que ya mencionamos en este artículo es el Herramienta de evaluación de accesibilidad web WAVE por WebAIM. Esta útil herramienta muestra los errores, alertas, características, elementos estructurales, etiquetas ARIA y errores de contraste para que pueda ajustar en consecuencia.

herramienta de accesibilidad tota11y

Otra herramienta para desarrolladores es Tota11y, Un kit de herramientas de visualización de accesibilidad desarrollado por la Academia Khan. Este archivo JS simplemente debe agregarse a su sitio para habilitar la herramienta de accesibilidad, que aparece en una pequeña pestaña de icono de gafas en la parte inferior de la pantalla. Simplemente haga clic para ver los elementos accesibles en su página, así como los errores o violaciones que desee corregir.

Conclusión

La accesibilidad al sitio web es tan importante, si no más entonces, que simplemente dirigir el 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 su página web.

Entonces, Qué esperas? Aproveche esta oportunidad para hacer que su sitio sea más accesible ahora!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map