{"id":15220686,"date":"2022-01-05T10:22:18","date_gmt":"2022-01-05T10:22:18","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/how-to-add-keyboard-outline\/"},"modified":"2022-01-05T10:23:51","modified_gmt":"2022-01-05T10:23:51","slug":"how-to-add-keyboard-outline","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/how-to-add-keyboard-outline\/","title":{"rendered":"How to add keyboard outline?"},"content":{"rendered":"<p>Hello,<\/p>\n<p>For web accessibility compliance, how can I add a keyboard outline to thumbnails in a justified gallery?<\/p>\n<p>The CSS I&#8217;ve written so far only displays the left and top outline. The right and bottom parts of the outline are hidden somehow.<\/p>\n<pre><code>.fg-thumb:focus  {\n  outline-width: 3px !important;\n  outline-style: solid !important;\n  outline-color: red !important;\n  margin: 3px !important;\n}<\/code><\/pre>\n<p>Thanks<\/p>\n","protected":false},"template":"","class_list":["post-15220686","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15220686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15220686\/revisions"}],"predecessor-version":[{"id":15220695,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/15220686\/revisions\/15220695"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=15220686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}