{"id":1994,"date":"2026-04-14T10:34:46","date_gmt":"2026-04-14T10:34:46","guid":{"rendered":"https:\/\/html5accessibility.com\/stuff\/?p=1994"},"modified":"2026-04-14T11:05:36","modified_gmt":"2026-04-14T11:05:36","slug":"last-week-in-wai-4","status":"publish","type":"post","link":"https:\/\/html5accessibility.com\/stuff\/2026\/04\/14\/last-week-in-wai-4\/","title":{"rendered":"LAST WEEK IN WAI #4"},"content":{"rendered":"<figure><figcaption>A stylish but illegal monkey wandering around in Toronto IKEA<\/figcaption><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2000 aligncenter\" style=\"margin-top: 0px;\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103254.jpg\" alt=\"A monkey wearing a puffy wool jacket\" width=\"598\" height=\"324\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103254.jpg 598w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103254-300x163.jpg 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/figure>\n<h2><a href=\"https:\/\/github.com\/WICG\/html-in-canvas?tab=readme-ov-file#html-in-canvas\">HTML in Canvas<\/a><\/h2>\n<p>I am interested in this as I always expected it to happen at some point, but appreciate that in this proposal (and experimental implementation) content drawn to the canvas is expressed in the <a href=\"https:\/\/vispero.com\/resources\/html5-canvas-sub-dom\/\">canvas sub-DOM as HTML<\/a> which makes it usable by assistive tech. I don&#8217;t envisage, or found in limited testing, any issues for Screen Reader software. I don&#8217;t know how robustly it works with screen magnifiers, so I contacted a former colleague at Vispero and asked them to get their technical folk to review and feedback.<\/p>\n<h2><a href=\"https:\/\/github.com\/w3c\/wcag\/discussions\/5012\">Need a clarification of color requirements for images *with* text<\/a><\/h2>\n<p>The argument (by authority), put forward by one commenter on this discussion, I find bizarre and totally disagree with:<\/p>\n<p>The commenter makes the following claim:<\/p>\n<blockquote><p>Image of text only applies to an image that only contains text.<br \/>\nOtherwise it is &#8220;text in an image&#8221; and follows other rules &#8211; like alt text.<\/p><\/blockquote>\n<p><cite><strong>source<\/strong>: <a href=\"https:\/\/github.com\/w3c\/wcag\/discussions\/5012\">https:\/\/github.com\/w3c\/wcag\/discussions\/5012<\/a><\/cite><\/p>\n<p>Take this as an example: An image containing <strong>only<\/strong> text fails WCAG 2.2 <a href=\"https:\/\/w3.org\/TR\/WCAG22#contrast-minimum\">SC 1.4.3<\/a> as the text contrast in the image does not meet the contrast requirements<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1999\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103419.jpg\" alt=\"\" width=\"604\" height=\"40\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103419.jpg 604w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103419-300x20.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/p>\n<pre>&lt;img src=\"textimage.jpg\" \r\nalt=\"A stylish but illegal monkey wandering around in Toronto IKEA\"&gt;<\/pre>\n<p>If a <strong>separate image<\/strong> is added that is the subject of the text, the text still fails.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1999 aligncenter\" style=\"margin-bottom: 0px;\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103419.jpg\" alt=\"\" width=\"604\" height=\"40\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103419.jpg 604w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103419-300x20.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2000 aligncenter\" style=\"margin-top: 0px;\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103254.jpg\" alt=\"A monkey wearing a puffy wool jacket\" width=\"598\" height=\"324\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103254.jpg 598w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103254-300x163.jpg 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/p>\n<pre>&lt;img src=\"textimage.jpg\" \r\nalt=\"A stylish but illegal monkey wandering around in Toronto IKEA\"&gt;\r\n&lt;img src=\"stylishMonkey.jpg\" \r\nalt=\"A monkey wearing a puffy wool jacket\"&gt;\r\n<\/pre>\n<p>Now if the 2 images are combined (a single image with both text and picture) according to the commenter the image of text is no longer required to conform to WCAG 2.2 <a href=\"https:\/\/w3.org\/TR\/WCAG22#contrast-minimum\">SC 1.4.3<\/a> contrast:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2001\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103229.jpg\" alt=\"\" width=\"595\" height=\"368\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103229.jpg 595w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-14-103229-300x186.jpg 300w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/p>\n<pre>&lt;img src=\"textimage+stylishMonkey.jpg\" \r\nalt=\"A stylish but illegal monkey wandering around in Toronto IKEA\r\ntext above a picture of the stylish but illegal monkey wearing a \r\nwool jacket.\"&gt;\r\n<\/pre>\n<p class=\"note\">My reaction to this claim continues to be: <strong><em>what a load of bollocks<\/em><\/strong> which is why I have not commented on the discussion, as yet I find it\u00a0 impossible to fathom the reasoning, others may have a more measured response&#8230;<\/p>\n<h2>Make of this what you will:<\/h2>\n<p><a href=\"https:\/\/github.com\/w3c\/wcag3\/issues\/636\">WCAG 3.0 Working Draft \u2014 Comment on Autonomous Agents as Primary and Proxy Users<\/a><\/p>\n<blockquote><p>I have developed the AGAG \u2014 Agent Accessibility Guidelines \u2014 a dual-legibility framework extending WCAG 3.0 to explicitly include autonomous agents as first-class users. AGAG v1.0 organizes guidance around six pillars that map directly to the POUR principles: Detectable, Observable, Navigable, Economic, Verifiable, and Consent &amp; Control.<\/p><\/blockquote>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/BZaQA6K_OGM?si=vis4UE1rskcCobHG\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<details>\n<summary>Lyrics<\/summary>\n<pre>\r\nLancelot Link, Secret Chimp!\r\nHe stands for justice. He has no fear.\r\nHe's the agent to call when trouble is near.\r\nLance Link, ya gotta come through.\r\nEverybody at APE is countin' on you!\r\n\r\nHere's pretty Mata Hairi, an agent and friendly.\r\nShe'll stick by his side right to the end.\r\nDarwin is the leader on the side of good.\r\nHe fights CHUMP agents like a good ape should.\r\nOh, Lance Link, whatcha gonna do?\r\nYou gotta stop CHUMP! The job is up to you!\r\n\r\nHere's Baron Von Butcher; you better beware!\r\nHe's ruthless and he's cunning and he don't play fair!\r\nHe's got an evil chauffeur, and Creto's his name.\r\nAnd Dragon Woman's lovely, but she's wicked all the same!\r\nOh, Lance Link, whatcha gonna do,\r\nWhen mad Dr. Strangemind comes up to you?\r\n\r\nThere's Ali Assa Seen, and wicked Wang Fu,\r\nAnd The Duchess, whose looks can really fool you!\r\nWhoa, Lancelot Link, Secret Chimp!\r\nHe stands for justice, he has no fear,\r\nHe's the agent to call when trouble is near.\r\nLance Link, whatcha gonna do?! \r\n<\/pre>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>A stylish but illegal monkey wandering around in Toronto IKEA HTML in Canvas I am interested in this as I always expected it to happen at some point, but appreciate that in this proposal (and experimental implementation) content drawn to the canvas is expressed in the canvas sub-DOM as HTML which makes it usable by [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1994","post","type-post","status-publish","format-standard","hentry","category-htmlaccessibility"],"_links":{"self":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/comments?post=1994"}],"version-history":[{"count":15,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1994\/revisions"}],"predecessor-version":[{"id":2012,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1994\/revisions\/2012"}],"wp:attachment":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/media?parent=1994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/categories?post=1994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/tags?post=1994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}