Searchbox

• Lupa a la izquierda como afordancia visual.
• Botón de limpiar a la derecha aparece solo cuando hay texto.
• Esc limpia el contenido sin salir del campo.
• type="search" para que el navegador y los lectores de pantalla lo identifiquen.

En toolbars y headers donde el espacio es escaso, la búsqueda arranca como un icono y se expande al activarse. Se contrae al perder foco si está vacía.

• Si no hay label visible, usa aria-label en el input.
• El botón colapsado lleva aria-label como Buscar para anunciar su función.
• Tab debe llevar al input al expandir; Esc o blur lo contrae si está vacío.
• Anuncia los resultados en una región aria-live polite cuando aparezcan.

• Indica qué se puede buscar: Buscar expedientes, Buscar clientes.
• Evita placeholders genéricos como Buscar sin objeto.
• El placeholder nunca sustituye al label.