https://morganwebdev.org/tags/design/ Recent content in Design on Morgan Murrah - morganwebdev.org Hugo en-us Sat, 04 Jul 2026 12:00:00 -0800 https://morganwebdev.org/posts/outline-back/ Sat, 04 Jul 2026 12:00:00 -0800 https://morganwebdev.org/posts/outline-back/ <p><em>An example input that has keyboard focus and that has a nice blue outline around it.</em></p> <p><img src="https://morganwebdev.org/outline.png" alt="Example Input with a thick blue Outline"></p> <p><em>This is basically how it should be, and could look very differently, but it is important that it is there</em></p> <p>Outlines around focused elements such as buttons and inputs are important for keyboard users and people with different vision levels to use your websites. <a href="https://daverupert.com/2024/01/focus-visible-love/">Since 2022 there is little excuse to properly set these up</a>, but there is a long history of issues with outlines in the web and not every resource explains the issue.</p>