Accordion Icons: Which Work Best?
23-10-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers

Accordion Icons: Which Work Best?

So what icon is the most reliable to show expansion and collapsing for accordions? Is there really any noticeable difference between carets, chevrons, arrows, and triangles?
Well, research shows that there is some difference indeed. But what’s more interesting is that split menus are harmful, why it's better to not have icons and text labels link to different actions, and why the caret is the safest icon choice. Let’s dive in!No Icon = Opening The Page
The findings aren’t very surprising:
Read more »

Web Design news



Modern CSS Might Make Your Front-End More Complex
Modern CSS Might Make Your Front-End More Complex
A Spark Of Color In November’s Gray (2026 Wallpapers Edition)
A Spark Of Color In November’s Gray (2026 Wallpapers Edition)
Embracing Playful Imperfection With The CSS `random()` Function
Embracing Playful Imperfection With The CSS `random()` Function
Is Your Organization Messing Up AI Adoption?
Is Your Organization Messing Up AI Adoption?
A Practical Guide To Naming Things
A Practical Guide To Naming Things
Under Autumn’s Spell (October 2026 Wallpapers Edition)
Under Autumn’s Spell (October 2026 Wallpapers Edition)
Stop Treating CSS Container Queries Like Traditional Media Queries
Stop Treating CSS Container Queries Like Traditional Media Queries
Building A UX ROI Case That Survives The Boardroom
Building A UX ROI Case That Survives The Boardroom
The Death Of The Button: Why The Best Interface Is No Interface
The Death Of The Button: Why The Best Interface Is No Interface
The Many Faces Of September (2026 Wallpapers Edition)
The Many Faces Of September (2026 Wallpapers Edition)
Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions
Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions
Why Your Website Should Never Stop Changing
Why Your Website Should Never Stop Changing
Timing Charts: A Blueprint For SMIL Animations
New EU Guidelines For AI Labelling
New EU Guidelines For AI Labelling
Desktop versie