Tata kelola ALT hasil LLM 2025 — Skoring kualitas dan audit bertanda tangan secara praktik

// 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[Prompt Builder] --> B[LLM Generation]
    B --> C[Scoring]
    C -->|Lulus| D[Reviewer Workbench]
    C -->|Gagal| E[Penyesuai Prompt]
    D --> F[C2PA Signer]
    F --> G[Distribusi 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>Kata terlarang</h3>
        <ForbiddenList text={value} />
        <h3>Pemeriksaan aksesibilitas</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: |
    Hasilkan ALT maksimal 120 karakter yang menjelaskan gambar.
    Hindari: menebak ras atau gender, emosi spekulatif.
    Wajib: subjek, latar, warna, komposisi.
  product: |
    Hasilkan ALT produk maksimal 80 karakter.
    Wajib: nama produk, fitur utama, warna.

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