Gobernanza de ALT generados con LLM 2025 — Puntajes de calidad y auditorías firmadas en práctica

// pipelines/alt/scoring.ts
import { scoreRelevance } from './models/clip'
import { scoreToxicity } from './models/toxicity'
import { evaluatePolicy } from './rules/policy'

export async function scoreAlt({ imageVector, altText }: { imageVector: Float32Array; altText: string }) {
  const [relevance, toxicity, compliance] = await Promise.all([
    scoreRelevance(imageVector, altText),
    scoreToxicity(altText),
    evaluatePolicy(altText)
  ])
  return { relevance, toxicity, compliance }
}

graph TD
    A[Constructor de prompts] --> B[Generación LLM]
    B --> C[Scoring]
    C -->|Aprueba| D[Workbench del revisor]
    C -->|Falla| E[Ajuste de prompt]
    D --> F[Firmador C2PA]
    F --> G[Entrega CDN]

// components/AltWorkbench.tsx
function AltWorkbench({ imageUrl, generatedAlt }: Props) {
  const [value, setValue] = useState(generatedAlt)
  return (
    <div className="grid gap-4 md:grid-cols-2">
      <img src={imageUrl} alt="preview" className="rounded-lg" />
      <textarea value={value} onChange={e => setValue(e.target.value)} className="h-64 font-mono" />
      <aside>
        <h3>Términos prohibidos</h3>
        <ForbiddenList text={value} />
        <h3>Checks de accesibilidad</h3>
        <AltQualityScore text={value} />
      </aside>
    </div>
  )
}

// pipelines/alt/sign.ts
import { sign } from '@contentauth/toolkit'

export async function signAlt({ altText, manifest }: { altText: string; manifest: any }) {
  const signed = await sign(Buffer.from(altText), {
    signer: {
      name: 'Unified Image Tools ALT Review',
      certificate: process.env.C2PA_CERT!,
      privateKey: process.env.C2PA_KEY!
    },
    assertions: [
      {
        label: 'org.unified.alt-text',
        data: { altText, version: manifest.version, reviewer: manifest.reviewer }
      }
    ]
  })
  return signed
}

// components/OptimizedImage.tsx
import manifest from '../../data/c2pa-manifest.json'

export function OptimizedImage({ id }: { id: string }) {
  const data = manifest[id]
  return (
    <figure>
      <img src={data.src} alt={data.alt.text} data-alt-signature={data.alt.signature} />
      <figcaption>{data.caption}</figcaption>
      <link rel="alternate" type="application/c2pa" href={data.manifestUrl} />
    </figure>
  )
}

CREATE TABLE alt_audit (
  asset_id TEXT,
  alt_text TEXT,
  relevance NUMERIC,
  toxicity NUMERIC,
  compliance NUMERIC,
  reviewer TEXT,
  signed_at TIMESTAMP DEFAULT now()
);

prompts:
  default: |
    Genera un texto ALT de máximo 120 caracteres que describa la imagen.
    Evita: suposiciones de raza o género, emociones especulativas.
    Debe incluir: sujeto, fondo, color, composición.
  product: |
    Genera un ALT para producto de máximo 80 caracteres.
    Debe incluir: nombre del producto, característica clave, color.

# Windows (NVDA)
nvda --speech-log --playback optimized-image.html > logs/nvda-20250929.log