{"id":3053,"date":"2023-07-29T14:49:15","date_gmt":"2023-07-29T14:49:15","guid":{"rendered":"https:\/\/nkz.studio\/?p=3053"},"modified":"2024-10-31T23:15:09","modified_gmt":"2024-10-31T21:15:09","slug":"jak-odstranit-modry-ramecek-po-kliknuti-v-safari","status":"publish","type":"post","link":"https:\/\/nkz.studio\/en\/blog\/jak-odstranit-modry-ramecek-po-kliknuti-v-safari\/","title":{"rendered":"How to remove the blue frame after clicking in Safari?"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"3053\" class=\"elementor elementor-3053\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85ffe7c e-flex e-con-boxed e-con e-parent\" data-id=\"85ffe7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8c9d8fe e-con-full e-flex e-con e-child\" data-id=\"8c9d8fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aba45e elementor-widget elementor-widget-heading\" data-id=\"1aba45e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How do I remove the blue box that appears when I click on a link in Safari? (menus, arrows, etc.)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1acafa elementor-widget elementor-widget-text-editor\" data-id=\"b1acafa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>This is an outline. It provides visual feedback for links that have \"focus\" when navigating through a web document using the TAB key (or equivalent key). <em>This is especially useful for people who cannot use a mouse or have a visual impairment. If you remove this outline, you make your site inaccessible to these people.<\/em><\/p><p>Defining the focus on navigation elements is an accessibility requirement, it is stated in the Web Content Accessibility Guidelines.<\/p><p>More information can be found here: <a href=\"https:\/\/outlinenone.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">https:\/\/outlinenone.com\/<\/span><\/a><\/p><p>Therefore, be cautious with its removal. If you still want to remove it, you can find the code below.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce6da97 elementor-widget elementor-widget-heading\" data-id=\"ce6da97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Demonstration<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62da013 elementor-widget elementor-widget-image\" data-id=\"62da013\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"232\" height=\"196\" src=\"https:\/\/nkz.studio\/wp-content\/uploads\/2023\/07\/modry-ramecek-safari-po-kliknuti.png\" class=\"attachment-full size-full wp-image-3064\" alt=\"\" srcset=\"https:\/\/nkz.studio\/wp-content\/uploads\/2023\/07\/modry-ramecek-safari-po-kliknuti.png 232w, https:\/\/nkz.studio\/wp-content\/uploads\/2023\/07\/modry-ramecek-safari-po-kliknuti-14x12.png 14w\" sizes=\"(max-width: 232px) 100vw, 232px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-385d859 elementor-widget elementor-widget-heading\" data-id=\"385d859\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">The code you paste into Customize &gt; CSS<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c744302 elementor-widget elementor-widget-code-highlight\" data-id=\"c744302\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t* {\n-webkit-tap-highlight-color: rgba(255, 255, 0) !important;\n-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;\noutline: none !important;\n}\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Jak odstranit modr\u00fd r\u00e1me\u010dek, kter\u00fd se objev\u00ed po kliknut\u00ed na odkaz v Safari? (menu, \u0161ipky, atd) Jedn\u00e1 se outline. Poskytuje vizu\u00e1ln\u00ed zp\u011btnou vazbu pro odkazy, kter\u00e9 maj\u00ed &#8222;fokus&#8220; p\u0159i proch\u00e1zen\u00ed webov\u00e9ho dokumentu pomoc\u00ed kl\u00e1vesy TAB (nebo ekvivalentn\u00ed kl\u00e1vesy). To je u\u017eite\u010dn\u00e9 zejm\u00e9na pro lidi, kte\u0159\u00ed nemohou pou\u017e\u00edvat my\u0161 nebo maj\u00ed zrakov\u00e9 posti\u017een\u00ed. Pokud tento obrys [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3058,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"iawp_total_views":40,"footnotes":""},"categories":[13],"tags":[16],"class_list":["post-3053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-weby-tipy-triky"],"_links":{"self":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/posts\/3053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/comments?post=3053"}],"version-history":[{"count":7,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/posts\/3053\/revisions"}],"predecessor-version":[{"id":5783,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/posts\/3053\/revisions\/5783"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/media\/3058"}],"wp:attachment":[{"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/media?parent=3053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/categories?post=3053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nkz.studio\/en\/wp-json\/wp\/v2\/tags?post=3053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}