use new seo alt text field

Author: tobimori

site/blueprints/files/image.yml

@@ -2,9 +2,13 @@ title: Image
 accept:
   extension: jpg, jpeg, png, svg
   type: image
+create:
+  width: 2600
+  quality: 90
 
 fields:
   alt:
     label: Alternative Text/Image Description
-    type: seo-alt-text
+    type: alt-text
+    autogenerate: true
     help: The alternative text helps visually impaired users & search engine crawlers understand the content of the image.

site/config/seo.php

@@ -12,12 +12,11 @@
 		'template' => 'image'
 	],
 	'ai' => [
-		'provider' => 'openrouter',
+		'provider' => 'gemini',
 		'providers' => [
-			'openrouter' => [
+			'gemini' => [
 				'config' => [
-					'apiKey' => env('OPENROUTER_API_KEY'),
-					'model' => 'google/gemini-2.5-flash-preview-09-2025',
+					'apiKey' => env('GEMINI_API_KEY'),
 				]
 			]
 		]

site/snippets/image.php

@@ -41,10 +41,17 @@
 					$existing = $svg->getAttribute('style');
 					$svg->setAttribute('style', $existing ? "{$existing}; {$attrStyle}" : $attrStyle);
 				}
-				$altText = $alt ?? ($isFile ? $image->alt()->value() : null);
-				if ($altText) {
-					$svg->setAttribute('aria-label', $altText);
+				if (isset($alt)) {
+					$svg->setAttribute('aria-label', $alt);
 					$svg->setAttribute('role', 'img');
+				} elseif ($isFile) {
+					$altText = $image->alt()->toAltText();
+					if ($altText->isDecorative()) {
+						$svg->setAttribute('role', 'presentation');
+					} elseif ($altText->text() !== '') {
+						$svg->setAttribute('aria-label', $altText->text());
+						$svg->setAttribute('role', 'img');
+					}
 				}
 				foreach ($attr as $key => $value) {
 					$svg->setAttribute($key, $value);
@@ -88,13 +95,12 @@
 		$src = $clientBlur
 			? 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='
 			: $image->thUri($ratio);
-	?>
+		$altAttr = isset($alt) ? ['alt' => $alt] : ($isFile ? $image->alt()->toAltText()->toAttr() : []); ?>
 		<?= Html::img($src, [
 			'data-thumbhash' => $clientBlur ? $image->th($ratio) : null,
 			'data-src' => $medianUrl,
 			'width' => $image->width(),
 			'height' => $ratio ? floor($image->width() / $ratio) : $image->height(),
-			'alt' => $alt ?? ($isFile ? $image->alt() : null),
 			'loading' => $lazy ? 'lazy' : null,
 			'draggable' => false,
 			($lazy ? 'data-srcset' : 'srcset') => $srcsetString,
@@ -106,6 +112,7 @@
 				"object-position: " . ($focus ?? "50% 50%"),
 				$attrStyle ?: null,
 			]), '; '),
+			...$altAttr,
 			...$attr,
 		]) ?>
 	<?php endif ?>