Mengapa kita perlu mengatur urutan tab keyboard?

Urutan tab keyboard memungkinkan pengguna keyboard untuk menjelajahi halaman web dengan efisien. Halaman web yang diimplementasikan dengan benar mengalir dengan alami seperti membaca buku. Sebaliknya, jika urutan tab salah, pengguna bisa merasa bingung atau melewatkan konten penting.

Mengatur Urutan Tab

Sebagian besar, urutan tab halaman web mengikuti urutan link, tombol, dan bidang input yang ditempatkan di panel layer atau markup.

Anda dapat langsung mengatur urutan tab menggunakan panel Accessibility dan Tab Index di Framer. Dengan demikian, lebih mudah mengarahkan perhatian pengguna ke tombol CTA (Call-to-Action) utama terlebih dahulu.

Pentingnya Mengarahkan ke CTA

Salah satu keuntungan utama dari kustomisasi urutan tab adalah menonjolkan CTA (Call-to-Action) yang paling penting bagi pengguna.

CTA (Call to Action) adalah tombol atau tautan yang mendorong pengguna untuk melakukan tindakan tertentu, seperti “Beli Sekarang”, “Mulai Uji Coba Gratis”, atau “Hubungi Kami”.

Jika pengguna harus melewati banyak tautan di menu untuk mencapai tombol CTA di bagian bawah halaman atau tengah konten, mereka akan merasa sangat lelah. Oleh karena itu, dengan mengoptimalkan urutan tab, Anda dapat mendesain agar pengguna dapat dengan cepat mengakses tombol CTA begitu masuk ke halaman atau mengikuti alur logis.

Pertanyaan yang Sering Diajukan (FAQ)

P. Apakah fitur ini dapat digunakan di rencana Free?

• Ya. Framer menganggap aksesibilitas web sebagai elemen esensial situs web, sehingga fitur pengaturan urutan tab dan label melalui panel Aksesibilitas dapat digunakan di semua proyek, terlepas dari tingkat rencana.

P. Apakah urutan tab yang telah ditentukan dapat dikembalikan ke pengaturan awal?

• Tidak. Jika nilai urutan yang ditentukan secara manual di panel Aksesibilitas dihapus, Framer akan segera memulihkannya ke urutan default yang ditentukan berdasarkan struktur tata letak.

P. Apakah urutan tab antara bidang input formulir juga dapat diatur di panel ini?

• Ya, dapat diatur. Terutama pada formulir seperti formulir kontak yang memiliki banyak bidang input, disarankan untuk mengaturnya agar pengguna dapat berpindah secara alami sesuai urutan yang direncanakan, misalnya ‘Nama > Email > Kirim’.

Artikel ini merupakan terjemahan dan adaptasi dari konten ‘Tab order customization’ di blog resmi Framer.