Construyendo un control de autocompletar accesible

Aquí hay una excelente publicación detallada 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, existen mejores prácticas de accesibilidad para lectores de pantalla y sin mencionar el diseño de componentes cuando no hay JavaScript, etc.

Adam ofrece una advertencia antes de comenzar:

[…] He estado buscando formas de permitir a los usuarios ingresar a un país de destino. Desafortunadamente, los controles de formulario HTML nativos simplemente 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 crear; Simplemente son mucho más difíciles de lo que parecen.

También acabo de comprar el libro de Adam, Form Design Patterns, y esta publicación ahora me emociona mucho leerla.

Enlace directo →