Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Hide

Frontend Dogma

“focus” News Archive

Supertopics:  (non-exhaustive) · glossary look-up: “focus”

Entry (Sources) and Other Related TopicsDate#
Understanding Focus Indicators for Web Accessibility (a11)79
, , ,
A11y 101: 2.4.3 Focus Order (nat)78
,
CSS-Only Solutions Are Not Accessible (cfe)77
,
Focus Not Obscured (taf)76
, ,
A Primer on Focus Trapping (zel/css)75
, , ,
How Keyboard Traps Impact Web Accessibility (a11)74
, ,
Managing Focus and Visible Focus Indicators: Practical Accessibility Guidance for the Web (tpg)73
, ,
It’s All About (Accessibility) Focus and Compose (eev)72
, ,
Tabindex: What It Is, How It Works, and When to Use It (pop)71
, ,
Top 5 Web Accessibility Issues in 2024 (and How to Fix Them) (int)70
, , , ,
A11y 101: 2.1.2 No Keyboard Trap (nat)69
, , ,
Where to Put Focus When Opening a Modal Dialog (aar)68
, ,
A11y 101: 1.4.13 Content on Hover or Focus (nat)67
, ,
Foundations: Keyboard Accessibility (tet)66
, , ,
Focus Priming (tem)65
What Does It Really Mean for a Site to Be Keyboard Navigable (sma)64
, ,
[“a:focus-visible”] (ada)63
,
How Navigation Should Work for Keyboard Users (tem)62
, ,
Quick Accessibility Wins That Are Easy to Implement (kev)61
, , , , , , , , ,
Is the Button Focusable? (mat)60
, ,
Focus Styles and Programmatic Focus (oll)59
,
Accessibility Essentials Every Front-End Developer Should Know (mar)58
, , , , , , , , , ,
Accessibility First: How to Design Inclusive Frontend Experiences57
, , , , , , , , ,
When Is a Skip Link Needed? (tpg)56
, ,
Starting Off Right: Where Autofocus Shines (kil/mat)55
,
Two Different Kinds of “Focusable” UI Elements (yat)54
,
Beautiful Focus Outlines (med)53
, ,
“aria-activedescendant” Is Not Focus (cod)52
,
Basic Keyboard Shortcut Support for Focused Links (eri)51
, , , ,
A Brief Introduction to Keyboard Accessibility (kar)50
, ,
Focus vs. Accessibility Focus49
,
Managing User Focus With “:focus-visible” (css)48
,
When to Use “tabindex="0"” (gra/tet)47
, ,
Accessibility: Implementing Focus Traps46
,
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)45
,
Basic Accessibility Mistakes I Often See in Audits (cfe)44
, , , , , ,
Hover Contrast Bookmarklet (joe)43
, , ,
Evolution of Visible Focus42
,
Understanding SC 2.4.11 “Focus Not Obscured (Minimum)”41
,
Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators (deq)40
, , ,
Where to Put Focus When Deleting a Thing (aar)39
Visually Hidden Links With 0 Dimensions (mat)38
, , , ,
O “dialog” Focus, Where Art Thou? (mat)37
, ,
The Universal Focus State (eri)36
,
Sticky Content: Focus in View (tet)35
, ,
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)34
, ,
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)33
, ,
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)32
, ,
Tether Elements to Each Other With CSS Anchor Positioning (jhe/dev)31
, , ,
Buttons, Links, and Focus (tem)30
, , ,
Focus Appearance Thoughts (ala)29
,
Foundations: Visible Focus Styles (tet)28
, ,
Website Accessibility (15 Best Practices) (bru)27
, , , , , , , , ,
Prevent Focused Elements From Being Obscured by Sticky Headers (sib/tpg)26
, ,
4 More HTML Concepts You Didn’t Know (j9t)25
, ,
Focus Appearance Explained (tem)24
, ,
Bring Focus to the First Form Field With an Error (aar)23
,
With “:focus-visible”, You Can Have Focus Styles When It Makes Sense (hdv)22
, , ,
Making Disabled Buttons More Inclusive (san/css)21
, , , , ,
Stop Removing Focus (col)20
,
Developing a Focus Style for a Themable Design System19
, ,
The Focus-Indicated Pseudo-Class “:focus-visible” (web)18
,
How to Check What Item Is in Focus When Accessibility Testing17
, ,
Standardizing Focus Styles With CSS Custom Properties (5t3/css)16
, ,
A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (sar)15
, , ,
Understanding Logical Focus Order14
,
A Complete Guide to Accessible Front-End Components (vit/sma)13
, , , , , , ,
Copy the Browser’s Native Focus Styles (chr/css)12
Having a Little Fun With Custom Focus Styles (css)11
,
“ERROR Error”: You Can’t Have a Focus Trap Without at Least One Focusable Element10
,
I Threw Away My Mouse (mat/24a)9
, ,
Focus Trapping for Accessibility (A11Y)8
, ,
Writing Automated Tests for Accessibility (mar/24a)7
, , ,
Writing JavaScript With Accessibility in Mind (mat)6
, , , ,
Keyboard-Only Navigation for Improved Accessibility (nng)5
, ,
When Do Elements Take the Focus? (sib)4
,
“a { outline: none; }”—Don’t Do It3
, ,
The Plague of “outline: 0” (jar/web)2
,
JavaScript Keyboard Accessibility (sen)1
, ,