Saltar al contenido
Academy
0/15

Rutas
En esta página

Arquitectura auditable · Unidad 4 de 5

El contrato visual se ejecuta

Una clase CSS no es suficiente contrato. Milpa Design documenta anatomía, estados, tokens, accesibilidad, motion y ejemplos, y los gates comprueban que el paquete publicado preserve esas promesas.

Intermedio a senior35 min

Al terminar podrás

  • Leer estructura, estados y a11y como un contrato
  • Comprobar paridad dark/light

Entender

Una clase CSS no es suficiente contrato. Milpa Design documenta anatomía, estados, tokens, accesibilidad, motion y ejemplos, y los gates comprueban que el paquete publicado preserve esas promesas.

Ver

Medir el contrato

Inspecciona contraste AA y cambia superficie sin alterar el contenido.

Abrir artifact

Hacer

Ejecuta la práctica en tu checkout y conserva la salida como evidencia.

terminal
$npm test
Consultar @milpa/design

Verificar

Demuestra que puedes aplicar la unidad. El progreso solo avanza al aprobar la evaluación.

Criterios evaluados

  • El componente conserva significado sin depender solo del color.
  • La versión consumida está fijada y no sigue main accidentalmente.

Evaluación calificable

Resuelve los 3 escenarios. Esta unidad exige 3 de 3 respuestas correctas.

0 intentos
Pregunta 1 de 3Un gate muestra aprobado en verde y rechazado en rojo, pero ambos estados tienen el mismo texto y no exponen estado accesible. El contraste de los fondos pasa. ¿Puede considerarse cumplido el contrato?
Pregunta 2 de 3Academy se ve correcta hoy cargando CSS desde la rama main de Design. ¿Qué cambio hace auditable esa dependencia?
Pregunta 3 de 3Una clase nueva produce la captura esperada en dark, pero no tiene *.contract.json, caso light ni fallback de reduced motion. ¿Cuál es su estado correcto?

La calificación valida respuestas en este navegador; no certifica identidad.

Fuentes primarias

Contenido verificado: 2026-07-10