¿Qué características debe tener un calendario accesible?

  • Navegación completa por teclado
    • Flechas para moverse por días
    • Tab/Shift+Tab para saltar entre controles
    • Enter/Espacio para seleccionar fechas
  • Compatibilidad con lectores de pantalla
    • Roles ARIA: grid, gridcell, button, aria-selected, aria-live
    • Anunciar mes, año y fecha seleccionada
  • Selección de rango accesible
    • Permitir elegir fecha de inicio y fecha de fin en un mismo componente
    • Anunciar el estado: “Fecha de inicio seleccionada”, “Fecha de fin seleccionada”
  • Contraste y diseño claro
    • Mínimo 4.5:1
    • Indicadores visuales de foco y selección
  • Evitar calendarios únicamente gráficos
    • Siempre ofrecer una alternativa: campos de texto con formato de fecha y autocompletado.