Saltar al contenido
Índice de Kit UI
Kit UI Componentes

Instrumentación y recibos.

Objeto, versión, fuente y acción forman una unidad visible cuando la persona necesita verificar una publicación, proceso o contrato.

Cuándo usar

Objeto, versión, fuente y acción forman una unidad visible cuando la persona necesita verificar una publicación, proceso o contrato.

  • Elegir el elemento HTML nativo antes de agregar una primitiva interactiva.
  • Mantener el nombre, el resultado y la acción visibles sin depender de un icono.
  • Documentar cualquier excepción en el producto consumidor.

Ejemplo visible

CTR-184

Contrato de publicación

Ver recibo
Versión
10.0.0-candidate.46
Publicado
25 ago 2026 · 19:20 CLT
Alcance
378 páginas · 244 componentes canónicos

Anatomía

ParteContrato
1Identificador estable del objeto
2Nombre humano
3Versión o período
4Timestamp con zona
5Fuente o recibo enlazado
6Alcance y consecuencia
7Acción contextual

Estados y variantes

EstadoComportamiento esperado
vigenteVersión, fuente y fecha verificables
parcialCobertura disponible y faltante
staleEdad del dato y acción de refresco
reemplazadoVersión sucesora y retorno
fallidoObjeto afectado, efecto y recuperación

Accesibilidad

  • Usar dl cuando se presentan pares término-valor.
  • Los enlaces conservan destino descriptivo.
  • El timestamp incluye zona horaria cuando puede haber ambigüedad.
  • El color nunca sustituye el texto del estado.
  • El detalle técnico no expone secretos, tokens ni datos personales.

HTML de referencia

Código de referencia
<section aria-labelledby="contrato-184">
  <header>
    <span>CTR-184</span>
    <h2 id="contrato-184">Contrato de publicación</h2>
  </header>
  <dl>
    <div><dt>Versión</dt><dd>10.0.0-candidate.46</dd></div>
    <div><dt>Fuente</dt><dd><a href="/manifest.json">Manifest SHA-256</a></dd></div>
  </dl>
</section>

Definition of Done

  • Ejemplo visible y código copiable coinciden.
  • Teclado, foco, nombre accesible y estado fueron probados.
  • El componente funciona sin JavaScript o declara una mejora progresiva acotada.
  • Los mensajes cumplen core/prosa en modo estricto.
  • La promoción registra versión, compatibilidad y prueba de regresión.