Das Akkordeon-Tab ist eine Kompination aus Tabs, auf großem Screen und Akkordeon, auf kleinen Screens.
Auf großen Screens sind Tabs eine beliebte Möglichkeit viel Inhalt kompakt unterzubringen. Auf kleinen Screens ist die Tab-Darstellung letztlich unbefriedigend. Entweder die Reiter liegen nebeneinander, dann kann es notwendig werden horizontal zu scrollen, oder die Reiter werden gestapelt, dann fehlt der direkte visuelle Bezug zwischen Reiter und Inhaltsfeld.
Das Akkordeon-Tab-Element bietet dafür eine alternative und versucht das Beste aus beiden Strukturen zu vereinen.
Das Element unterstützt auch WAI-ARIA für ein barrierefreies Internet. Dafür können je nach Screen die Tab-, Pfeil- und Enter-Tasten genutzt werden. Das aktive Element (focus) ist mit einem linksseitigen grauen Rahmenelement hervorgehoben.