Beaver Builder的可訪問性一直是我們即將發布的2.10版本中的重中之重，結果自然而然。

根據Equalize Digital的2025 WordPress頁面構建器可訪問性比較，Beaver Builder的可訪問性得分從48％躍升至68％ ，使我們進入WordPress頁面構建器的頂級三分之一。這個20點的改進反映了我們致力於幫助您建立適合每個訪客的包容性網站。

“大家（在Beaver Builder）一直在進行工作，這表明了！工作很棒，感謝您優先考慮可訪問性！” - 琥珀色

可訪問性專家Amber Hinds和她的團隊根據現實世界可訪問性標準評估了頁面構建者。他們的報告強調了建築商成功或在使殘疾人可用的內容方面取得成功的地方。我們很高興我們的進度是可以衡量的，並且對這對您和您的客戶意味著什麼更加興奮。

Beaver Builder 2.10可訪問性的新功能

得益於我們社區的反饋和Amber Hinds在均等數字的專家指導下，我們的團隊一直在努力使海狸建造者比以往任何時候都更容易獲得。

這些更新中的許多是通過我們的折舊API實現的，這使我們可以在不破壞現有設計的情況下改善新模塊的標記和可訪問性。這是什麼變化：

手風琴模塊

• 更新了用於改進語義的HTML標籤。
• 增加焦點環大小以供可見度。
• 將事件偵聽器從keypress更改為keydown 。
• 逃脫鍵現在關閉選項卡。
• 當焦點移出外面時，所有手風琴項目都關閉。
• 實施適當的ARIA屬性。

內容滑塊模塊

• 鏈接上更清晰的焦點環。
• 支持減少運動偏好。
• 當焦點更改時，可以防止自動播放。
• 添加了aria-label和角色屬性。
• 改進的鍵盤導航。
• 將重點添加到滑塊DOT導航中。
• 使用列表和按鈕標籤更新標記。

畫廊模塊

• 用列表標籤替換div標籤。
• 為棄用的div標籤添加了ARIA角色。

菜單模塊

• 增強的鍵盤導航。
• 改善的詠嘆調屬性和角色。
• 調整後的標記和子菜單圖標尺寸。

照片模塊

• 在可訪問性的最佳實踐之後，切換到字幕上的figcaption 。

帖子模塊

• 將容器從div更改為ul 。
• 在Post Container字段中添加了新選項。

帖子滑塊和柱旋轉木馬

• 幻燈片現在使用列表標籤。
• 導航和分頁使用按鈕標籤。
• 改善的詠嘆調屬性。
• 現在可以在所有控件上可見。

所有帖子模塊

• 從屏幕讀取器和鍵盤導航中隱藏的冗餘鏈接。

標籤模塊

• 使用的按鈕標籤代替鏈接/divs。
• 添加了適當的ARIA屬性。
• 標記更改僅適用於通過折舊API的新模塊。

推薦模塊

• 從div更改為blockquote 。
• 增加了對減少運動偏好的支持。
• 可用的新遊戲/暫停按鈕選項。

行形狀

• 添加了用於可訪問性的通用標題/描述。

帶有摘錄的模塊

• 改進的“閱讀更多”文本以獲得更好的上下文。

向後兼容

在提高可訪問性時，我們知道穩定性與進步一樣重要。這就是為什麼Beaver Builder 2.10使用仔細的方法，將增強功能與向後兼容性保持平衡的原因。

這是其工作原理：

• 模塊棄用API ：當我們進行重大的標記更改（例如從<div>切換到<ul>標籤）時，這些更新會在模塊的新版本中介紹。這意味著您添加到頁面上的任何新模塊都將包括改進的標記，而您的現有模塊保持不變，以避免打破佈局。
• 現有模塊仍然有益：即使我們創建新的模塊版本，我們也會審核現有版本以改善ARIA屬性，鍵盤導航和其他非破壞性可訪問性功能。換句話說，舊版本和新版本都可以獲得可訪問性的改進，但是只有新版本會更改標記。
• 不僅更改：有些更新根本不需要新的模塊版本。在這種情況下，我們進行了直接改進，例如調整ARIA角色或確保不使用棄用API的正確鍵盤交互。
• 持續的承諾：這個過程將在未來的版本中繼續進行。每當標記更改需要新的模塊版本時，我們也會審核現有的模塊標記，因此可訪問性會在不犧牲穩定性的情況下穩步改進您的網站。

簡而言之，即使在當前模塊中，您也可以通過微妙的屬性更新而不是全新的標記來期望可訪問性增強功能，同時保留您依賴的佈局和兼容性。

為什麼可訪問性對您的網站很重要

可訪問性不僅僅是合規性；這是關於創建一個包容性的網絡，每個人都可以完全參與其中。 Beaver Builder 2.10有助於確保從鍵盤訪問者到使用屏幕閱讀器的人，為所有用戶提供更順暢，更清晰的體驗。

通過使您的網站包含在內，您：

• 吸引更多的受眾，包括殘疾人
• 改善SEO和用戶體驗，因為可訪問性與良好的設計實踐重疊
• 確保合規性，減少您和您的客戶的法律風險

通過優先考慮可訪問性，您不僅僅是構建漂亮的網站，還會對每個訪客產生有意義的影響。

為什麼選擇Beaver Builder進行可訪問的設計

構建可訪問的網站始於基礎。 Beaver Builder 2.10消除了來源的常見可及性障礙。每個模塊都帶有乾淨的語義標記和適當的ARIA屬性，因此您可以在無需付出的努力的情況下創建完全可訪問的站點。

“不錯的工作，海狸建造者！感謝您的聆聽。這是一個很好的進步。” - 安·瑪麗·吉爾（Ann Marie Gill）

通過這些改進，您可以在提供包容性體驗的同時，吸引更廣泛的受眾，提高SEO和可用性，並降低法律風險。這僅僅是開始：可訪問性將是優先事項，而Beaver Builder團隊致力於在未來一年取得更大的進步。

開始使用無障礙設計

想深入研究嗎？查看我們可以在網絡設計項目中使用的實用策略的Web可訪問性設計提示。

可訪問性是團隊的努力，社區反饋有助於塑造我們的路線圖。我們鼓勵所有用戶通過我們的支持渠道報告可訪問性問題，以便我們可以繼續改善每個人的海狸建造者。