{"id":24174,"date":"2026-05-26T09:25:05","date_gmt":"2026-05-26T07:25:05","guid":{"rendered":"https:\/\/www.ideat.net\/site\/marketing-digital\/marketing-digital2\/la-etiqueta-output-es-una-live-region\/"},"modified":"2026-05-26T09:25:05","modified_gmt":"2026-05-26T07:25:05","slug":"la-etiqueta-output-es-una-live-region","status":"publish","type":"post","link":"https:\/\/www.ideat.net\/site\/marketing-digital\/marketing-digital2\/la-etiqueta-output-es-una-live-region\/","title":{"rendered":"La etiqueta output es una live region"},"content":{"rendered":"<p><a href=\"https:\/\/accesibilidadenlaweb.blogspot.com\/\" target=\"_blank\">https:\/\/accesibilidadenlaweb.blogspot.com\/<\/a><\/p>\n<div>\n<p>En\u00a0<a href=\"https:\/\/denodell.com\/blog\/html-best-kept-secret-output-tag\">HTML\u2019s Best Kept Secret: The &lt;output&gt; Tag<\/a> explican que la etiqueta &lt;output&gt; tiene el role=\u00bbstatus\u00bb de forma nativa, por lo que cuando se actualice su contenido, un lector de pantalla deber\u00eda anunciar el nuevo contenido.<\/p>\n<p>Lo he probado con Google Chrome y NVDA y funciona:<\/p>\n<p><iframe loading=\"lazy\" title=\"Funcionamiento de la etiqueta output con Google Chrome y NVDA\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/iQ4mG7RyfU8?feature=oembed\" 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<p>Lo he probado con Google Chrome y Microsoft Narrador y tambi\u00e9n funciona:<\/p>\n<p><iframe loading=\"lazy\" title=\"Funcionamiento de la etiqueta output con Google Chrome y Microsoft Narrador\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/XarC4z9Hlak?feature=oembed\" 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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>https:\/\/accesibilidadenlaweb.blogspot.com\/ En\u00a0HTML\u2019s Best Kept Secret: The &lt;output&gt; Tag explican que la etiqueta &lt;output&gt; tiene el role=\u00bbstatus\u00bb de forma nativa, por lo que cuando se actualice su contenido, un lector de pantalla deber\u00eda anunciar el nuevo contenido. Lo he probado con Google Chrome y NVDA y funciona: Lo he probado con Google Chrome y Microsoft Narrador &#8230; <a title=\"La etiqueta output es una live region\" class=\"read-more\" href=\"https:\/\/www.ideat.net\/site\/marketing-digital\/marketing-digital2\/la-etiqueta-output-es-una-live-region\/\" aria-label=\"Leer m\u00e1s sobre La etiqueta output es una live region\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":24175,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[8],"tags":[],"class_list":["post-24174","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-digital2"],"_links":{"self":[{"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/posts\/24174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/comments?post=24174"}],"version-history":[{"count":0,"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/posts\/24174\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/media\/24175"}],"wp:attachment":[{"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/media?parent=24174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/categories?post=24174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ideat.net\/site\/wp-json\/wp\/v2\/tags?post=24174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}