Udfoldning eller faner: Vælg det rigtige

Faner og harmonikaer skjuler og viser begge indhold, så de bliver ofte forvekslet. Hvis du vælger det forkerte mønster, kan brugerne blive desorienterede.

Et fanesæt viser indbyrdes udelukkende visninger: Når ét panel åbnes, lukkes de andre. Det passer til indhold, som brugeren sammenligner én del ad gangen.

En harmonika lader flere sektioner være åbne samtidig. Det passer til en lang side med ofte stillede spørgsmål, hvor brugerne måske vil se to svar ved siden af hinanden.

En enkelt vis/skjul-funktion er en udfoldning: én knap og ét område. Brug den, når der kun er én valgfri detalje, der skal vises.

Mønstrene bruger forskellig ARIA. Faner har brug for tablist og piletaster; en udfoldning eller harmonika behøver kun en knap med aria-expanded.

Faner fungerer bedst, når hver etiket er kort, og rækken kan være øverst. Hvis etiketterne er lange, er en lodret opdelt harmonika lettere at læse.

På smalle skærme løber en vandret fanerække ofte ud over kanten. En harmonika stables naturligt, så mange teams skifter mønster ved små skærmstørrelser.

Spørg, om sektionerne er uafhængige. Hvis brugerne har fordel af at læse flere sammen, skal du vælge en harmonika; hvis kun én visning passer, skal du vælge faner.

Undgå at bygge nogen af mønstrene med almindelige links, der ruller siden. Links fører til steder; disse kontroller skifter indhold og har derfor brug for knapse mantik.

Hvis et mønster ligger på grænsen, skal du foretrække det enklere. En udfoldning eller harmonika har mindre ARIA, der kan gå galt, end en komplet fane-widget.

Det rigtige valg afhænger af indholdet, ikke udseendet. Afgør, hvordan brugerne skal læse og sammenligne det, og vælg derefter et mønster.

Du har lært at vælge ud fra indholdets behov: faner til visninger én ad gangen, harmonikaer til sektioner, hvor flere kan være åbne, og en udfoldning til én enkelt visning.