¿Qué hace falta para que un desplegable a medida sea accesible?

Empieza probando un select nativo, ya que te da gratis soporte de teclado, gestión de foco y comportamiento con lector de pantalla. Si el diseño lo descarta, implementa el patrón listbox o combobox como es debido: gestiona tú el foco, soporta flechas, Inicio, Fin, Escape y búsqueda por escritura, conecta aria-expanded, aria-activedescendant y los roles correctos, y devuelve el foco al disparador al cerrar.

Mi primer movimiento es cuestionar que haya que construirlo, porque un select nativo te da gestión de teclado, selectores móviles y anuncios de lector de pantalla con cero código, y la mayoría de los diseños se pueden cumplir estilando a su alrededor. Cuando de verdad necesitamos uno a medida, para una selección múltiple con avatares, lo construí siguiendo el patrón listbox de las prácticas de autoría de ARIA en vez de improvisar. Eso significó que el disparador es un button real con aria-expanded y aria-controls, el popup tiene role listbox con opciones que llevan role option y aria-selected, y sigo la opción activa con aria-activedescendant para que el foco se quede en el input. En teclado necesitas arriba y abajo, Inicio y Fin, Escape para cerrar y devolver el foco al disparador, Enter o espacio para seleccionar, y búsqueda por escritura para saltar. Lo importante que le digo a la gente es que ARIA solo anuncia estado; no añade comportamiento alguno, así que un div con role button y sin manejador de teclado es peor que inútil. Lo pruebo solo con teclado, y después con un lector de pantalla, antes de que se acerque a una revisión.