Quick tips for a fabulous FAB
Posted on May 10, 2026The Floating Action Button (or FAB for short) is a pattern that consist of placing what is considered to be the most important action of the page at its bottom corner, as a floating button.
The Floating Action Button (or FAB for short) is a pattern that consist of placing what is considered to be the most important action of the page at its bottom corner, as a floating button.
Text-resizing and page zoom are often treated as interchangeable, but they are fundamentally different mechanisms. While zoom is enough to meet accessibility requirements, text-resizing is what truly respects user preferences."
When to use aria-haspopup and when to use aria-expanded? When to use one and when to use both? Let's find out!
Tabs, love them (designers do love them) or hate them, they are here to stay. So we might as well make their stay a bit more accessible.
Sometimes the design calls for footnotes indicated by an asterisk (*), and while providing a two-way connection (with jump-links) between the footnote reference and the footnote itself might be the best solution for everyone, it is not always possible.
The Hamburger Menu is a common mobile navigation pattern, but its implementation can be quite tricky. This post walks through a minimal, mostly native approach based on the 'dialog' element.
Skipping to the main content is important, but what if you want to go back to the top of a long page? Here comes our next (accessible) essential blog component: the Back-to-top.
Skip-links are hidden links at the top of a webpage that let users jump directly to a specific section (usually the main content). They become visible when focused (via keyboard navigation) and help users skip repetitive elements like navigation menus.
That's what Shia LaBeouf would say. And I agree: I should just do it. But no, I'm a perfectionist, so I totally cannot "just do" things. That's simply not how it works.