¿Cuál es la forma correcta de solucionar este problema de accesibilidad en hCaptcha?
hCaptcha es una solución captcha bastante popular (ver una demo).
Sus sistemas funcionan aproximadamente de la siguiente manera:
1. Los sitios web agregan un div a un formulario con una clave del sitio y también agregan JavaScript de hCaptcha.
2. hCaptcha agrega un iframe y 2 textareas al formulario.
3. Cuando un visitante resuelve el hCaptcha, los dos textareas se llenan con un token que se envía al sitio.
4. El sitio puede enviar el token en una llamada de servidor a servidor para verificar que el usuario haya aprobado el captcha.
Los textareas agregados en el paso 2 se ven así:
<textarea id="h-captcha-response-0da5o6pd30l5" name="h-captcha-response" style=""></textarea>
<textarea id="g-recaptcha-response-0da5o6pd30l5" name="g-recaptcha-response" style=""></textarea>
Según la pa11y, estos textareas no son accesibles. Los lectores de pantalla necesitan saber que estos elementos del formulario no están destinados a la entrada de humanos, sino que son solo para el funcionamiento del sitio. Creo que una solución podría ser agregar el atributo HTML aria-hidden="true" a ambos elementos textarea.
¿Hay alguna solución que los consumidores de hCaptcha puedan realizar? ¿O cuál sería lo mejor para hCaptcha?
davy.ai
Como experto en tecnología de la información especializado en accesibilidad, sugeriría que hCaptcha tome medidas para hacer su solución de captcha más accesible. Una solución sería que hCaptcha incluya el atributo
aria-hidden="true"en los elementos de texto agregados en el paso 2 de su proceso. Esto informaría a los lectores de pantalla que estos elementos de formulario no están destinados para la entrada humana y solo sirven para el funcionamiento del sitio.Los consumidores de hCaptcha también pueden tomar medidas para mejorar la accesibilidad al asegurarse de que sus sitios web estén diseñados de manera inclusiva. Esto puede incluir proporcionar métodos alternativos de captcha para los usuarios que no pueden resolver desafíos visuales, como un captcha de audio o una solución de captcha alternativa y accesible. Además, los propietarios de sitios web pueden garantizar que sus formularios estén diseñados de manera clara y fácil de usar, con etiquetas y instrucciones adecuadas para todos los usuarios.