Haga que un sitio de WordPress sea accesible para deterioro de la visión y otras discapacidades

Leer este tutorial le enseñará cómo exponer fácilmente su sitio web a los visitantes con discapacidad visual y otras discapacidades. Las instrucciones explicadas en este artículo no dañarán su rendimiento de SEO e incluso lo impactarán positivamente.

Usaré un complemento llamado Accesibilidad WP para este artículo, pero puede elegir cualquier complemento que desee. En este caso excepcional, la información teórica que adquirirá es más importante que los pasos prácticos.

Todos los pasos explicados en este tutorial incluyen capturas de pantalla que facilitan los nuevos usuarios de WordPress seguirlos.

Aspectos importantes al convertir su sitio de WordPress accesible para visitantes discapacitados

Los estándares para la accesibilidad web se definen en WCAG (Directrices de accesibilidad de contenido web). Estas pautas tienen como objetivo convertir los sitios web accesibles de acuerdo con los siguientes criterios:

• Sentido perceptible: Los sitios web accesibles deben permitir que los visitantes perciban el contenido a través de sus sentidos: opciones de visibilidad de los visitantes de deterioro de la visión y audiencia para los visitantes ciegos.
• Compatibilidad de herramientas de accesibilidad: La accesibilidad también requiere que el sitio web sea compatible con las herramientas de accesibilidad utilizadas por los visitantes discapacitados.
• Dificultad de contenido: El contenido se puede optimizar para los visitantes reducidos de capacidad cognitiva.
• Tecnología: Los sitios web accesibles también están optimizados para todos los tipos de dispositivos y conexiones inestables de baja calidad.

WCAG define tres niveles de accesibilidad: A, Automóvil club británico, y AAA. Cuando A es la optimización más baja para la accesibilidad, AA es el nivel de optimización media, y AAA es el nivel máximo de optimización para la accesibilidad.

Algunos de los puntos importantes al hacer que su sitio sea accesible son:

• ATRIBUTOS ALT: A pesar de los atributos ALT utilizados por los expertos en SEO para aumentar el tráfico, este atributo se desarrolló originalmente para ayudar a los usuarios de la búsqueda a aprender el propósito de una imagen. El atributo ALT contiene información para el software de lectura para comunicar a los usuarios ciegos la función o la descripción de una imagen.
• Skip Links: Los enlaces de omisión son enlaces al comienzo de un sitio web, lo que permite al usuario evitar rápidamente el contenido y acceder al contenido relevante. Son muy útiles para los usuarios que usan un lector de pantalla o sin mouse.
• Contraste de color: Hay diferentes niveles de ceguera; Para algunos de ellos, mantener un alto nivel de contraste es crítico. Las últimas pautas de WCAG requieren una relación de contraste de al menos 3: 1 para la interfaz de medios y de usuario. El nivel de WCAG AAA requiere una relación de contraste de al menos 7: 1 para el texto normal. Para textos grandes, requiere una relación de 5: 1.
• Compatibilidad del software: Esto significa que su sitio debe ser compatible con el software de asistencia.
• Formularios: Compatibilizar los formularios es un aspecto importante al hacer que su sitio sea accesible. Esto incluye excluir datos irrelevantes, etiquetas específicas para que sus visitantes comprendan cada campo, validando la entrada y la reparación de errores sin llenar el formulario de 0.

Haga que un sitio de WordPress sea accesible para deterioro de la visión y otras discapacidades

Esta sección práctica explica cómo hacer que su WordPress sea accesible para discapacidades.

Para comenzar, inicie sesión en su tablero de WordPress, y en el menú izquierdo, presione el Complementos opción y luego presione Agregar nuevo En el submenú mostrado como se muestra en la captura de pantalla a continuación (Complementos>Agregar nuevo).

En la pantalla de instalación de los complementos, busque el cuadro de búsqueda de palabras clave que se muestra en la imagen a continuación y escriba "Accesibilidad". Una vez que se enumeren los complementos disponibles, presione el Instalar ahora botón para el complemento nombrado Accesibilidad WP.

Una vez que se instale el complemento, habilítelo presionando el Activar botón.

Después de habilitar el complemento, acceda a sus opciones de configuración moviendo el puntero del mouse Ajustes En el menú de la izquierda del tablero y Accesibilidad WP en el submenú mostrado (Ajustes>Accesibilidad WP).

Sigue leyendo a continuación para configurar cada aspecto de accesibilidad de este complemento.

Configuración de la accesibilidad de WP (paso 1): omitir los enlaces

Después de abrir la configuración del complemento de accesibilidad WP, ​​primero, verá una opción para agregar enlaces de omisión.

Los enlaces de omisión son enlaces ubicados estratégicamente que permiten a los usuarios que usan lectores de pantalla o confían en un teclado (sin mouse) acceder al contenido más relevante del sitio web rápidamente omitiendo contenido no relevante o menos relevante. Por ejemplo, un usuario ciego que usa un lector de pantalla o un usuario desactivado de movilidad que usa un teclado sin mouse puede acceder al contenido principal del sitio web omitiendo información irrelevante simplemente accediendo a un enlace estratégicamente ubicado.

La primera sección le permite habilitar los enlaces de omitir, para que sus usuarios puedan acceder a la información relevante sin pasar por el contenido no relevante.

Habilitarlo y definir el objetivo de enlace por la ID que puede encontrar en el código de su página.

La opción "estilos para skiplinks cuando tienen enfoque" es útil para agregar estilos CSS cuando se colocan una pestaña y un enfoque en los enlaces de omisión. En la opción "Estilos para los enlaces de omisión sin enfoque", puede agregar estilos CSS cuando el enfoque no se coloca en los skiplinks.

Después de configurar su configuración de enlaces de omisión, presione el Actualizar la configuración de Skiplink botón.

A continuación puede configurar sus barras de herramientas. Puede agregar una barra de herramientas de accesibilidad para que los usuarios ajusten su tamaño y contraste; Además, puede excluir algunos elementos de esta barra de herramientas. Agregue un atributo de identificación a su barra de herramientas especificando su ubicación dentro de su sitio. También puede ocultar la barra de herramientas dependiendo del tamaño de la pantalla o colocarla en la parte derecha de su pantalla, entre otras opciones intuitivas. Una vez que termine, presione el Actualizar la configuración de la barra de herramientas botón.

En la sección Configuración de accesibilidad miscelánea, puede definir su lenguaje de sitio y botones útiles (como "Leer más"). También puede etiquetar automáticamente formularios de entrada para que los usuarios los identifiquen. Opciones adicionales le permiten eliminar ciertos atributos, deshabilitar la pantalla completa y más; Todos ellos son intuitivos. Recuerde actualizar su configuración presionando el Actualizar configuraciones misceláneas botón al terminar.

Desplácese hacia abajo, puede eliminar los atributos del título de las nubes de etiquetas.

Finalmente, puede probar el color de su sitio web en contraste con saber si es amigable con los visitantes con discapacidad visión.

Eso es todo para que su sitio web sea accesible para los usuarios con discapacidad visión y otras discapacidades, evitando que usen un mouse.

Conclusión

Hacer que su sitio web sea accesible para los usuarios con discapacidades es muy importante debido al humanismo detrás de esto y porque puede perderse usuarios importantes para su negocio, su causa o su blog.

Como puede ver, cualquier usuario de nivel de WordPress puede hacer que su sitio web sea accesible para todo tipo de usuarios siguiendo algunos pasos descritos anteriormente. Hay muchas alternativas al complemento explicado en este artículo; puedes elegir cualquiera de ellos. Recuerde, al usar este complemento (accesibilidad WP), deberá guardar los cambios para cada sección que edite. Planear su sitio web para todos los usuarios puede tener un gran impacto en su sitio.

Gracias por leer este artículo. Sigue a Linux Sugerencia para más tutoriales de alta calidad de WordPress.