{"id":1683,"date":"2025-08-15T15:16:19","date_gmt":"2025-08-15T15:16:19","guid":{"rendered":"https:\/\/html5accessibility.com\/stuff\/?p=1683"},"modified":"2025-08-18T10:37:30","modified_gmt":"2025-08-18T10:37:30","slug":"ai-effluential","status":"publish","type":"post","link":"https:\/\/html5accessibility.com\/stuff\/2025\/08\/15\/ai-effluential\/","title":{"rendered":"AI effluential"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1689 size-full\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/untitled-0.jpg\" alt=\"Doc Swallow pushes all the buttons. He is the Wizard of Dunnington\" width=\"874\" height=\"335\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/untitled-0.jpg 874w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/untitled-0-300x115.jpg 300w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/untitled-0-768x294.jpg 768w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/p>\n<p>As part of my cycle of going through useless tasks I rechecked the web UI of our old friend <a href=\"https:\/\/chatgpt.com\/\"><em>ChatGPT<\/em><\/a>. Given the emormous amounts of money being progressively spaffed up the wall on LLMs by the feckless <em>impotent<\/em> men children of Silicon Valley I would expect making the UI of their product accessible is a task they were on top of.<\/p>\n<p>Let&#8217;s take a mini tour of the billion dollar UI:<\/p>\n<h2>info about what?<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1687 size-full\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-12-152251.jpg\" alt=\"UI of the ChatGPT speech to text interface\" width=\"304\" height=\"156\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-12-152251.jpg 304w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-12-152251-300x154.jpg 300w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/p>\n<pre>&lt;button aria-label=\"Open info modal\"&gt;\r\nAdvanced Voice is now ChatGPT Voice\r\n&lt;\/button&gt;<\/pre>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/TR\/accname-1.2\/#dfn-accessible-name\">accname<\/a>: <em>Open info modal<\/em> (via <code>aria-label<\/code>)<\/li>\n<li>visible <a href=\"https:\/\/html5accessibility.com\/stuff\/2025\/07\/14\/a-label-and-a-name-walk-into-a-bar\/\">label<\/a> <em>Advanced Voice is now ChatGPT Voice<\/em><\/li>\n<li>SC <a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/label-in-name.html\">2.5.3: Label in Name<\/a> (Level A) <strong>fail<\/strong><\/li>\n<li>how <code>aria-label<\/code> works: <a href=\"https:\/\/html5accessibility.com\/stuff\/2024\/05\/22\/not-so-short-note-on-aria-label-usage-big-table-edition\/\">Not so short note on aria-label usage \u2013 Big Table Edition<\/a><\/li>\n<\/ul>\n<h3>a possible <em>better<\/em> way<\/h3>\n<pre>&lt;button aria-haspopup=\"dialog\"&gt;\r\nAdvanced Voice is now ChatGPT Voice \r\n&lt;\/button&gt;<\/pre>\n<ul>\n<li>accname: <em>Advanced Voice is now ChatGPT Voice<\/em><\/li>\n<li>visible label <em>Advanced Voice is now ChatGPT Voice<\/em><\/li>\n<li>SC <a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/label-in-name.html\">2.5.3: Label in Name<\/a> (Level A) <strong>pass<\/strong><\/li>\n<li>programmatic indication (<code>aria-haspopup=\"dialog\"<\/code>) that pressing the button will open a dialog<\/li>\n<\/ul>\n<h2>Lovin&#8217; the suggestions&#8230;<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1695 size-full\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-15-142545.jpg\" alt=\"The main ChatGPT input form with text box and buttons\" width=\"681\" height=\"405\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-15-142545.jpg 681w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/08\/Screenshot-2025-08-15-142545-300x178.jpg 300w\" sizes=\"auto, (max-width: 681px) 100vw, 681px\" \/><\/p>\n<ul>\n<li>It&#8217;s ashame that non-mouse user cannot select anything beyond the first suggestion\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#keyboard\">SC 2.1.1 Keyboard<\/a> <strong>fail<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>The text contrast of the suggestions is so poor that it is difficult to read, along with the placeholder grey <em>label\u00a0\u00a0<\/em>and light blue button text\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#contrast-minimum\">SC 1.4.3 Contrast (Minimum)<\/a> <strong>fail<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>The <em>textbox<\/em> that isn&#8217;t a textbox, and has no name, the <em>placeholder<\/em> that isn&#8217;t a placeholder.\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#name-role-value\">SC 4.1.2 Name, Role, Value<\/a> <strong>fail<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>The <em>label<\/em> that isn&#8217;t a label\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#labels-or-instructions\">SC 3.3.2 Labels or Instructions<\/a> <strong>fail<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>Further reading<\/h2>\n<ul>\n<li><a href=\"https:\/\/html5accessibility.com\/stuff\/2024\/12\/13\/shatgpt-4o\/\">ShatGPT 4o<\/a><\/li>\n<li><a href=\"https:\/\/html5accessibility.com\/stuff\/2023\/05\/08\/shatgpt\/\">ShatGPT<\/a><\/li>\n<\/ul>\n<h2>Same as it ever was<\/h2>\n<p>There has been no substantive improvement in the accessibility of the ChatGPT UI, its fairly obvious that accessibility <em>is not<\/em> and never has been a priority for <a href=\"https:\/\/openai.com\/\">OpenAI<\/a>.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/5IsSpAOD6K8?si=QZ3KfQZ4ZIVD5qcs\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<details>\n<summary>Lyrics<\/summary>\n<pre>And you may find yourself living in a shotgun shack\r\nAnd you may find yourself in another part of the world\r\nAnd you may find yourself behind the wheel of a large automobile\r\nAnd you may find yourself in a beautiful house, with a beautiful wife\r\nAnd you may ask yourself, \"Well, how did I get here?\"\r\nLetting the days go by, let the water hold me down\r\nLetting the days go by, water flowing underground\r\nInto the blue again, after the money's gone\r\nOnce in a lifetime, water flowing underground\r\nAnd you may ask yourself, \"How do I work this?\"\r\nAnd you may ask yourself, \"Where is that large automobile?\"\r\nAnd you may tell yourself, \"This is not my beautiful house\"\r\nAnd you may tell yourself, \"This is not my beautiful wife\"\r\nLetting the days go by, let the water hold me down\r\nLetting the days go by, water flowing underground\r\nInto the blue again, after the money's gone\r\nOnce in a lifetime, water flowing underground\r\nSame as it ever was, same as it ever was\r\nSame as it ever was, same as it ever was\r\nSame as it ever was, same as it ever was\r\nSame as it ever was, same as it ever was\r\nWater dissolving and water removing\r\nThere is water at the bottom of the ocean\r\nUnder the water, carry the water\r\nRemove the water from the bottom of the ocean\r\nWater dissolving and water removing\r\nLetting the days go by, let the water hold me down\r\nLetting the days go by, water flowing underground\r\nInto the blue again, into the silent water\r\nUnder the rocks and stones, there is water underground\r\nLetting the days go by, let the water hold me down\r\nLeting the days go by, water flowing underground\r\nInto the blue again, after the money's gone\r\nOnce in a lifetime, water flowing underground\r\nYou may ask yourself, \"What is that beautiful house?\"\r\nYou may ask yourself, \"Where does that highway go to?\"\r\nAnd you may ask yourself, \"Am I right, am I wrong?\"\r\nAnd you may say to yourself, \"My God, what have I done?\"\r\nLetting the days go by, let the water hold me down\r\nLetting the days go by, water flowing underground\r\nInto the blue again, into the silent water\r\nUnder the rocks and stones, there is water underground\r\nLetting the days go by, let the water hold me down\r\nLetting the days go by, water flowing underground\r\nInto the blue again, after the money's gone\r\nOnce in a lifetime, water flowing underground\r\nSame as it ever was, same as it ever was\r\nSame as it ever was, look where my hand was\r\nTime isn't holding up, time isn't after us\r\nSame as it ever was, same as it ever was\r\nSame as it ever was, same as it ever was\r\nSame as it ever was, same as it ever was (I couldn't get no rest)\r\nSame as it ever was, hey let's all twist our thumbs\r\nHere comes the twister\r\nLetting the days go by (same as it ever was, same as it ever was)\r\nLetting the days go by (same as it ever was, same as it ever was)\r\nOnce in a lifetime, let the water hold me down\r\nLetting the days go by, water flowing underground\r\n<\/pre>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>As part of my cycle of going through useless tasks I rechecked the web UI of our old friend ChatGPT. Given the emormous amounts of money being progressively spaffed up the wall on LLMs by the feckless impotent men children of Silicon Valley I would expect making the UI of their product accessible is a [&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-1683","post","type-post","status-publish","format-standard","hentry","category-htmlaccessibility"],"_links":{"self":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1683","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=1683"}],"version-history":[{"count":14,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1683\/revisions"}],"predecessor-version":[{"id":1702,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1683\/revisions\/1702"}],"wp:attachment":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/media?parent=1683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/categories?post=1683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/tags?post=1683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}