Frontend Dogma

“focus” Archive

  1. Big, Beautiful, Beefy Focus States With “:focus-visible” · ·
  2. Basic Accessibility Mistakes I Often See in Audits · · , , , , ,
  3. Hover Contrast Bookmarklet · · , , ,
  4. Evolution of Visible Focus · · ,
  5. Understanding SC 2.4.11 “Focus Not Obscured (Minimum)” · · ,
  6. Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators · · , , ,
  7. Where to Put Focus When Deleting a Thing · ·
  8. Visually Hidden Links With 0 Dimensions · · , , ,
  9. O “dialog” Focus, Where Art Thou? · · , ,
  10. The Universal Focus State · · ,
  11. Sticky Content: Focus in View · · , ,
  12. The Problem With Automatically Focusing the First Input and What to Do Instead · · , ,
  13. WCAG 2.2 Misses Mark on Defining Visible Focus · · , ,
  14. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? · · , ,
  15. Buttons, Links, and Focus · · , , ,
  16. Focus Appearance Thoughts · · ,
  17. Foundations: Visible Focus Styles · · ,
  18. Prevent Focused Elements from Being Obscured by Sticky Headers · · , ,
  19. 4 More HTML Concepts You Didn’t Know · · , ,
  20. Focus Appearance Explained · · , ,
  21. Bring Focus to the First Form Field With an Error · · ,
  22. With “:focus-visible”, You Can Have Focus Styles When It Makes Sense · · , , ,
  23. Stop Removing Focus · · ,
  24. Developing a Focus Style for a Themable Design System · · , ,
  25. The Focus-Indicated Pseudo-Class “:focus-visible” · ·
  26. How to Check What Item Is in Focus When Accessibility Testing · · , ,
  27. Standardizing Focus Styles With CSS Custom Properties · · , ,
  28. A Guide to Designing Accessible, WCAG-Compliant Focus Indicators · · , , ,
  29. Understanding Logical Focus Order · · ,