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.
A11y category
-
-
Text-resize is not the same as zoom
Posted on April 6, 2026Text-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."
-
Aria-haspopup and/or aria-expanded
Posted on March 21, 2026When to use
aria-haspopupand when to usearia-expanded? When to use one and when to use both? Let's find out! -
Accessible Tabs
Posted on March 1, 2026Tabs, 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.
-
Asterisk Footnote
Posted on January 24, 2026Sometimes 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.
-
Hamburger Menu
Posted on December 27, 2025The 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.
-
Back-to-top
Posted on November 7, 2025Skipping 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
Posted on October 29, 2025Skip-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.