Aksesibilitas Beaver Builder telah menjadi prioritas utama dalam rilis 2.10 mendatang kami, dan hasilnya berbicara sendiri.

Menurut Equize Digital 2025 WordPress Page Builder Accessibility Comparison, skor aksesibilitas Beaver Builder melonjak dari 48% menjadi 68% , memindahkan kami ke sepertiga teratas pembangun halaman WordPress . Peningkatan 20 poin ini mencerminkan komitmen kami untuk membantu Anda membangun situs web inklusif yang bekerja untuk setiap pengunjung.

"Kalian semua (di Beaver Builder) telah bekerja dan itu menunjukkan! Kerja bagus dan terima kasih telah memprioritaskan aksesibilitas!" - Amber Hinds

Pakar aksesibilitas Amber Hinds dan timnya mengevaluasi pembangun halaman terhadap standar aksesibilitas dunia nyata. Laporan mereka menyoroti di mana pembangun berhasil atau gagal dalam membuat konten dapat digunakan untuk para penyandang cacat. Kami senang bahwa kemajuan kami dapat diukur, dan bahkan lebih bersemangat tentang apa artinya ini bagi Anda dan klien Anda.

Apa yang Baru di Beaver Builder 2.10 Aksesibilitas

Berkat umpan balik dari komunitas dan bimbingan ahli kami dari Amber Hinds di Equalize Digital, tim kami telah bekerja keras untuk membuat Beaver Builder lebih mudah diakses dari sebelumnya.

Banyak dari pembaruan ini dimungkinkan melalui API yang tidak terputus kami, yang memungkinkan kami meningkatkan markup dan aksesibilitas dalam modul baru tanpa merusak desain yang ada. Inilah yang berubah:

Modul akordeon

• Tag HTML yang diperbarui untuk semantik yang lebih baik.
• Peningkatan ukuran cincin fokus untuk visibilitas.
• Mengubah pendengar acara dari keypress ke keydown .
• Escape Key sekarang menutup tab.
• Semua item akordeon ditutup saat fokus bergerak di luar.
• Atribut ARIA yang tepat diimplementasikan.

Modul Slider Konten

• Cincin fokus yang lebih jelas pada tautan.
• Dukungan untuk preferensi gerak berkurang.
• Mencegah autoplay saat fokus berubah.
• Menambahkan aria-label dan atribut peran.
• Navigasi keyboard yang ditingkatkan.
• Fokus ditambahkan ke navigasi slider dot.
• Markup yang Diperbarui Menggunakan Daftar dan Tag Tombol.

Modul Galeri

• Tag div diganti dengan tag daftar.
• Menambahkan peran aria untuk tag div yang sudah usang.

Modul Menu

• Navigasi keyboard yang ditingkatkan.
• Atribut dan peran ARIA yang ditingkatkan.
• Ukuran ikon markup dan sub-menu yang disesuaikan.

Modul Foto

• Beralih ke figcaption untuk teks, mengikuti praktik terbaik aksesibilitas.

Modul Posting

• Wadah yang diubah dari div ke ul .
• Menambahkan opsi baru di bidang wadah pos.

Posting Slider & Post Carousel

• Slide sekarang gunakan tag daftar.
• Navigasi dan pagination menggunakan tag tombol.
• Atribut ARIA yang ditingkatkan.
• Fokus sekarang terlihat pada semua kontrol.

Semua Modul Posting

• Tautan redundan tersembunyi dari pembaca layar dan navigasi keyboard.

Modul tab

• Tag tombol yang digunakan sebagai pengganti tautan/divs.
• Atribut ARIA yang tepat ditambahkan.
• Perubahan markup hanya berlaku untuk modul baru melalui API pendesahan.

Modul Testimonials

• Diubah dari div menjadi blockquote .
• Dukungan tambahan untuk preferensi gerak berkurang.
• Opsi Tombol Play/Pause Baru Tersedia.

Bentuk baris

• Menambahkan judul/deskripsi generik untuk aksesibilitas.

Modul dengan kutipan

• Teks "Baca lebih lanjut" yang lebih baik untuk konteks yang lebih baik.

Kompatibilitas mundur

Saat meningkatkan aksesibilitas, kita tahu stabilitas sama pentingnya dengan kemajuan. Itu sebabnya Beaver Builder 2.10 menggunakan pendekatan yang cermat yang menyeimbangkan peningkatan dengan kompatibilitas ke belakang.

Begini cara kerjanya:

• Modul API Deprecation : Ketika kami membuat perubahan markup utama (seperti beralih dari <div> ke tag <ul> ), pembaruan tersebut diperkenalkan dalam versi baru modul. Ini berarti setiap modul baru yang Anda tambahkan ke halaman akan menyertakan markup yang ditingkatkan, sementara modul Anda yang ada tetap tidak berubah untuk menghindari melanggar tata letak Anda.
• Modul yang ada masih bermanfaat : bahkan ketika kami membuat versi modul baru, kami mengaudit versi yang ada untuk meningkatkan atribut ARIA, navigasi keyboard, dan fitur aksesibilitas non-breaking lainnya. Dengan kata lain, baik versi lama dan baru menerima peningkatan aksesibilitas, tetapi hanya versi baru yang mendapatkan perubahan markup.
• Bukan hanya perubahan besar : beberapa pembaruan tidak memerlukan versi modul baru sama sekali. Dalam kasus -kasus tersebut, kami melakukan perbaikan langsung seperti menyesuaikan peran aria atau memastikan interaksi keyboard yang tepat tanpa menggunakan API yang tidak terbiasa.
• Komitmen berkelanjutan : Proses ini akan berlanjut dalam rilis di masa mendatang. Setiap kali perubahan markup memerlukan versi modul baru, kami juga akan mengaudit markup modul yang ada, sehingga aksesibilitas terus meningkat di seluruh situs Anda tanpa mengorbankan stabilitas.

Singkatnya, Anda dapat mengharapkan peningkatan aksesibilitas bahkan dalam modul Anda saat ini kadang -kadang melalui pembaruan atribut halus daripada markup baru semua sambil melestarikan tata letak dan kompatibilitas yang Anda andalkan.

Mengapa aksesibilitas penting bagi situs web Anda

Aksesibilitas bukan hanya tentang kepatuhan; Ini tentang membuat web inklusif di mana semua orang dapat sepenuhnya terlibat. Beaver Builder 2.10 membantu memastikan pengalaman yang lebih halus dan lebih jelas untuk semua pengguna, dari pengunjung khusus keyboard hingga mereka yang menggunakan pembaca layar.

Dengan membuat situs Anda inklusif, Anda:

• Menjangkau audiens yang lebih luas, termasuk penyandang disabilitas
• Tingkatkan pengalaman SEO dan pengguna, karena aksesibilitas tumpang tindih dengan praktik desain yang baik
• Pastikan kepatuhan, mengurangi risiko hukum untuk Anda dan klien Anda

Dengan memprioritaskan aksesibilitas, Anda tidak hanya membangun situs web yang indah, Anda membuat perbedaan yang berarti bagi setiap pengunjung.

Mengapa Memilih Beaver Builder untuk Desain yang Dapat Diakses

Membangun situs web yang dapat diakses dimulai dengan fondasi. Beaver Builder 2.10 menghilangkan hambatan aksesibilitas umum di sumbernya. Setiap modul dilengkapi dengan markup semantik yang bersih dan atribut ARIA yang tepat, sehingga Anda dapat membuat situs yang dapat diakses sepenuhnya tanpa upaya ekstra.

“Builder berang -berang kerja yang bagus! Terima kasih telah mendengarkan. Perbaikan yang luar biasa.” - Ann Marie Gill

Dengan perbaikan ini, Anda dapat menjangkau khalayak yang lebih luas, meningkatkan SEO dan kegunaan, dan mengurangi risiko hukum, semuanya sambil memberikan pengalaman yang inklusif. Ini baru permulaan: aksesibilitas akan tetap menjadi prioritas, dan tim Beaver Builder berkomitmen untuk membuat lebih banyak kemajuan di tahun mendatang.

Mulailah dengan desain yang dapat diakses

Ingin menyelam lebih dalam? Lihat panduan kami tentang tips desain aksesibilitas web untuk strategi praktis yang dapat Anda gunakan dalam proyek desain web Anda.

Aksesibilitas adalah upaya tim dan umpan balik komunitas membantu membentuk peta jalan kami. Kami mendorong semua pengguna untuk melaporkan masalah aksesibilitas melalui saluran dukungan kami sehingga kami dapat terus meningkatkan Beaver Builder untuk semua orang.