Accordion

Accordion

Mematuhi pola desain Accordion WAI-ARIA

Navigasi Dengan Keyboard

Komponen Accordion dapat menyembunyikan atau menampilkan konten di setiap baris. Setiap judul accordion akan berada dalam urutan tab alami.

1. Judul accordion 1
2. Judul accordion 2
3. Judul accordion 3
4. dll.

Urutan Bacaan

Kursor virtual harus dapat berpindah dari satu header ke header berikutnya. Dengan kursor virtual pada judul accordion, harus bisa membuka baris melalui simulasi klik. Untuk accordion yang otomatis menyusut, baris lain yang terbuka harus ditutup, tetapi ini tidak perlu diumumkan.

Interaksi Keyboard

Key	Description
Space	When focus is on an Accordion.Trigger of a collapsed section, expands the section.
Enter	When focus is on an Accordion.Trigger of a collapsed section, expands the section.
Tab	Moves focus to the next focusable element.
Shift + Tab	Moves focus to the previous focusable element.
ArrowUp	Moves focus to the previous Accordion.Trigger when orientation is vertical.
ArrowDown	Moves focus to the next Accordion.Trigger when orientation is vertical.

Di halaman ini

• Navigasi Dengan Keyboard
• Urutan Bacaan
• Interaksi Keyboard