“focus” Archive

31. Managing User Focus With “:focus-visible” · Apr 5, 2024 · css, selectors
32. When to Use “tabindex="0"” · Apr 4, 2024 · accessibility, keyboard-navigation, html
33. Big, Beautiful, Beefy Focus States With “:focus-visible” · Jan 27, 2024 · css, selectors
34. Basic Accessibility Mistakes I Often See in Audits · Jan 17, 2024 · accessibility, mistakes, auditing, html, semantics, links, buttons
35. Hover Contrast Bookmarklet · Jan 14, 2024 · bookmarklets, colors, contrast, accessibility
36. Evolution of Visible Focus · Nov 16, 2023 · videos, accessibility
37. Understanding SC 2.4.11 “Focus Not Obscured (Minimum)” · Oct 25, 2023 · accessibility, wcag
38. Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators · Oct 24, 2023 · accessibility, forms, user-experience, tips-and-tricks
39. Where to Put Focus When Deleting a Thing · Aug 25, 2023 · accessibility
40. Visually Hidden Links With 0 Dimensions · Jul 19, 2023 · accessibility, links, apple, safari
41. O “dialog” Focus, Where Art Thou? · Jul 17, 2023 · accessibility, modals, html
42. The Universal Focus State · Jun 8, 2023 · accessibility, css
43. Sticky Content: Focus in View · Jun 8, 2023 · accessibility, scrolling, css
44. The Problem With Automatically Focusing the First Input and What to Do Instead · Jun 4, 2023 · user-experience, accessibility, forms
45. WCAG 2.2 Misses Mark on Defining Visible Focus · Jun 2, 2023 · accessibility, wcag, standards
46. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? · May 2, 2023 · accessibility, aria, html
47. Buttons, Links, and Focus · Feb 16, 2023 · accessibility, semantics, buttons, links
48. Focus Appearance Thoughts · Feb 7, 2023 · accessibility, css
49. Foundations: Visible Focus Styles · Jan 13, 2023 · accessibility, css
50. Prevent Focused Elements from Being Obscured by Sticky Headers · Dec 19, 2022 · accessibility, usability, css
51. 4 More HTML Concepts You Didn’t Know · Dec 6, 2022 · html, concepts, forms
52. Focus Appearance Explained · Sep 2, 2022 · accessibility, wcag, forms
53. Bring Focus to the First Form Field With an Error · Aug 22, 2022 · accessibility, forms
54. With “:focus-visible”, You Can Have Focus Styles When It Makes Sense · Jul 21, 2022 · css, selectors, accessibility, keyboard-navigation
55. Stop Removing Focus · Apr 27, 2022 · accessibility, css
56. Developing a Focus Style for a Themable Design System · Feb 8, 2022 · accessibility, design-systems, theming
57. The Focus-Indicated Pseudo-Class “:focus-visible” · Jan 31, 2022 · css, selectors
58. How to Check What Item Is in Focus When Accessibility Testing · Jan 21, 2022 · how-tos, accessibility, testing
59. Standardizing Focus Styles With CSS Custom Properties · Dec 10, 2021 · css, custom-properties, accessibility
60. A Guide to Designing Accessible, WCAG-Compliant Focus Indicators · Aug 13, 2021 · guides, accessibility, wcag, compliance
61. Understanding Logical Focus Order · Apr 11, 2021 · accessibility, html

• All topics
• All entries