Guías prácticas

Diseñar una selección con autocompletado

Versión sintética: controles esenciales para este tema. Las ediciones francesa e inglesa desarrollan el procedimiento completo; las fuentes oficiales permiten comprobar los detalles técnicos.

Ver el método

Ilustración del trabajo en un proyecto web
Ilustración generada por IA

Tiempo de lectura estimado : 1 min · Publicado

Qué comprobar

Distinga texto libre y selección obligatoria de una opción. Compruebe teclado, opciones anunciadas, ausencia de resultados y valores inválidos. Guarde el identificador correcto junto a la etiqueta cuando corresponda. Pruebe búsquedas lentas y no cambie una selección sin avisar.

Documentos de referencia

Contenido actualizado

Matriz de validación funcional para adaptarse al proyecto

Estos controles propuestos utilizan casos ficticios. Decida qué comportamiento se espera con el equipo, anote el resultado y asigne discrepancias no resueltas antes de la publicación.

Desplace la tabla horizontalmente para leer todas las columnas. Con el teclado, sitúe el foco en la tabla y use las flechas.

Casos de prueba, resultados esperados y evidencia útil
CasoResultado esperadoPrueba para mantener
Escribir una consulta, recorrer sugerencias y cancelar con EscapeCerrar las sugerencias no impone una nueva selección; el identificador guardado corresponde a la opción aceptada.Consulta ficticia, etiqueta e identificador de la selección final.