¿es un banner de cookies un problema para la accesibilidad?

Los banners de cookies realmente pueden incumplir la norma

Sí, un banner de cookies es frecuentemente un problema de accesibilidad, y esto sorprende a la mayoría de los empresarios porque ven el banner como algo legal y no como parte del sitio web. Sin embargo, un banner de cookies es simplemente una parte de la interfaz: contiene botones, a veces un interruptor por categoría de cookies, y el banner aparece sobre el resto de la página. Todos estos elementos están sujetos a los mismos requisitos que el resto del sitio — WCAG 2.1 nivel AA, que en la práctica se traduce en EN 301 549.

Los problemas que se encuentran en la práctica son concretos. Un banner que solo se puede cerrar con el ratón excluye a alguien que navega con el teclado — comparable con lo que puede salir mal en navegación por teclado durante todo el proceso de compra. Un banner que no mantiene el foco permite que un usuario de lector de pantalla o teclado navegue "a través" del banner hacia contenido subyacente que aún no es visible o accesible, comparable con los problemas que surgen en orden de enfoque y foco visible. También ocurre que los botones "aceptar" y "rechazar" son visibles pero no tienen un nombre claro para un lector de pantalla, o que el contraste del texto en el banner es demasiado bajo para leer.

Lo que esto significa: criterios WCAG como en cualquier otra parte

WCAG 2.1 no establece reglas separadas para banners de cookies — la norma describe requisitos para todos los elementos interactivos en una página, ya sea un botón en la navegación o un botón en un banner que aparece después de dos segundos. La investigación de la ACM sobre la accesibilidad de las tiendas en línea muestra que este no es un punto teórico: los banners y superposiciones en tiendas en línea están entre los componentes donde se encuentran problemas, junto a puntos críticos más conocidos como contraste de color o formularios poco claros. Quienes curiosos sobre cómo debe sonar un interruptor para un lector de pantalla, encontrarán antecedentes similares en campos de formulario y etiquetas que no se leen correctamente.