Frontend Dogma

“focus” Archive

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