[dyad] Updated image tab indicator logic - wrote 1 file(s)

src/components/meta-form.tsx

@@ -101,8 +101,19 @@ export function MetaForm() {
     // Images Tab
     let imagesColor: IndicatorColor = "gray";
     if (metaData.images && metaData.images.length > 0) {
+      const totalImages = metaData.images.length;
       const missingAltCount = metaData.images.filter((img) => !img.alt).length;
-      imagesColor = missingAltCount > 0 ? "red" : "green";
+
+      if (missingAltCount === 0) {
+        imagesColor = "green";
+      } else {
+        const missingPercentage = missingAltCount / totalImages;
+        if (missingPercentage > 0.5) {
+          imagesColor = "red";
+        } else {
+          imagesColor = "yellow";
+        }
+      }
     }
 
     // FAQ Tab