{"id":78,"date":"2026-08-16T14:56:30","date_gmt":"2026-08-16T14:56:30","guid":{"rendered":"https:\/\/eu-label.yourdemo.dev\/?page_id=78"},"modified":"2026-08-16T17:36:52","modified_gmt":"2026-08-16T17:36:52","slug":"ait-controls","status":"publish","type":"page","link":"https:\/\/eu-label.yourdemo.dev\/?page_id=78","title":{"rendered":"AIT \u2014 every control that can hold an image"},"content":{"rendered":"<p class=\"ait-note-details\" style=\"padding:12px 16px;border-left:4px solid #2271b1;background:#f0f6fc\"><strong>Alteration details:<\/strong> the badges on sections 1 and 2 carry them. Hover the badge, or tab to it and give it focus, and a panel opens under it naming what the AI did. The same text is in the badge&#8217;s <code>aria-label<\/code>, so a screen reader is told without opening anything.<\/p>\n\n<h2 class=\"wp-block-heading\">1. core\/image \u2014 labelled, light picture<\/h2>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg\" alt=\"\" class=\"wp-image-76\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg 900w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-300x200.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-768x512.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading\">2. core\/image \u2014 labelled, dark picture<\/h2>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg\" alt=\"\" class=\"wp-image-77\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg 900w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-300x200.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-768x512.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading\">3. core\/image with a caption<\/h2>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg\" alt=\"\" class=\"wp-image-76\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg 900w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-300x200.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-768x512.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">A caption sits under the picture; a bottom-anchored badge moves up so it does not land on the text.<\/figcaption><\/figure>\n\n\n<h2 class=\"wp-block-heading\">4. core\/gallery<\/h2>\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"10\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-1024x768.jpg\" alt=\"\" class=\"wp-image-10\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-1024x768.jpg 1024w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-300x225.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-768x576.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-1536x1152.jpg 1536w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-600x450.jpg 600w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"11\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-1024x768.jpg\" alt=\"\" class=\"wp-image-11\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-1024x768.jpg 1024w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-300x225.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-768x576.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-1536x1152.jpg 1536w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-600x450.jpg 600w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"15\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-1024x768.jpg\" alt=\"\" class=\"wp-image-15\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-1024x768.jpg 1024w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-300x225.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-768x576.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-1536x1152.jpg 1536w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-600x450.jpg 600w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/figure>\n\n\n<h2 class=\"wp-block-heading\">5. core\/cover<\/h2>\n\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-20 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" class=\"wp-block-cover__image-background wp-image-76\" alt=\"\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg 900w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-300x200.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-768x512.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\"><p class=\"has-text-align-center wp-block-paragraph\">Cover block, labelled background<\/p><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">6. core\/media-text<\/h2>\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg\" alt=\"\" class=\"wp-image-77 size-full\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg 900w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-300x200.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-768x512.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><div class=\"wp-block-media-text__content\"><p class=\"wp-block-paragraph\">The badge goes on the media figure, not on the block root \u2014 the root holds this text column too.<\/p><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">7. core\/post-featured-image<\/h2>\n<figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"object-fit:cover;\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg 900w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-300x200.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-768x512.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">8. Classic editor: the &#091;gallery] shortcode<\/h2>\n<div id='gallery-1' class='gallery galleryid-78 gallery-columns-3 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-300x225.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-1024x768.jpg 1024w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-768x576.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-1536x1152.jpg 1536w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05-600x450.jpg 600w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-05.jpg 1600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-300x225.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-1024x768.jpg 1024w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-768x576.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-1536x1152.jpg 1536w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06-600x450.jpg 600w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-06.jpg 1600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-300x225.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-1024x768.jpg 1024w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-768x576.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-1536x1152.jpg 1536w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10-600x450.jpg 600w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-fixture-10.jpg 1600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">9. Classic editor: a plain image, as the old editor writes it<\/h2>\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-76\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg\" alt=\"\" width=\"900\" height=\"600\" srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg 900w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-300x200.jpg 300w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-768x512.jpg 768w, https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light-600x400.jpg 600w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n\n\n<h2 class=\"wp-block-heading\">10. Icon-sized image \u2014 the badge shortens to a mark<\/h2>\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg\" alt=\"\" width=\"64\" height=\"43\" \/><\/p>\n\n\n<h2 class=\"wp-block-heading\">11. Shortcode: &#091;aitransparency] on its own<\/h2>\n\n<div style=\"position:relative;display:inline-block\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/47\/PNG_transparency_demonstration_1.png\/320px-PNG_transparency_demonstration_1.png\" alt=\"an image with no attachment behind it\" width=\"320\" height=\"240\" \/><span class=\"aitransparency-standalone aitransparency-host aitransparency-host--bottom-right\"><span class=\"aitransparency-badge aitransparency-badge--ai_generated\" role=\"img\" aria-label=\"AI-generated\" data-ait-full=\"AI-generated\" data-ait-abbr=\"AI\"><span class=\"aitransparency-badge__icon\" aria-hidden=\"true\"><\/span>AI-generated<\/span><\/span><\/div>\n\n\n<h2 class=\"wp-block-heading\">12. Shortcode: &#091;aitransparency_wrap] around an external image<\/h2>\n<span class=\"aitransparency-wrap aitransparency-wrap--bottom-right\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/47\/PNG_transparency_demonstration_1.png\/320px-PNG_transparency_demonstration_1.png\" alt=\"external, no attachment ID\" width=\"320\" height=\"240\" \/><span class=\"aitransparency-badge aitransparency-badge--ai_modified\" role=\"img\" aria-label=\"AI-modified\" data-ait-full=\"AI-modified\" data-ait-abbr=\"AI\"><span class=\"aitransparency-badge__icon\" aria-hidden=\"true\"><\/span>AI-modified<\/span><\/span>\n\n\n<h2 class=\"wp-block-heading\">13. Inline background image<\/h2>\n\n<div style=\"background-image:url(https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-light.jpg);height:220px;background-size:cover\"><\/div>\n\n\n<h2 class=\"wp-block-heading\">14. Hand-built &lt;picture&gt;, the way a WS theme writes it<\/h2>\n\n<picture><source srcset=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg\" type=\"image\/jpeg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eu-label.yourdemo.dev\/wp-content\/uploads\/2026\/08\/ait-controls-dark.jpg\" alt=\"\" width=\"900\" height=\"600\" \/><\/picture>\n","protected":false},"excerpt":{"rendered":"<p>Alteration details: the badges on sections 1 and 2 carry them. Hover the badge, or tab to it and give it focus, and a panel opens under it naming what the AI did. The same text is in the badge&#8217;s aria-label, so a screen reader is told without opening anything. 1. core\/image \u2014 labelled, light [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":77,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":2,"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/82"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=\/wp\/v2\/media\/77"}],"wp:attachment":[{"href":"https:\/\/eu-label.yourdemo.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}