{"id":3584,"date":"2026-01-12T10:21:24","date_gmt":"2026-01-12T09:21:24","guid":{"rendered":"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/"},"modified":"2026-01-12T10:21:24","modified_gmt":"2026-01-12T09:21:24","slug":"a-polyfill-for-the-html-switch-element-2","status":"publish","type":"post","link":"https:\/\/tomayac.com\/wordpress\/2026\/01\/12\/a-polyfill-for-the-html-switch-element-2\/","title":{"rendered":"A polyfill for the HTML switch element"},"content":{"rendered":"\n\t\t\t<p>In Safari 17.4, the WebKit team at Apple\n<a href=\"https:\/\/webkit.org\/blog\/15054\/an-html-switch-control\/\">shipped a native HTML switch element<\/a>.\nThe core idea is that an <code>&lt;input type=&quot;checkbox&quot;&gt;<\/code> can progressively be enhanced\nto become a switch by adding the <code>switch<\/code> attribute. Browsers that don't support\nthe <code>switch<\/code> attribute will just silently ignore it and render the switch as a\nregular checkbox. At the time of this writing, Safari version 17.4 and later is\nthe only browser to support the new switch element natively. This blog post\nintroduces a <strong>polyfill<\/strong> that brings <em>almost<\/em> native support to browsers that\nlack it.<\/p>\n<p>The markup below shows you how you use the switch element. If your browser\ndoesn't support the element natively and you view this page on my blog directly\n(that is, not in your feed reader), the polyfill should have already kicked in\nand you should see two switch controls below the code sample: one regular\nswitch, and one with a red\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Properties\/accent-color\"><code>accent-color<\/code><\/a>.<\/p>\n<pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>label<\/span><span class=\"token punctuation\">><\/span><\/span>Toggle me <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>input<\/span> <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>checkbox<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">switch<\/span> <span class=\"token attr-name\">checked<\/span> <span class=\"token punctuation\">\/><\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>label<\/span><span class=\"token punctuation\">><\/span><\/span>\n\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>style<\/span><span class=\"token punctuation\">><\/span><\/span><span class=\"token style\"><span class=\"token language-css\">\n  <span class=\"token selector\">.special<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token property\">accent-color<\/span><span class=\"token punctuation\">:<\/span> red<span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>style<\/span><span class=\"token punctuation\">><\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>label<\/span>\n  <span class=\"token punctuation\">><\/span><\/span>Toggle me, I'm special <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>input<\/span> <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>checkbox<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">switch<\/span> <span class=\"token attr-name\">checked<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>special<span class=\"token punctuation\">\"<\/span><\/span>\n<span class=\"token punctuation\">\/><\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>label<\/span><span class=\"token punctuation\">><\/span><\/span><\/code><\/pre>\n<style>\n  @keyframes hideBriefly {\n    0%,\n    100% {\n      visibility: hidden;\n    }\n  }\n\n  label:has(input[switch]),\n  input[switch] {\n    animation: hideBriefly 2s;\n  }\n\n  label {\n    font-weight: bold;\n    user-select: none;\n  }\n<\/style>\n<noscript>\n  <style>\n    label:has(input[switch]),\n    input[switch] {\n      animation: none;\n    }\n  <\/style>\n<\/noscript>\n<script type=\"module\">\n  if (!('switch' in HTMLInputElement.prototype))\n    await import('\/js\/input-switch-polyfill.js');\n  else \n    document.head.insertAdjacentHTML('beforeend', '<style>label:has(input[switch]),input[switch]{animation:none!important}<\/style>');\n<\/script>\n<label>Toggle me <input type=\"checkbox\" switch=\"\" checked=\"\" \/><\/label>\n<style>\n  .special {\n    accent-color: red;\n  }\n<\/style>\n<p><label>Toggle me, I'm special\n<input type=\"checkbox\" switch=\"\" checked=\"\" class=\"special\" \/><\/label><\/p>\n<h2 id=\"accessibility\" tabindex=\"-1\">Accessibility <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#accessibility\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>If a checkbox becomes a switch, the browser automatically applies the\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Accessibility\/ARIA\/Reference\/Roles\/switch_role\">ARIA <code>switch<\/code><\/a>\nrole. This role is functionally identical to the <code>checkbox<\/code> role, except that\ninstead of representing &quot;checked&quot; and &quot;unchecked&quot; states, which are fairly\ngeneric in meaning, the switch role represents the states &quot;on&quot; and &quot;off&quot;. The\npolyfill does this for you.<\/p>\n<p>When your users have the\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/At-rules\/@media\/prefers-contrast\"><code>prefers-contrast<\/code><\/a>\nsetting enabled to convey that they prefer more contrast, the polyfill adds more\nvisible borders. Some operating systems like Windows or browsers like Firefox\nadditionally support a high contrast mode. The polyfill also has support for\nthat.<\/p>\n<p>The macOS operating system additionally has an accessibility setting to\n<a href=\"https:\/\/developer.apple.com\/help\/app-store-connect\/manage-app-accessibility\/differentiate-without-color-alone-evaluation-criteria\/\">Differentiate without color<\/a>,\nwhich causes switch controls to get rendered with additional visual on\/off\nindicators. Since there is currently no direct CSS media query for this specific\npreference, I opted to display these indicators whenever a high-contrast\npreference is detected, ensuring maximum clarity for those who need it.<\/p>\n<p>A common accessibility challenge with switches\n<a href=\"https:\/\/www.cs.umd.edu\/hcil\/trs\/90-08\/90-08.pdf\">identified in research<\/a> (that\npredates the HTML switch control) is an uncertainty whether the user should tap\nor slide the switch to change its state. The polyfill, like the native\ncounterpart in Safari, supports both. Another challenge is whether the label\n&quot;on&quot; indicates the current state of the switch or the resulting state after\ninteracting with it. I personally think smartphones\u2014most notably the iPhone\u2014have\ntaught people how to use switches, but I still recommend you do your own\nusability research before adding a switch to your site.<\/p>\n<h2 id=\"internationalization-and-styling\" tabindex=\"-1\">Internationalization, and styling <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#internationalization-and-styling\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>The polyfill supports the various\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Properties\/writing-mode\"><code>writing-mode<\/code><\/a>\noptions, like <code>&quot;vertical-lr&quot;<\/code>.<\/p>\n<p><label style=\"writing-mode: vertical-lr\">I'm vertical\n<input type=\"checkbox\" switch=\"\" checked=\"\" \/><\/label><\/p>\n<p>It's also aware of the directionality of text via the\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Global_attributes\/dir\"><code>dir<\/code><\/a>\nattribute.<\/p>\n<p><label dir=\"rtl\">I go from right to left\n<input type=\"checkbox\" switch=\"\" checked=\"\" \/><\/label><\/p>\n<h2 id=\"status-in-html\" tabindex=\"-1\">Status in HTML <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#status-in-html\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>The switch element was proposed to be included in HTML in\n<a href=\"https:\/\/github.com\/whatwg\/html\/issues\/4180\">Issue #4180<\/a> filed in\nNovember 2018. <a href=\"https:\/\/github.com\/whatwg\/html\/pull\/9546\">PR #9546<\/a> (opened in\nJuly 2023) proposed a fix and was\n<a href=\"https:\/\/github.com\/whatwg\/html\/pull\/9546#pullrequestreview-1584169867\">approved<\/a>\nby <a href=\"https:\/\/annevankesteren.nl\/\">Anne van Kesteren<\/a> in August 2023. At the time\nof this writing, the PR to the HTML spec is still open, with concerns from\nseveral stakeholders, including from Google.<\/p>\n<p>I am not and was not part of the standardization discussion around the element,\nI just personally like the progressive enhancement pattern that reminds me of\nthe pattern used in\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Extensions\/Forms\/Customizable_select\">customizable <code>&lt;select&gt;<\/code> elements<\/a>\nthat in the case of non-support just get rendered as regular selects.<\/p>\n<h2 id=\"get-the-polyfill\" tabindex=\"-1\">Get the polyfill <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#get-the-polyfill\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>You can\n<a href=\"https:\/\/www.npmjs.com\/package\/input-switch-polyfill\">get the polyfill from npm<\/a>\nand <a href=\"https:\/\/github.com\/tomayac\/input-switch-polyfill\">find the code on GitHub<\/a>.\nThe\n<a href=\"https:\/\/github.com\/tomayac\/input-switch-polyfill\/blob\/main\/README.md\"><code>README<\/code><\/a>\nhas detailed usage instructions that I won't repeat here, including <strong>important\ntips on how to avoid FOUC<\/strong> (Flash of Unstyled Content). You can also play with\na <a href=\"https:\/\/tomayac.github.io\/input-switch-polyfill\/\">demo<\/a> of the polyfill that\nshows off more features of the polyfill, like all the various writing modes, and\nthe different ways to style the switch. And with that: happy switching!<\/p>\n\n\t\t\t<p>\n\t\t\t\t<img alt=\"Thomas Steiner\" width=\"32\" height=\"32\" src=\"https:\/\/blog.tomayac.com\/feed.php?dl=https%3A%2F%2Fblog.tomayac.com%2F2026%2F01%2F12%2Fa-polyfill-for-the-html-switch-element%2F&dp=%2F2026%2F01%2F12%2Fa-polyfill-for-the-html-switch-element%2F&dt=A%20polyfill%20for%20the%20HTML%20switch%20element\" alt=\"\">\n\t\t\t\t<br\/>This post appeared first on <a href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/\">https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/<\/a>.\n\t\t\t<\/p>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In Safari 17.4, the WebKit team at Apple<br \/>\n<a href=\"https:\/\/webkit.org\/blog\/15054\/an-html-switch-control\/\">shipped a native HTML switch element<\/a>.<br \/>\nThe core idea is that an <code>&lt;input type=\"checkbox\"&gt;<\/code> can progressively be enhanced<br \/>\nto become a switch by adding the <code>switch<\/code> attribute. Browsers that don&#8217;t support<br \/>\nthe <code>switch<\/code> attribute will just silently ignore it and render the switch as a<br \/>\nregular checkbox. At the time of this writing, Safari version 17.4 and later is<br \/>\nthe only browser to support the new switch element natively. This blog post<br \/>\nintroduces a <strong>polyfill<\/strong> that brings <em>almost<\/em> native support to browsers that<br \/>\nlack it.<\/p>\n<p>The markup below shows you how you use the switch element. If your browser<br \/>\ndoesn&#8217;t support the element natively and you view this page on my blog directly<br \/>\n(that is, not in your feed reader), the polyfill should have already kicked in<br \/>\nand you should see two switch controls below the code sample: one regular<br \/>\nswitch, and one with a red<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Properties\/accent-color\"><code>accent-color<\/code><\/a>.<\/p>\n<pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>label<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>Toggle me <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>input<\/span> <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>checkbox<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">switch<\/span> <span class=\"token attr-name\">checked<\/span> <span class=\"token punctuation\">\/&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>label<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>style<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><span class=\"token style\"><span class=\"token language-css\">\n  <span class=\"token selector\">.special<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token property\">accent-color<\/span><span class=\"token punctuation\">:<\/span> red<span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>style<\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>label<\/span>\n  <span class=\"token punctuation\">&gt;<\/span><\/span>Toggle me, I'm special <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>input<\/span> <span class=\"token attr-name\">type<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>checkbox<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">switch<\/span> <span class=\"token attr-name\">checked<\/span> <span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=<\/span><span class=\"token punctuation\">\"<\/span>special<span class=\"token punctuation\">\"<\/span><\/span>\n<span class=\"token punctuation\">\/&gt;<\/span><\/span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>label<\/span><span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<p><label>Toggle me <\/label><\/p>\n<p><label>Toggle me, I&#8217;m special<br \/>\n<\/label><\/p>\n<h2>Accessibility <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#accessibility\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>If a checkbox becomes a switch, the browser automatically applies the<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Accessibility\/ARIA\/Reference\/Roles\/switch_role\">ARIA <code>switch<\/code><\/a><br \/>\nrole. This role is functionally identical to the <code>checkbox<\/code> role, except that<br \/>\ninstead of representing &#8220;checked&#8221; and &#8220;unchecked&#8221; states, which are fairly<br \/>\ngeneric in meaning, the switch role represents the states &#8220;on&#8221; and &#8220;off&#8221;. The<br \/>\npolyfill does this for you.<\/p>\n<p>When your users have the<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/At-rules\/@media\/prefers-contrast\"><code>prefers-contrast<\/code><\/a><br \/>\nsetting enabled to convey that they prefer more contrast, the polyfill adds more<br \/>\nvisible borders. Some operating systems like Windows or browsers like Firefox<br \/>\nadditionally support a high contrast mode. The polyfill also has support for<br \/>\nthat.<\/p>\n<p>The macOS operating system additionally has an accessibility setting to<br \/>\n<a href=\"https:\/\/developer.apple.com\/help\/app-store-connect\/manage-app-accessibility\/differentiate-without-color-alone-evaluation-criteria\/\">Differentiate without color<\/a>,<br \/>\nwhich causes switch controls to get rendered with additional visual on\/off<br \/>\nindicators. Since there is currently no direct CSS media query for this specific<br \/>\npreference, I opted to display these indicators whenever a high-contrast<br \/>\npreference is detected, ensuring maximum clarity for those who need it.<\/p>\n<p>A common accessibility challenge with switches<br \/>\n<a href=\"https:\/\/www.cs.umd.edu\/hcil\/trs\/90-08\/90-08.pdf\">identified in research<\/a> (that<br \/>\npredates the HTML switch control) is an uncertainty whether the user should tap<br \/>\nor slide the switch to change its state. The polyfill, like the native<br \/>\ncounterpart in Safari, supports both. Another challenge is whether the label<br \/>\n&#8220;on&#8221; indicates the current state of the switch or the resulting state after<br \/>\ninteracting with it. I personally think smartphones\u2014most notably the iPhone\u2014have<br \/>\ntaught people how to use switches, but I still recommend you do your own<br \/>\nusability research before adding a switch to your site.<\/p>\n<h2>Internationalization, and styling <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#internationalization-and-styling\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>The polyfill supports the various<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Properties\/writing-mode\"><code>writing-mode<\/code><\/a><br \/>\noptions, like <code>\"vertical-lr\"<\/code>.<\/p>\n<p><label>I&#8217;m vertical<br \/>\n<\/label><\/p>\n<p>It&#8217;s also aware of the directionality of text via the<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\/Global_attributes\/dir\"><code>dir<\/code><\/a><br \/>\nattribute.<\/p>\n<p><label dir=\"rtl\">I go from right to left<br \/>\n<\/label><\/p>\n<h2>Status in HTML <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#status-in-html\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>The switch element was proposed to be included in HTML in<br \/>\n<a href=\"https:\/\/github.com\/whatwg\/html\/issues\/4180\">Issue #4180<\/a> filed in<br \/>\nNovember 2018. <a href=\"https:\/\/github.com\/whatwg\/html\/pull\/9546\">PR #9546<\/a> (opened in<br \/>\nJuly 2023) proposed a fix and was<br \/>\n<a href=\"https:\/\/github.com\/whatwg\/html\/pull\/9546#pullrequestreview-1584169867\">approved<\/a><br \/>\nby <a href=\"https:\/\/annevankesteren.nl\/\">Anne van Kesteren<\/a> in August 2023. At the time<br \/>\nof this writing, the PR to the HTML spec is still open, with concerns from<br \/>\nseveral stakeholders, including from Google.<\/p>\n<p>I am not and was not part of the standardization discussion around the element,<br \/>\nI just personally like the progressive enhancement pattern that reminds me of<br \/>\nthe pattern used in<br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Extensions\/Forms\/Customizable_select\">customizable <code>&lt;select&gt;<\/code> elements<\/a><br \/>\nthat in the case of non-support just get rendered as regular selects.<\/p>\n<h2>Get the polyfill <a class=\"direct-link\" href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/#get-the-polyfill\" aria-hidden=\"true\">\ud83d\udd17<\/a><\/h2>\n<p>You can<br \/>\n<a href=\"https:\/\/www.npmjs.com\/package\/input-switch-polyfill\">get the polyfill from npm<\/a><br \/>\nand <a href=\"https:\/\/github.com\/tomayac\/input-switch-polyfill\">find the code on GitHub<\/a>.<br \/>\nThe<br \/>\n<a href=\"https:\/\/github.com\/tomayac\/input-switch-polyfill\/blob\/main\/README.md\"><code>README<\/code><\/a><br \/>\nhas detailed usage instructions that I won&#8217;t repeat here, including <strong>important<br \/>\ntips on how to avoid FOUC<\/strong> (Flash of Unstyled Content). You can also play with<br \/>\na <a href=\"https:\/\/tomayac.github.io\/input-switch-polyfill\/\">demo<\/a> of the polyfill that<br \/>\nshows off more features of the polyfill, like all the various writing modes, and<br \/>\nthe different ways to style the switch. And with that: happy switching!<\/p>\n<p>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"Thomas Steiner\" width=\"32\" height=\"32\" src=\"https:\/\/blog.tomayac.com\/feed.php?dl=https%3A%2F%2Fblog.tomayac.com%2F2026%2F01%2F12%2Fa-polyfill-for-the-html-switch-element%2F&amp;dp=%2F2026%2F01%2F12%2Fa-polyfill-for-the-html-switch-element%2F&amp;dt=A%20polyfill%20for%20the%20HTML%20switch%20element\"><br \/>\n\t\t\t\t<br \/>This post appeared first on <a href=\"https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/\">https:\/\/blog.tomayac.com\/2026\/01\/12\/a-polyfill-for-the-html-switch-element\/<\/a>.\n\t\t\t<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"intlwemo_wallet_address":"","footnotes":""},"categories":[],"tags":[],"class_list":["post-3584","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/posts\/3584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3584"}],"version-history":[{"count":6,"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/posts\/3584\/revisions"}],"predecessor-version":[{"id":3593,"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/posts\/3584\/revisions\/3593"}],"wp:attachment":[{"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tomayac.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}