Akordeon (Accordion) to interaktywny element interfejsu użytkownika, który pozwala na ukrywanie i odkrywanie treści w celu zwiększenia przestrzeni na ekranie i ułatwienia nawigacji użytkownikowi. Akordeon składa się z sekcji nagłówka i treści. Nagłówek zawiera tytuł lub opis treści, a treść zawiera szczegóły lub dodatkowe informacje, które są ukryte, dopóki użytkownik nie kliknie nagłówka.
Akordeon jest szczególnie przydatny, gdy na stronie internetowej lub w aplikacji jest wiele treści, lub sekcji, które można zgrupować tematycznie. Akordeon pozwala na zmniejszenie ilości wyświetlanych treści na jednej stronie, co może zwiększyć przejrzystość interfejsu i ułatwić użytkownikowi nawigację.