Beaver Builder erişilebilirliği, yaklaşan 2.10 sürümümüzde en önemli öncelik olmuştur ve sonuçlar kendileri için konuşur.

Equalizes Digital'in 2025 WordPress sayfa oluşturucu erişilebilirlik karşılaştırmasına göre, Beaver Builder'ın erişilebilirlik puanı % 48'den% 68'e yükseldi ve bizi WordPress sayfa oluşturucularının ilk üçte birine taşıyordu. Bu 20 puanlık iyileştirme, her ziyaretçi için çalışan kapsayıcı web siteleri oluşturmanıza yardımcı olma taahhüdümüzü yansıtır.

“Hepiniz (Beaver Builder'da) işe koyuyorsunuz ve bu gösteriyor! Harika bir iş ve erişilebilirliğe öncelik verdiğiniz için teşekkür ederiz!” - Amber Hinds

Erişilebilirlik uzmanı Amber Hinds ve ekibi, sayfa oluşturucuları gerçek dünyadaki erişilebilirlik standartlarına göre değerlendirdi. Raporları, inşaatçıların engelli insanlar için kullanılabilir hale getirmeyi başardıkları veya yetersiz kaldıklarını vurgulamaktadır. İlerlememizin ölçülebilir olması ve bunun sizin ve müşterileriniz için ne anlama geldiğinden daha da heyecan duyduğumuz için heyecanlıyız.

Beaver Builder 2.10 Erişilebilirlikte Yenilikler

Topluluğumuzdan gelen geri bildirimler ve Equality Digital'deki Amber Hinds'tan uzman rehberliği sayesinde, ekibimiz Beaver Builder'ı her zamankinden daha erişilebilir hale getirmek için çok çalışıyor.

Bu güncellemelerin çoğu, mevcut tasarımları bozmadan yeni modüllerde işaretlemeyi ve erişilebilirliği artırmamızı sağlayan kullanımdan kaldırma API'mızla mümkün olmuştur. İşte değişen şey:

Akordeon modülü

• Geliştirilmiş anlambilim için güncellendi HTML etiketleri.
• Görünürlük için artan odak halka boyutu.
• Olay dinleyicisini keypress keydown değiştirdi.
• Kaçış Anahtarı şimdi sekmeleri kapatıyor.
• Odak dışarı çıktığında tüm akordeon öğeleri kapanır.
• Uygulanan uygun ARIA öznitelikleri.

İçerik kaydırıcı modülü

• Bağlantılar üzerinde daha net odak halka.
• Azaltılmış hareket tercihi desteği.
• Odak değiştiğinde otomatik oynamayı önledi.
• aria-label ve rol özellikleri eklendi.
• Geliştirilmiş klavye gezinmesi.
• Odak kaydırıcı nokta navigasyonuna eklendi.
• Liste ve düğme etiketlerini kullanarak işaretleme.

Galeri Modülü

• div etiketlerini liste etiketleriyle değiştirdi.
• Kullanımdan kaldırılmış div etiketleri için ARIA rolleri eklendi.

Menü modülü

• Gelişmiş klavye gezinmesi.
• Geliştirilmiş ARIA özellikleri ve rolleri.
• Düzeltilmiş işaretleme ve alt menü simgesi boyutlandırma.

Fotoğraf modülü

• Erişilebilirlik en iyi uygulamalarını takip ederek altyazılar için figcaption geçti.

Mesajlar Modülü

• Konteyner div ul değiştirildi.
• Post kaplama alanında yeni seçenek eklendi.

Post kaydırıcı ve atlıkarıncalı

• Slaytlar artık liste etiketlerini kullanın.
• Gezinme ve sayfalama kullanma düğmesi etiketleri.
• Geliştirilmiş ARIA özellikleri.
• Şimdi tüm kontrollere odaklanın.

Tüm Gönderiler Modülleri

• Ekran okuyucularından ve klavye navigasyonundan gizlenmiş gereksiz bağlantılar.

Sekmeler modülü

• Bağlantılar/divler yerine kullanılan düğme etiketleri.
• Uygun ARIA öznitelikleri eklendi.
• İşaretleme değişiklikleri yalnızca Istrecation API'si aracılığıyla yeni modüller için geçerlidir.

Referans modülü

• div blockquote olarak değiştirildi.
• Azaltılmış hareket tercihi için destek eklendi.
• Yeni Oynat/Duraklama Düğmesi seçeneği mevcuttur.

Satır şekilleri

• Erişilebilirlik için genel başlık/açıklama eklendi.

Alıntılı modüller

• Daha iyi bağlam için geliştirilmiş "Devamını Oku" metni.

Geriye dönük uyumluluk

Erişilebilirliği iyileştirirken, istikrarın ilerleme kadar önemli olduğunu biliyoruz. Bu nedenle Beaver Builder 2.10, geliştirmeleri geriye dönük uyumluluk ile dengeleyen dikkatli bir yaklaşım kullanıyor.

İşte böyle çalışıyor:

• Modül Taşıma API'sı : Büyük işaretleme değişiklikleri yaptığımızda ( <div> den <ul> etiketlere geçiş gibi), bu güncellemeler modülün yeni bir sürümünde tanıtılır. Bu, bir sayfaya eklediğiniz yeni modüllerin geliştirilmiş işaretlemeyi içereceği anlamına gelirken, mevcut modülleriniz düzenlerinizi kırmaktan kaçınmak için değişmeden kalır.
• Mevcut modüller hala faydalanıyor : Yeni bir modül sürümü oluştursak bile, ARIA özniteliklerini, klavye navigasyonunu ve diğer kırılmayan erişilebilirlik özelliklerini geliştirmek için mevcut sürümü denetliyoruz. Başka bir deyişle, hem eski hem de yeni sürümler erişilebilirlik iyileştirmeleri alır, ancak yalnızca yeni sürüm işaretleme değişiklikleri alır.
• Sadece büyük değişiklikler değil : Bazı güncellemeler yeni bir modül sürümü gerektirmez. Bu durumlarda, ARIA rollerini ayarlama veya Istrecation API'sını kullanmadan uygun klavye etkileşimini sağlama gibi doğrudan iyileştirmeler yaparız.
• Devam eden Taahhüt : Bu süreç gelecekteki sürümlerde devam edecektir. İşaretleme değişiklikleri yeni bir modül sürümü gerektirdiğinde, mevcut modül işaretlemesini de denetleriz, bu nedenle erişilebilirlik stabiliteden ödün vermeden sitelerinizde sürekli olarak iyileşir.

Kısacası, mevcut modüllerinizde bile erişilebilirlik geliştirmeleri, bağımlı olduğunuz düzenleri ve uyumluluğu korurken yeni işaretleme yerine ince öznitelik güncellemeleri yoluyla bekleyebilirsiniz.

Web siteniz için erişilebilirlik neden önemlidir?

Erişilebilirlik sadece uyumluluk ile ilgili değildir; Bu, herkesin tam olarak etkileşime girebileceği kapsayıcı bir web oluşturmakla ilgilidir. Beaver Builder 2.10, yalnızca klavye ziyaretçilerinden ekran okuyucuları kullananlara kadar tüm kullanıcılar için daha pürüzsüz ve daha net bir deneyim sağlamaya yardımcı olur.

Sitenizi kapsayıcı hale getirerek, siz:

• Engelli insanlar da dahil olmak üzere daha geniş bir kitleye ulaşın
• Erişilebilirlik iyi tasarım uygulamalarıyla örtüştüğü için SEO ve kullanıcı deneyimini geliştirin
• Siz ve müşterileriniz için yasal riski azaltarak uyumluluk sağlayın

Erişilebilirliğe öncelik vererek, sadece güzel web siteleri oluşturmuyorsunuz, her ziyaretçi için anlamlı bir fark yaratıyorsunuz.

Erişilebilir Tasarım İçin Neden Beaver Builder'ı Seçin?

Erişilebilir web siteleri oluşturmak temel ile başlar. Beaver Builder 2.10, kaynaktaki ortak erişilebilirlik engellerini ortadan kaldırır. Her modül temiz semantik işaretleme ve uygun ARIA öznitelikleri ile birlikte gelir, böylece ekstra çaba harcamadan tamamen erişilebilir siteler oluşturabilirsiniz.

"İyi iş Beaver Builder! Dinlediğiniz için teşekkürler. Ne büyük bir gelişme." - Ann Marie Gill

Bu iyileştirmelerle, daha geniş bir kitleye ulaşabilir, SEO ve kullanılabilirliği geliştirebilir ve yasal riskleri azaltabilirken kapsayıcı bir deneyim sunabilirsiniz. Bu sadece bir başlangıç: Erişilebilirlik bir öncelik olarak kalacak ve Beaver Builder ekibi önümüzdeki yıl daha fazla ilerleme kaydetmeye kararlı.

Erişilebilir Tasarıma Başlayın

Daha derine dalmak ister misin? Web tasarım projelerinizde kullanabileceğiniz pratik stratejiler için Web Erişilebilirlik Tasarım İpuçları hakkındaki kılavuzumuza göz atın.

Erişilebilirlik bir ekip çabasıdır ve topluluk geri bildirimi yol haritamızı şekillendirmeye yardımcı olur. Herkes için Beaver Builder'ı geliştirmeye devam edebilmemiz için tüm kullanıcıları destek kanallarımız aracılığıyla erişilebilirlik sorunlarını raporlamaya teşvik ediyoruz.