Managing Keyboard Focus for Load-More Buttons

from blog Aleksandr Hovhannisyan, | ↗ original
Load-more buttons are more accessible than infinite scrolling, but they also steal keyboard focus when new content loads in. We can fix this problem by manually focusing the first newly inserted result.
This is a short summary. ↗ Open original to view full content

Related

There's Always More History
Blog on Hillel Wayne | original ↗
Starting off right: Where autofocus shines
HTMHell | original ↗
I wasted a day on CSS selector performance to make a website load 2ms faster
Piccalilli - Everything | original ↗
Skip to Content Button
bt RSS Feed | original ↗
Scrolling Elements Into View
Matthias Ott | original ↗
Prompting the Wrong Question
Jim Nielsen’s Blog | original ↗
Ajax loading wheels and forgotten Promises
Caleb Porzio | original ↗
HTML: The Bad Parts
HTMHell | original ↗
Extending the capabilities of dumb devices
Mumbling about computers | original ↗
Fix Double Volume Jump on 8BitDo Keyboard with Karabiner Elements
Robb Knight • Posts • RSS Feed | original ↗

More from Aleksandr Hovhannisyan

Performant Game Loops in JavaScript
29 Dec 2024 | original ↗

A look at some best practices for creating performant game animations in JavaScript.

Creating Perfect Font Fallbacks in CSS
12 Dec 2024 | original ↗

Learn how to use three CSS properties to override font metrics and minimize layout shifts during font load.

Preventing Layout Shifts in Status Text with CSS Grid
11 Dec 2024 | original ↗

Use this trick with CSS Grid to prevent layout shifts when swapping text in status indicators.

I Moved to Cloudflare
11 Dec 2024 | original ↗

After some recent incidents involving Netlify and Vercel, I decided to play it safe and move my website and another side project to Cloudflare.

The Perfect Theme Switch Component
27 Nov 2024 | original ↗

Learn how to implement a progressively enhanced theme switch component using HTML, CSS, and JavaScript.