ビーバービルダーのアクセシビリティは、今後の2.10リリースで最優先事項であり、結果はそれ自体を物語っています。

Equalize Digitalの2025 WordPress Page Builder Accessibilityの比較によると、Beaver Builderのアクセシビリティスコアは48％から68％にジャンプし、 WordPressページビルダーのトップ3に移動しました。この20ポイントの改善は、すべての訪問者に機能する包括的なWebサイトを構築するのを支援するという当社のコミットメントを反映しています。

「（ビーバービルダーで）皆さんが仕事をしているので、それは素晴らしい仕事であり、アクセシビリティに優先順位を付けてくれてありがとう！」 - アンバーハインド

アクセシビリティの専門家Amber Hindsと彼女のチームは、実際のアクセシビリティ基準に対してページビルダーを評価しました。彼らのレポートは、建築業者が障害のある人にとってコンテンツを使用できるようにすることに成功または不十分な場所を強調しています。私たちの進歩が測定可能であり、これがあなたとあなたのクライアントにとって何を意味するかについてさらに興奮していることに興奮しています。

Beaver Builder 2.10のアクセシビリティで新しいもの

私たちのコミュニティからのフィードバックとEqualize DigitalのAmber Hindsからの専門家のガイダンスのおかげで、私たちのチームはビーバービルダーをこれまで以上にアクセスしやすくするために一生懸命働いてきました。

これらの更新の多くは、 DepRecation APIを通じて可能になります。これにより、既存のデザインを壊すことなく、新しいモジュールのマークアップとアクセシビリティを改善できます。これが変化していることです：

アコーディオンモジュール

• 改善されたセマンティクスのためにHTMLタグを更新しました。
• 視認性のためのフォーカスリングサイズの増加。
• イベントリスナーをkeypressからkeydownに変更しました。
• エスケープキーはタブを閉じます。
• フォーカスが外側に移動すると、すべてのアコーディオンアイテムが閉じます。
• 実装された適切なARIA属性。

コンテンツスライダーモジュール

• リンクへのより明確なフォーカスリング。
• 削減されたモーションの好みのサポート。
• フォーカスが変更されたときに自動再生を防止しました。
• aria-labelと役割属性を追加しました。
• キーボードナビゲーションが改善されました。
• スライダードットナビゲーションにフォーカスが追加されました。
• リストとボタンタグを使用してマークアップを更新しました。

ギャラリーモジュール

• divタグをリストタグに置き換えました。
• 非推奨divタグにARIAの役割を追加しました。

メニューモジュール

• 強化されたキーボードナビゲーション。
• 改善されたARIA属性と役割。
• 調整されたマークアップとサブメニューアイコンのサイジング。

写真モジュール

• アクセシビリティのベストプラクティスに従って、キャプション用にfigcaptionに切り替えました。

投稿モジュール

• コンテナをdivからulに変更しました。
• ポストコンテナフィールドに新しいオプションが追加されました。

ポストスライダー＆ポストカルーセル

• スライドがリストタグを使用するようになりました。
• ナビゲーションとページネーションの使用ボタンタグ。
• 改善されたARIA属性。
• すべてのコントロールに焦点を合わせます。

すべての投稿モジュール

• スクリーンリーダーとキーボードナビゲーションから隠された冗長リンク。

タブモジュール

• リンク/divの代わりに使用されるボタンタグ。
• 適切なARIA属性が追加されました。
• マークアップの変更は、Deprecation APIを介して新しいモジュールにのみ適用されます。

証言モジュール

• divからblockquoteに変更されました。
• 削減されたモーションの好みのためのサポートを追加しました。
• 新しい再生/一時停止ボタンオプションが利用可能です。

行の形

• アクセシビリティのための一般的なタイトル/説明を追加しました。

抜粋のあるモジュール

• より良いコンテキストのために、「続きを読む」テキストを改善しました。

後方互換性

アクセシビリティを改善する場合、安定性は進歩と同じくらい重要であることがわかります。そのため、Beaver Builder 2.10は、強化と後方互換性のバランスをとる慎重なアプローチを使用しています。

これがどのように機能しますか：

• モジュールDeprecation API ：主要なマークアップの変更を行うと（ <div>から<ul>タグに切り替えるなど）、これらの更新は新しいバージョンのモジュールで紹介されます。これは、ページに追加する新しいモジュールには改善されたマークアップが含まれますが、既存のモジュールはレイアウトを壊すことを避けるために変更されていません。
• 既存のモジュールは依然として利益をもたらします。新しいモジュールバージョンを作成した場合でも、既存のバージョンを監査して、ARIA属性、キーボードナビゲーション、およびその他の非壊れたアクセシビリティ機能を改善します。言い換えれば、古いバージョンと新しいバージョンの両方がアクセシビリティの改善を受け取りますが、新しいバージョンのみがマークアップの変更を受けます。
• 大きな変更だけでなく：一部の更新では、新しいモジュールバージョンがまったく必要ありません。そのような場合、ARIAの役割を調整したり、非推奨APIを使用せずに適切なキーボードインタラクションを確保するなど、直接改善します。
• 継続的なコミットメント：このプロセスは、将来のリリースで継続されます。マークアップの変更には新しいモジュールバージョンが必要なときはいつでも、既存のモジュールマークアップも監査するため、安定性を犠牲にすることなく、サイト全体でアクセシビリティが着実に向上します。

要するに、レイアウトと互換性を維持しながら、新しいマークアップではなく、微妙な属性の更新を使用して、現在のモジュールでもアクセシビリティの強化が期待できます。

あなたのウェブサイトにとってアクセシビリティが重要な理由

アクセシビリティは、コンプライアンスだけではありません。それは、誰もが完全にエンゲージできる包括的なWebを作成することです。 Beaver Builder 2.10は、キーボードのみの訪問者からスクリーンリーダーを使用している訪問者まで、すべてのユーザーにとってよりスムーズでより明確なエクスペリエンスを確保するのに役立ちます。

あなたのサイトを包括的にすることによって、あなた：

• 障害のある人を含む、より多くの聴衆にリーチします
• アクセシビリティが優れたデザインプラクティスと重複するため、SEOとユーザーエクスペリエンスを向上させる
• コンプライアンスを確保し、あなたとあなたのクライアントの法的リスクを減らす

アクセシビリティに優先順位を付けることで、美しいウェブサイトを構築するだけでなく、すべての訪問者に意味のある違いを生み出しています。

アクセス可能なデザインのためにビーバービルダーを選択する理由

アクセス可能なWebサイトの構築は、財団から始まります。 Beaver Builder 2.10は、ソースの一般的なアクセシビリティバリアを排除します。すべてのモジュールには、クリーンなセマンティックマークアップと適切なARIA属性が付属しているため、余分な労力をかけずに完全にアクセス可能なサイトを作成できます。

「素晴らしい仕事ビーバービルダー！聞いてくれてありがとう。なんて大きな改善でしょう。」 - アン・マリー・ギル

これらの改善により、より多くの視聴者にリーチし、SEOと使いやすさを改善し、法的リスクを減らすことができますが、すべて包括的なエクスペリエンスを提供できます。これはほんの始まりに過ぎません。アクセシビリティは優先事項であり続け、ビーバービルダーチームは今年でさらに進歩することに取り組んでいます。

アクセス可能なデザインを始めましょう

より深く潜りたいですか？ Webデザインプロジェクトで使用できる実用的な戦略のためのWebアクセシビリティデザインのヒントに関するガイドをご覧ください。

アクセシビリティはチームの努力であり、コミュニティのフィードバックはロードマップを形作るのに役立ちます。すべてのユーザーがサポートチャネルを通じてアクセシビリティの問題を報告することをお勧めします。そうすれば、すべての人のためにビーバービルダーを改善し続けることができます。