Public : équipes creative ops et marketing qui livrent des PNG promotionnels et doivent joindre une preuve de contraste avant diffusion e-mailing ou social ads. Livrable technique : sur un Mac distant, OpenClaw observe une racine d’export (fenêtre de calme), applique des portes WCAG 2.1 à partir d’un manifeste versionné, écrit des lignes JSONL auditables, distingue retry transitoires / données, et génère un modèle de réexport ne listant que les visuels refusés. Angle distinct des autres guides « vigie PNG » : ici la qualité contractuelle est le ratio mathématique sur couleurs déclarées, pas la géométrie, la chaîne ICC ni la cadence d’images — reportez-vous au panneau Skills et vigie d’export ou à la checklist fusion launchd pour ces sujets.
Sommaire
Contrat de livraison design ↔ ops
Les livraisons « PNG seul » échouent souvent en validation interne : le fichier est conforme en pixels, mais plus personne ne relie le headline à la teinte de fond approuvée dans le brief. Inversez la dépendance au fil Slack : chaque drop contient les octets et une ligne dans un manifeste (contrast-manifest.yaml ou équivalent) avec chemins relatifs, hex premier plan / arrière-plan, classe de corps (normal ou grand au sens WCAG) et profil cible (aa par défaut, aaa si la conformité l’exige). Les designers conservent la même source dans Git que le créatif — l’ops ne « devine » pas les couleurs à l’écran.
Pour les gabarits multi tailles réseaux sociaux, alignez les intitulés de SKU avec la matrice bannières social PNG afin que le CSV de réexport parle le même langage que la chaîne de recadrage.
Seuils et preuve
| Profil | Texte normal min. | Grand texte min. | Usage marketing typique |
|---|---|---|---|
| AA (porte par défaut) | 4,5:1 | 3:1 | Accroches sur aplats de marque |
| AAA (optionnelle) | 7:1 | 4,5:1 | Campagnes finance / santé réglementées |
| Preuve JSONL | trace_id, sku, ratio, threshold_profile, pass, retry_class |
||
Étapes reproductibles
- Installer et borner OpenClaw. Suivre le guide d’installation OpenClaw toutes plateformes, lier la passerelle à la boucle locale et n’autoriser que la racine d’export, le manifeste,
quarantine/,templates/etlogs/. - Publier le manifeste avec les exports. Chaque ligne :
png_path,fg_hex,bg_hex,text_size_class(normaloularge),profileoptionnel (aa/aaa). Les hex sont interprétés en sRVB pour le calcul officiel. - Brancher la vigie. Sur APFS local, ignorer
*.tmpet.DS_Store, exiger deux sondages de taille stables puis 45 à 90 s de calme avantopenclaw job enqueue. Verrouiller avecflockpour éviter les doublons lors d’enregistrements parallèles. Le détail debounce / archives se recoupe avec le HowTo surveillance, retry et logs. - Implémenter le Skill contraste. Convertir les hex en canaux linéaires, appliquer la formule WCAG, émettre succès ou échec structuré avec le ratio numérique. Le Skill reste en lecture seule sur les PNG sources ; ne déplacer vers
quarantine/qu’aprèsfsyncde la ligne JSONL. - Classifier les retry. Retenter au plus trois fois les fautes transitoires (fichier occupé, HTTP 503 vers la passerelle) avec backoff plafonné à 90 s. Les fautes de données (ligne manquante, hex invalide) vont en quarantaine sans retry jusqu’à mise à jour du YAML.
- Émettre le gabarit de réexport. Pour chaque SKU refusé, ajouter une ligne au CSV sous
templates/reexport.csvconsommé par un plugin Figma, un flux Canva → PNG contrôlé ou un Raccourci macOS versionné. Les passes rejoignentpass/AAAA-MM-JJ/. - Rotation des journaux. Écrire
logs/AAAA-MM-JJ.jsonl, compresser au-delà de sept jours, joindre les vingt dernières lignes et l’empreinte du manifeste aux tickets d’astreinte.
Paramètres à figer dans le runbook
- Fenêtre de calme : partir de 60 s si l’outil écrit des aperçus compagnons ; réduire seulement après mesure des fermetures stables.
- Plancher disque : suspendre l’enqueue si l’espace libre sur le volume de jobs passe sous ~15 Go pour éviter les Skills coupés en plein lot.
- Corrélation : réutiliser le même
trace_idde l’événement fichier jusqu’au CSV de réexport pour relier Slack au disque.
Pour les contrôles de conformité plus larges (dimensions, métadonnées, API), enchaînez avec le pipeline conformité Figma API ou le pipeline de relecture par références — ce guide se concentre sur la barrière accessibilité chiffrée.
FAQ
Peut-on « corriger » le contraste dans le fichier PNG automatiquement ?
Pas en silence sur des assets de marque : l’automatisation doit signaler, journaliser et piloter un réexport validé par la création — pas modifier les pixels sans revue.
Le fond est un dégradé ou une photo ?
Le manifeste reste viable si le design déclare un pire cas (aplats issus des stops). Pour les héros photographiques, prévoyez un second Skill d’échantillonnage raster, plus lent, documenté à part.
La passerelle a-t-elle besoin du GPU ?
Non pour le calcul hex : restez CPU. Réservez le GPU aux prévisualisations perceptuelles si vous les ajoutez plus tard.
Synthèse : un manifeste, une vigie calme, des portes AA/AAA, des JSONL et un CSV de réexport transforment la livraison PNG marketing en preuve reproductible. Pages accessibles sans compte : accueil, louer ou acheter un nœud Mac, tarifs, aide SSH / VNC, index du blog.
Exécuter des jobs OpenClaw WCAG sur un Mac distant dédié
Déportez les contrôles PNG marketing vers un hôte Apple Silicon avec disque stable, documentation aide publique et parcours louer / acheter sans mur de connexion sur ces pages.