Webflow 中可輕鬆觸及的元素

了解螢幕閱讀器和鍵盤可存取的 Webflow 元素。

您可以選擇從設計器中的「新增元素」面板發現元件並將其整合到專案中(例如,段、選項卡、視覺效果等)。元素標記為 無障礙 下面提供的圖表提供了對螢幕閱讀器和鍵盤導航的支持,而無需自訂程式碼。但是,您必須套用樣式來指示對某些元素的關注,以便它們完全可以透過鍵盤進行導航。

為了確保 Tab、Dropdown、Slider 和 Navbar 元件可以透過鍵盤完全訪問,必須在焦點狀態上建立焦點樣式(稱為「視覺焦點」)。這樣,使用鍵盤進行導航的用戶(例如高級用戶或行動不便的個人)可以輕鬆地在網站中找到方向。視覺焦點包括導航期間活動元素的可見指示,對於依賴鍵盤導航的使用者至關重要。有關設定焦點狀態樣式的更多信息,請參閱相關資源。

您還可以透過在元素的文字內容與元素或頁面的背景顏色之間保持適當的顏色對比來確保這些元件可存取。可以獲得有關對比度的進一步見解。

成分螢幕閱讀器 (ARIA) + 可使用鍵盤

選項卡

無障礙*
申請 聚焦狀態 風格:
1. 選項卡連結或所有鏈接

落下

無障礙*
申請 聚焦狀態 風格:
1. 下拉切換
2. 下拉鏈接或所有鏈接

圖片

無障礙

按鈕、連結區塊

無障礙

部分

無障礙

按鈕、連結區塊

無障礙

清單

無障礙

收藏清單

無障礙

導覽列

無障礙

滑桿

無障礙*
申請 聚焦狀態 風格:
1. 向左箭頭
2. 右箭頭
3.滑桿點(手動設定.w-slider-dot:focus CSS)

搜尋

無障礙

燈箱

無障礙

影片、YouTube、背景視頻

無障礙

地圖

無障礙

上傳文件

無障礙

結構

無障礙

線上購物(購物車、加入購物車、線上付款、PayPal、結帳)

無障礙

社群網路(Facebook、Twitter)

無障礙

提供回饋

我們感謝有關 Webflow 無障礙功能的持續回饋。如需提供回饋,請發送電子郵件至我們的團隊: [email protected].

我們也鼓勵您與我們和其他用戶聯繫 Webflow論壇。透過在中分享您的想法 Webflow 願望清單,您可以為您和您的網站訪客創建更易於訪問的產品做出貢獻。

麥伊凡
Ewan Mak 的最新帖子 (看全部)