Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
PSA - on the importance of managing focus and focus-visible states
A nice article reminding of the importance of managing the ::focus and ::focus-visible states for links form controls and other focusable elements (e.g. set with tabindex=0).
“Understanding Focus Indicators for Web Accessibility” – link: www.a11y-collective.com/blog/focus-indicator/
Too many times I see this type of problems on sites.Even here on the forum I find the focus state of buttons hard to see.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline
Re: PSA - on the importance of managing focus and focus-visible states
This is an interesting approach.For a large code base where multiple themes and sub-themes are possible: a double focus ring using outline and box-shadow properties with (strongly) contrasting colours to make sure at least one ring appears visible at all times.
piccalil.li/blog/taking-a-shot-at-the-double-focus-ring-problem-using-modern-css/
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline