Saltearse al contenido
ALTCHA ALTCHA ALTCHA

Cumplimiento WCAG 2.2

El widget de prueba de trabajo de ALTCHA está diseñado teniendo en cuenta la accesibilidad, adhiriéndose completamente a las directrices WCAG 2.2 para el nivel AA de cumplimiento. Esta guía proporciona pasos concretos para integrar de manera inclusiva ALTCHA en su sitio web.

Introducción

Las Directrices de Accesibilidad para el Contenido Web (WCAG) 2.2 describen estándares para hacer que el contenido digital sea más accesible para personas con discapacidades. El cumplimiento con WCAG 2.2 garantiza la inclusividad, protege contra riesgos legales y mejora la experiencia general del usuario. Esta guía detalla cómo ALTCHA cumple con estos requisitos y proporciona pasos prácticos para una integración adecuada.

Percibible

Alternativas de Texto

  • Contenido No Textual:
    Proporcione descripciones accesibles para la funcionalidad de ALTCHA para ayudar a los usuarios que dependen de lectores de pantalla.

    Ejemplo:

    <form aria-label="Protegido por ALTCHA: Un widget de prueba de trabajo resguarda este formulario del spam.">

  • Texto Explicativo:
    Agregue una explicación clara cerca de los formularios para informar a los usuarios sobre el proceso de ALTCHA:

    “Este formulario está protegido por un proceso de verificación invisible. No se requiere ninguna acción.”

Distingible

  • Estándares de Contraste:
    Los mensajes de estado, como “Verificación en progreso”, deben cumplir con la relación de contraste mínima de 4.5:1 con respecto a su fondo.

  • Estados de Hover o Foco:
    Asegúrese de que las actualizaciones de contenido, como “Procesando…”, permanezcan visibles al pasar el cursor o enfocarse en ellas.

Operable

Accesibilidad con Teclado

  • ALTCHA debe admitir una navegación completa mediante el teclado, permitiendo a los usuarios navegar por los formularios y enviarlos sin necesidad de usar un mouse.

  • Orden Lógico de Enfoque:
    Establezca un orden lógico de pestañas a través del formulario: desde etiquetas hasta entradas hasta el botón de enviar.

  • Indicadores de Enfoque:
    Destaque visualmente los elementos enfocados (por ejemplo, mediante un borde o contorno).

Comprensible

Legible

  • Utilice un lenguaje simple y claro para todos los mensajes de estado de ALTCHA:

    “Verificando envío. Este proceso asegura que su formulario esté seguro.”

Asistencia de Entrada

  • Muestre mensajes de error amigables para el usuario cuando la verificación falla.
    Ejemplo:

    <div role="alert" style="color: red;">
        La verificación falló. Recargue la página e inténtelo nuevamente.
    </div>

  • Sugiera acciones de solución de problemas, como habilitar JavaScript si es necesario.

Lista de Implementación

  1. Etiquetas Accesibles:
    Agregue atributos aria-label descriptivos a las entradas y formularios.

  2. Retroalimentación de Actividad en Segundo Plano:
    Comunique actualizaciones de estado a los usuarios, especialmente durante procesos de verificación.

  1. Mensajes de Error:
    Incluya mensajes de error con acciones correctivas.

  2. Compatibilidad con Dispositivos:
    Pruebe su integración en varios dispositivos, navegadores y tecnologías de asistencia.

Recomendaciones de Pruebas

Asegure el cumplimiento con una amplia gama de casos de uso probando la integración de ALTCHA en:

  • Dispositivos: Dispositivos de escritorio, tabletas y móviles.
  • Navegadores: Navegadores modernos como Chrome, Firefox, Safari y Edge.
  • Tecnologías de Asistencia: Lectores de pantalla como NVDA o VoiceOver, y navegación solo con teclado.

Conclusión

Al implementar estas medidas, su integración de ALTCHA seguirá siendo accesible y cumplirá, garantizando una experiencia inclusiva para todos los usuarios. Esto también demuestra su compromiso con la accesibilidad, beneficiando tanto a sus usuarios como a su marca.