無障礙登陸頁面 – 根據網頁內容無障礙指南調整登陸頁面

India Data Forum Inspires Data-Driven Strategies
Post Reply
arafatenzo248
Posts: 20
Joined: Tue Dec 03, 2024 4:43 am

無障礙登陸頁面 – 根據網頁內容無障礙指南調整登陸頁面

Post by arafatenzo248 »

網路內容無障礙指南 (WCAG) 是一套國際公認的建議,遵循這些建議可以使殘障人士更容易存取網站和線上內容。當然,創建用戶友好的網頁內容在全球範圍內被視為良好做法;然而,一些國家可能會以不同的方式調整其針對 WCAG 的法律。話雖如此,在建立著陸頁時,請確保它符合您所在國家/地區的法律標準。

使用智慧部分讓您的部分變得聰明並擺脫平凡的手動任務!管理批量變更的簡單方法。
什麼是智慧版塊?
讓您的目標網頁易於存取且可用
遵循WCAG標準可以讓您確保您的目標網頁能夠為最廣泛的受眾所理解。符合 WCAG 的頁面應滿足四個主要的可訪問性原則:可感知、可操作、可理解和穩健。本文將引導您了解幾種使您的 Landingi 登陸頁面更容易存取的方法。

登陸頁 x 網路無障礙指南
導航
您的頁面應該易於導航和使用,無 韩国电话号码库 需滑鼠或觸控板。確保訪客可以使用鍵盤在您的目標網頁上移動 - 您可以按 Tab 或 Shift+Tab 鍵來檢查此類導航的可用性。請記住添加電話號碼、電子郵件地址和選單的替代鏈接,因此此導航方法不適用於純文字。

在 Landingi 中,表單(包括所有欄位)、按鈕或視訊小工具可以透過鍵盤使用。您無需配置任何其他設定。

可存取的聯繫數據
檢查所有元素的可訪問性 - 如果其中一個元素不夠可用,您應該提供替代方案。這尤其適用於聯絡人資料。

如果「幫助」和「聯絡」資訊位於多個子頁面上,則它們應始終以相同的順序放置在頁面上的相同位置。

固定選單/頁腳中的聯絡數據
電話號碼、通訊地址或電子郵件地址可以放置在目標網頁的選單或頁腳中,並固定在頁面的頂部或底部。固定元素在網站上始終可見,即使在滾動期間也是如此。請記住,您不能同時固定兩個元素。閱讀有關 Landingi 中固定菜單的更多信息,將其添加到您的著陸頁。

活躍的聯繫鏈接
若要透過鍵盤提供聯絡人數據,請將其寫入活動的替代連結表單中。這樣,使用 Tab 和 Enter 導航的使用者就能夠開啟預設電子郵件軟體或啟動新的 SMS。檢查如何在 Landingi 中使用替代重定向連結。

多步驟形式
如果您選擇使用多步驟表單(漏斗),請勿要求重新輸入先前輸入的資料。

Image


圖像的替代文本
為視覺內容提供文字替代方案——這樣,即使是失明和視力受損的人也可以理解著陸頁上的圖像。替代文字應簡要且相關地描述圖形元素或其功能。

在 Landingi 中,要為著陸頁上的圖像添加替代文本,請轉到編輯器,單擊圖像,然後在右側工具列中找到 SEO/共享選項卡。展開它並輸入您的描述。

有時替代文本是不夠的。如果您的圖像更複雜,請在其旁邊添加文字並建立更詳細的描述。

調整後的手機版本
越來越多的用戶在行動裝置上造訪登陸頁面。透過調整水平和垂直方向的移動視圖來簡化他們的體驗。在 Landingi 編輯器中,您可以透過以下方式調整登陸頁面行動視圖:

隱藏一些元素或小部件;
更改文字和圖像大小;
改變元素的顏色;
調整元素的位置;
更改部分或整個登陸頁面的背景。
在 Landingi 編輯器中閱讀有關移動視圖的更多信息,調整和發布您的著陸頁,並在您的智慧型手機上檢查您的頁面是否正常工作。

頁面標題
提供幫助使用者確定他們所在位置的方法。對於殘疾或缺乏經驗的訪客來說,能夠識別他們正在瀏覽的頁面主要不是舒適的問題,但首先也是最重要的是,這是他們進行網路導航的基礎知識。

可以透過頁面標題來區分頁面 - 它們顯示在瀏覽器標籤上。若要為您的目標網頁新增標題,請前往頁面設定並調整SEO/社交分享標籤。
Post Reply