A guide to designing accessible, WCAG-compliant focus indicators
Freelance Front-End Web UI/UX Developer - Lebanon
Fokus
Focus management and inert
Many forms of assistive technology use keyboard navigation to understand and take action on screen content. One way of navigating is via the Tab key. You
Don’t style :checked and :focus states identically – here’s why – Accessibl
Slides: Accessibility as a focus for people-first design | The Paciello Gro
Adrian Roselli: Don't Use Tabindex Greater than 0
Animated GIF showing the tab order on a page using the default Re-CAPTCHA, which sets a tabindex, forcing a keyboard user through six tab-stops to get to the Skip to content link. Tabindex had the potential to be a useful attribute. A developer could set the order in which focus…
When Do Elements Take The Focus?
Managing focus for accessibility
A quick a11y tip to handle focus in a single page web app.
Managing focus for accessibility
A quick a11y tip to handle focus in a single page web app.
It’s a (focus) Trap! – Hacker Noon
GOV.UK Focus Styles - Accessibility Wins, curated by Marcy Sutton
The award for most-visible focus styles goes to GOV.UK. The bright orange background color provides better-than-average contrast against the default background and text colors. It’s very consistent across the UI: clicking in an input field sets a visible border in the same color, well executed because there is no shift in layout (CSS outline for the win!).
Brief Note on Buttons, Enter, and Space
Keyboard interaction note for just one control from the entire panoply of HTML controls: A native button fires on key down when that key is Enter. If you hold down the Enter key, it continues to fire for as long you hold Enter (or something crashes). A native button fires…