{"id":273,"date":"2021-06-06T19:17:03","date_gmt":"2021-06-06T23:17:03","guid":{"rendered":"https:\/\/www.grumpyland.com\/blog\/?p=273"},"modified":"2021-06-10T00:53:33","modified_gmt":"2021-06-10T04:53:33","slug":"new-_blank-window-icon-for-accessibility","status":"publish","type":"post","link":"https:\/\/www.grumpyland.com\/blog\/273\/new-_blank-window-icon-for-accessibility\/","title":{"rendered":"New (_blank) Window Icon for Accessibility"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Found this really simple and clean CSS solution to adding new window icon. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.grumpyland.com\/blog\/wp-content\/uploads\/2021\/06\/image_2021-06-10_005200.png\" alt=\"New Window Icon\" class=\"wp-image-282\" width=\"124\" height=\"125\" srcset=\"https:\/\/www.grumpyland.com\/blog\/wp-content\/uploads\/2021\/06\/image_2021-06-10_005200.png 247w, https:\/\/www.grumpyland.com\/blog\/wp-content\/uploads\/2021\/06\/image_2021-06-10_005200-100x100.png 100w\" sizes=\"auto, (max-width: 124px) 100vw, 124px\" \/><\/figure><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>a&#91;target=\"_blank\"]::after {\n  content: \"\";\n  width: 1em;\n  height: 1em;\n  margin: 0 0.05em 0 0.1em;\n  background: url(data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+) no-repeat;\n  background-size: contain;\n  display: inline-block;\n  vertical-align: text-bottom;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Source and Demo: <a rel=\"noreferrer noopener\" href=\"https:\/\/stackoverflow.com\/a\/65370632\/\" target=\"_blank\">https:\/\/stackoverflow.com\/a\/65370632\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Found this really simple and clean CSS solution to adding new window icon. <\/p>\n","protected":false},"author":1,"featured_media":282,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[15],"tags":[50,51,52],"class_list":["post-273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-css","tag-html","tag-svg"],"_links":{"self":[{"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/posts\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":6,"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/posts\/273\/revisions"}],"predecessor-version":[{"id":283,"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/posts\/273\/revisions\/283"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/media\/282"}],"wp:attachment":[{"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/media?parent=273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/categories?post=273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grumpyland.com\/blog\/wp-json\/wp\/v2\/tags?post=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}