Frontend Dogma

“focus” Archive

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