← Back to list

H5 — Search field sin placeholder semántico

🟡 Media #8 | Score: 4/10 pending
Prioridad: 🟡 Media #8
Área: Búsqueda / Accesibilidad
Severidad: Media
Puntaje actual: 4/10 | Potencial: 7/10

---

Síntoma



El campo de búsqueda en posición (850, 60) no tiene texto placeholder detectable por el árbol semántico de Flutter. No hay texto asociado al campo que indique su propósito.

Evidencia



eval-search.mjs — Semantic search field detection:
Search field in semantics: NO (canvas-only)
"Satie" results: 0 score images (solo canvas)

La búsqueda funciona (52 resultados para "Satie") pero:

1. El campo no aparece en flt-semantics

2. Los resultados solo son visibles en canvas, no en semántica

3. No hay placeholder text como "Buscar partituras..."


Impacto



Factor | Detalle
--------|---------
Testing | Requiere coordenada fija (850, 60). Si la UI cambia, el test se rompe
Screen readers | Usuario ciego no sabe que existe un campo de búsqueda
Feedback | No hay confirmación semántica de que se escribió texto
Resultados | Los resultados de búsqueda también son canvas-only
Empty state | Cuando no hay resultados, tampoco hay texto semántico

Causa raíz



Flutter Web CanvasKit no expone TextField widgets con su decoration.hintText en el árbol de accesibilidad. El campo de texto existe pero es invisible para la semántica porque el texto del placeholder es renderizado como glifos en el canvas.

Reproducción



export DISPLAY=:99
cd /home/admin/fluttwebfaris
node eval-search.mjs
# Observar: "Search field in semantics: NO"


Fix sugerido (Flutter)




1. Agregar semanticsLabel: 'Buscar partituras' al TextField

2. Usar Semantics widget contenedor con label alrededor del campo de búsqueda

3. Agregar hintText como Semantics node independiente

Tiempo estimado de fix



0.5h

Referencias



eval-search.mjs — Search field + results analysis
NOTAS-ERRORES.md línea 76-89

Review

Comments (0)