La accesibilidad web es una de las áreas descuidadas en este mundo digital. Aunque existen leyes legales en los EE. UU., como la Ley de Estadounidenses con Discapacidades (ADA), no muchos sitios web comerciales ofrecen funciones de accesibilidad para el usuario. Afortunadamente, los navegadores web ofrecen una variedad de funciones de accesibilidad, como subtítulos, modo oscuro, acercar/alejar, etc. Sin embargo, ¿alguna vez se ha preguntado cómo agregar una barra de herramientas de accesibilidad web adicional exclusiva en su sitio web de WordPress? Es fácil y gratis con un simple complemento.
¿Qué aspecto tiene la barra de herramientas de accesibilidad web?
Así es como funciona: agregue un ícono flotante al frente del sitio para que los usuarios puedan hacer clic y usar las funciones de accesibilidad disponibles. Estamos hablando de una solución simple que se verá a continuación en su sitio:
Agregue una barra de herramientas de accesibilidad web en WordPress
- Inicie sesión en su panel de administración de WordPress y abra la pestaña "Complementos> Agregar nuevo".
- Busque "accesibilidad con un clic" y encuentre el complemento de accesibilidad con un clic.
- Haga clic en "Instalar ahora" y luego en el botón "Activar" para comenzar a usar el complemento en su sitio.
Una vez activado, el complemento agregará automáticamente un ícono de accesibilidad más cerca de la esquina superior izquierda, como se muestra en las capturas de pantalla anteriores. El complemento ofrece las siguientes características de accesibilidad:
- Botón para saltar al contenido cuando se usa un teclado.
- Subraye y elimine los atributos de destino de todos los hipervínculos.
- Agregue un mapa del sitio, ayuda y enlaces de comentarios.
- Aumentar o disminuir el tamaño del texto.
- Ajuste el fondo a un color claro para facilitar la lectura.
- Haz que la fuente sea legible.
- Ajuste el contraste a alto, negativo o use una escala de grises.
- Restablecer con un clic para revertir todos los cambios.
Puede personalizar el estilo y las opciones yendo al menú Accesibilidad agregado por el complemento El menú tiene tres subsecciones: Configuración, Barra de herramientas y Personalizar.
1. Configuración de accesibilidad con un clic
Vaya a Accesibilidad > Configuración, donde puede personalizar algunas configuraciones globales.
- Agregar enfoque de contorno: habilite esta opción para agregar un borde delgado a los elementos cuando se enfoca con el teclado (generalmente la tecla de tabulación).
- Omitir enlace de contenido/Id. de elemento: habilite la visualización de un enlace "Saltar a contenido" y asegúrese de proporcionar el Id. de elemento correcto para saltar cuando se haga clic en el enlace.
- Eliminar atributo de destino de los enlaces: esto eliminará los atributos de destino de etiquetas html y obligará a abrir enlaces en la misma pestaña del navegador.
- Agregue roles indicativos a todos los enlaces: agregue role=”link” al código fuente de todos los hipervínculos.
- Accesibilidad en todo el sitio: habilite la accesibilidad constante en todas las páginas del sitio.
- Recordar usuario durante: elija entre un rango de 1 hora 1 mes para recordar la configuración del usuario.
Después de cambiar las opciones, asegúrese de hacer clic en el botón "Guardar cambios" para aplicar sus cambios.
2. Barra de herramientas de accesibilidad con un clic
Vaya a "Accesibilidad > Barra de herramientas" para personalizar las opciones que aparecen en el ícono de accesibilidad en la interfaz de su sitio.
- Seleccione los dispositivos en los que desea que aparezca el icono de accesibilidad. Es posible mostrar u ocultar el icono en el escritorio, la tableta y el teléfono.
- Puede habilitar o deshabilitar cada opción que se muestra en la barra de herramientas y personalizar las etiquetas de texto.
- Los elementos del mapa del sitio, la ayuda y los comentarios aparecerán en la barra de herramientas solo cuando proporcione los enlaces en los campos correspondientes.
Haga clic en el botón "Guardar cambios" para aplicar los cambios que Han hecho.
3. Personaliza el estilo de la barra de herramientas
La última opción es personalizar el estilo de la barra de herramientas yendo a la sección "Accesibilidad > Personalizar" Esto te llevará al personalizador predeterminado de WordPress donde puedes cambiar lo siguiente:
- Tiene tres opciones para elegir el icono que desea mostrar: Un clic, Silla de ruedas y Accesibilidad.
- Cambie la posición de la barra de herramientas a la izquierda o a la derecha y ajuste el desplazamiento superior para alinear la barra de herramientas en su sitio.
- Cambie el texto, el fondo y los colores de enfoque del icono y el panel de accesibilidad.
Verifique la vista previa en vivo y haga clic en el botón 'Publicar' para hacer sus cambios en vivo.
Probando tu sitio
Una vez que lo haya configurado, abra su sitio en una nueva pestaña y verá aparecer el icono de accesibilidad personalizado. Presiona la tecla de tabulación y verás que aparece dinámicamente un botón "Saltar al contenido". Haga clic en él para ir al ID del elemento que proporcionó en el campo "Accesibilidad > Configuración > Ir al ID del elemento de contenido".
Haga clic en el icono de accesibilidad y confirme que la barra de herramientas se muestra de acuerdo con sus personalizaciones. Seleccione cada opción de la barra de herramientas y pruebe si todo funciona bien con su tema. Recuerde que algunas opciones como "Contraste negativo" pueden no funcionar bien con todos los temas y elementos. puede deshabilitar estas opciones desde la sección Accesibilidad > Barra de herramientas si desea eliminarlas de la barra de herramientas.
Nota: Ya sea que ofrezca una barra de herramientas de accesibilidad o no, recuerde usar otros conceptos básicos como usar texto alternativo para imágenes, tamaño de fuente legible, colores seguros para la web, etc.
palabras de cierre
Como se mencionó, hoy en día los navegadores y los sistemas operativos ofrecen la mayoría de las funciones de accesibilidad para facilitar la vida de las personas con discapacidad. Puede usar complementos como One Click Accessibility para agregar una barra de herramientas de accesibilidad web a su sitio de WordPress que se puede usar como una opción adicional. Ofrece funciones limitadas ya que es de uso completamente gratuito. Si tiene un negocio legítimo, entonces existe una solución integral como audioeeeeeeeeeeeeeeee, cómo se verá la barra de herramientas de Audioeye, pero DEBE comprar un plan premium, le costará al menos $ 49 por mes.
Deja una respuesta