{"id":1722,"date":"2025-09-08T11:26:09","date_gmt":"2025-09-08T11:26:09","guid":{"rendered":"https:\/\/html5accessibility.com\/stuff\/?p=1722"},"modified":"2025-09-24T10:18:53","modified_gmt":"2025-09-24T10:18:53","slug":"screenreader-html-support-look-up-app","status":"publish","type":"post","link":"https:\/\/html5accessibility.com\/stuff\/2025\/09\/08\/screenreader-html-support-look-up-app\/","title":{"rendered":"Screenreader HTML support look up app"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1738\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-08-133515.jpg\" alt=\"Pink and yellow AWESOME! sticker beside a bloke reading a newspaper and wearing a monocular device\" width=\"777\" height=\"325\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-08-133515.jpg 777w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-08-133515-300x125.jpg 300w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-08-133515-768x321.jpg 768w\" sizes=\"auto, (max-width: 777px) 100vw, 777px\" \/><\/p>\n<p class=\"note\">last updated 24 September 2025<\/p>\n<p><a href=\"https:\/\/bsky.app\/profile\/kazuhitokidachi.bsky.social\">Kazuhito Kidachi<\/a> asked for a way to contrast and compare support across screen readers in the <a href=\"https:\/\/github.com\/TetraLogical\/screen-reader-HTML-support?tab=readme-ov-file#screen-reader-html-support\">HTML support tables<\/a><\/p>\n<p>I took some time over the weekend to create a Lookup app (of sorts) What it does is take the data in the JAWS\/NVDA\/VoiceOver <a href=\"https:\/\/github.com\/TetraLogical\/screen-reader-HTML-support?tab=readme-ov-file#screen-reader-html-support\">HTML support tables<\/a> being published by <a href=\"https:\/\/tetralogical.com\">TetraLogical<\/a> and display them on a HTML element basis.<\/p>\n<p>Choose an element from the list and the available information for each of the Screen readers will be displayed for the selected element only. <strong>This is only a proof of concept<\/strong>, but it works.<\/p>\n<p class=\"codepen\" data-height=\"300\" data-default-tab=\"result\" data-slug-hash=\"NPGVQpW\" data-pen-title=\"Screen Reader HTML Support \u2013 Lookup test\" data-user=\"stevef\" style=\"height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/stevef\/pen\/NPGVQpW\"><br \/>\n  Screen Reader HTML Support \u2013 Lookup test<\/a> by steve faulkner (<a href=\"https:\/\/codepen.io\/stevef\">@stevef<\/a>)<br \/>\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n<p><script async src=\"https:\/\/public.codepenassets.com\/embed\/index.js\"><\/script><\/p>\n<p class=\"note\">let me know if this is useful? (i think it is)<\/p>\n<h2>Tight Pants<\/h2>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/DaX5YfLCRhk?si=3CKGNzcJVTX_DqCq\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>last updated 24 September 2025 Kazuhito Kidachi asked for a way to contrast and compare support across screen readers in the HTML support tables I took some time over the weekend to create a Lookup app (of sorts) What it does is take the data in the JAWS\/NVDA\/VoiceOver HTML support tables being published by TetraLogical [&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-1722","post","type-post","status-publish","format-standard","hentry","category-htmlaccessibility"],"_links":{"self":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1722","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=1722"}],"version-history":[{"count":17,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1722\/revisions"}],"predecessor-version":[{"id":1756,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1722\/revisions\/1756"}],"wp:attachment":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/media?parent=1722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/categories?post=1722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/tags?post=1722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}