{"id":90661,"date":"2026-02-25T10:00:00","date_gmt":"2026-02-25T04:30:00","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/focus-styles-people-can-see\/"},"modified":"2026-09-09T13:22:36","modified_gmt":"2026-09-09T07:52:36","slug":"focus-styles-people-can-see","status":"publish","type":"post","link":"https:\/\/showcase.ananyoo.com\/fr\/focus-styles-people-can-see\/","title":{"rendered":"Des styles de focus bien visibles"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><code>outline: none<\/code> has locked more keyboard users out of the web than any other two words of CSS.<\/p><h2 class=\"wp-block-heading\">The ring is the cursor<\/h2><p class=\"wp-block-paragraph\">A keyboard user without a visible focus indicator is a mouse user without a pointer. Every interactive element in this theme carries a 2.4px ring that passes 3:1 against its background.<\/p><h2 class=\"wp-block-heading\">WCAG 2.2 raised the bar<\/h2><p class=\"wp-block-paragraph\">Focus must now also stay unobscured &mdash; sticky headers and cookie banners may not hide the focused element. We test with the header pinned and the page scrolled, not just at the top.<\/p><h2 class=\"wp-block-heading\">Design the ring, do not delete it<\/h2><p class=\"wp-block-paragraph\">If the default outline clashes with your brand, style it &mdash; thicker, offset, in your palette. Deleting it because it is &#8220;ugly&#8221; hands the bill to your users.<\/p>","protected":false},"excerpt":{"rendered":"<p>outline: none a priv\u00e9 plus d\u2019utilisateurs du clavier de l\u2019acc\u00e8s au web que n\u2019importe quel autre duo de mots en CSS.<\/p>","protected":false},"author":2,"featured_media":94567,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_ananevt_speaker":"","_ananevt_speaker_role":"","_ananevt_speaker_photo":0,"_ananevt_feature_guest":true,"_ananevt_start_date":"","footnotes":""},"categories":[27],"tags":[],"class_list":["post-90661","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/posts\/90661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/comments?post=90661"}],"version-history":[{"count":1,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/posts\/90661\/revisions"}],"predecessor-version":[{"id":94552,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/posts\/90661\/revisions\/94552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media\/94567"}],"wp:attachment":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media?parent=90661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/categories?post=90661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/tags?post=90661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}