Skip to content

a11y: Búsqueda accesible con patrón combobox ARIA #146

@vgpastor

Description

@vgpastor

Descripción

El campo de búsqueda de direcciones con autocompletado necesita implementar el patrón ARIA combobox para ser accesible con lectores de pantalla y navegación por teclado.

Tareas

  • Añadir role="combobox", aria-expanded, aria-controls al input de búsqueda
  • Añadir role="listbox" al dropdown de sugerencias
  • Añadir role="option" + aria-selected a cada sugerencia
  • Implementar navegación por teclado (flechas arriba/abajo) para seleccionar sugerencias
  • Añadir aria-label al input de búsqueda (actualmente solo tiene placeholder)
  • Añadir aria-label al botón de limpiar (X)
  • Añadir aria-label al botón de geolocalización
  • Añadir aria-live="polite" para anunciar el número de sugerencias disponibles
  • Gestionar correctamente aria-activedescendant durante la navegación

Archivos afectados

  • src/app/page.tsx (sección de búsqueda, líneas ~330-390)

Referencia

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions