Aquí hay una excelente publicación en profundidad de Adam Silver sobre su viaje para crear un campo de autocompletar que sea lo más accesible posible. ¡Hay tantos casos extremos a considerar! Hay navegadores antiguos y sus peculiaridades, hay mejores prácticas de accesibilidad para lectores de pantalla y sin mencionar el manejo del diseño de componentes cuando no hay JavaScript, etc.
Adam ofrece una advertencia antes de comenzar:
[…] He estado buscando formas de permitir que los usuarios ingresen a un país de destino. Desafortunadamente, los controles de formulario HTML nativo no son lo suficientemente buenos para este tipo de interacción. Por eso, necesitamos crear un control de autocompletar personalizado desde cero. Sin embargo, una advertencia: este es uno de los componentes de interfaz de usuario más difíciles que he tenido que hacer; son mucho más difíciles de lo que parecen.
También acabo de comprar el libro de Adam, Patrones de diseño de formularios, y esta publicación ahora me emociona más de leerla.
Enlace directo →