¿por qué los filtros de mi tienda en línea no funcionan con un lector de pantalla?

Los filtros a menudo carecen de nombre, función o notificación de estado

Los filtros de productos suelen no funcionar correctamente con un lector de pantalla porque no queda suficientemente claro qué es un filtro, cuál es su estado actual, o qué sucede cuando el usuario realiza una selección. Muchos filtros en tiendas en línea consisten en casillas de verificación o botones que funcionan bien visualmente, pero están construidos de forma incompleta desde el punto de vista programático: una casilla sin etiqueta asociada, un botón que solo indica que un filtro está activo mediante un cambio de color, o un panel de filtros que se abre sin que el lector de pantalla lo anuncie. Para un visitante que ve, esto no es un problema, ya que percibe el cambio. Para un lector de pantalla ese cambio visual no existe — necesita un anuncio técnico.

Otro problema recurrente es que la lista de resultados cambia, pero el lector de pantalla no se entera. Por ejemplo, se muestra "24 resultados" debajo del filtro, pero sin transmitir esta información como una notificación de estado, por lo que el usuario tiene que buscar por su cuenta qué ha cambiado. Esto está muy relacionado con cómo se han construido los encabezados y la estructura de la página, porque un lector de pantalla a menudo navega mediante esa estructura para determinar dónde comienzan los resultados — más información al respecto se encuentra en ¿por qué un lector de pantalla no lee bien los encabezados de mi página?Cómo se comporta el enfoque después de aplicar un filtro también desempeña un papel: si el enfoque se desplaza inesperadamente a otra parte de la página, el usuario de lector de pantalla pierde la orientación, como se describe en ¿por qué el cursor o el foco salta alrededor en mi sitio web?.

Lo que WCAG establece al respecto

Que los filtros puedan transmitir un nombre, función y estado a la tecnología de apoyo, como un lector de pantalla, y que los cambios de estado, como un número de resultados modificado, se anuncien, se deriva de los criterios sobre nombre, función y valor y sobre mensajes de estado en WCAG 2.1 (W3C) — el nivel que en la práctica se espera a través de EN 301 549. Una prueba automática detecta parte de este tipo de defectos, como una casilla sin etiqueta, pero si una notificación de estado es realmente comprensible para un usuario requiere una evaluación que una prueba automática no puede realizar — véase puede una prueba automática de accesibilidad encontrarlo todo.