什麼是無障礙網頁？

已發表: 2021-02-18

技術使我們可以輕鬆訪問互聯網上的任何內容。 借助 Web 可訪問性，最終用戶可以輕鬆連接、理解和感知信息，而不會遇到麻煩。 Web 可訪問性是殘障用戶的重要工具，它可以提供與萬維網更好的交互。

雖然它可以同時非常有用和令人生畏，但網絡可訪問性可以增強您的數字營銷已經不是什麼秘密了。 當您閱讀 Web 可訪問性的重要性 (1) 及其好處時，請考慮我們的指南，以創建對您的用戶更易於訪問的網站。 我的意思是，有什麼比深入研究可以啟發您對 Web 可訪問性的想法的指南更好的方法呢？

在這篇文章中
  • Web 可訪問性的重要性
  • 如何使 Web 可訪問
  • 無障礙網頁的優勢
  • 要避免的 Web 可訪問性問題
  • 網頁無障礙工具

為什麼 Web 可訪問性很重要？

Web 可訪問性能夠成功的原因有很多。 它是殘疾人積極參與的第一技術工具。 這將簡化殘疾人的體驗，並在數字營銷方面增強用戶體驗設計。

它讓更多的公司意識到用戶將通過這個新的設置功能得到認可，並通過您的銷售渠道增加轉化次數。

如何使 Web 可訪問

是的，殘疾人應該有權使用網絡，這是一個眾所周知的事實。 因此，網絡可訪問性在數字營銷中發揮作用的重要性。 這裡有多種解決方案可以幫助優化殘疾用戶的 Web 可訪問性。

  • 使用 Alt 標籤：

    Alt標籤或“alt描述”是用於圖像標籤的SEO工具，通過提供所述圖像標籤的文本替代品來幫助搜索引擎。 這些不僅可以幫助殘疾用戶通過簡短的描述更好地理解圖片。

  • 使用更好的表格：

    使用更好的表允許殘疾用戶更好地訪問。 對於 Web 開發人員來說，通過 Web 可訪問性創建一個簡單的表格需要兩件事：表格的標題和摘要。 創建完美表格的最佳策略是避免將其用作佈局設備，使其更易於理解。

  • 有鍵盤導航：

    我們並不是說您必須徹底考慮殘障用戶可以輕鬆訪問的內容，但為了他們的利益，最好使用簡單的鍵盤導航。 永遠不要創建可以被視為壓倒性和復雜的功能。 保持相當簡單就是我們所說的。

  • 默認 HTML 標籤：

    為您的用戶創建 Web 可訪問性時要考慮的另一個提示是永遠不要製作複雜的 HTML 標記。 對於閱讀屏幕的用戶來說，這些類型的標籤應該看起來簡單而乾淨。

  • 為媒體添加隱藏式字幕：

    顯然，某些媒體可能太難以看到或理解。 嘗試為支持音頻的視頻創建腳本並連接隱藏字幕。

  • 試試 ARIA 標籤：

    ARIA 或 Accessible Rich Internet Applications 是一種更簡單的 HTML 形式，可提供更多的可訪問性。 此功能對您的開發無障礙可以幫助用戶導航地標。 這可以包括位於頁面內的消息和按鈕。

  • 始終使用標題標籤：

    儘管可以選擇將其隱藏，但每個網站都有一個。 您的用戶需要知道他們正在查看和閱讀的內容。 在這種情況下，請放置標題標籤，以便他們了解您的頁面是關於什麼的。

Web 可訪問性的好處

網絡可訪問性不僅會吸引新客戶，還會為您的客戶旅程帶來更多的轉化次數。 最重要的是，找出為您的數字平台提供 Web 可訪問性的好處。

  1. 避免法律投訴和歧視

    由於美國殘疾人法案 (ADA)(2)，殘疾人可以像任何其他人一樣享受公共服務。 由於互聯網是一個公共領域，為您的網站創建網絡可訪問性將使您避免歧視殘疾用戶，並使您遠離任何法律問題。

  2. 更廣泛地接觸觀眾

    如前所述，網絡可訪問性不僅有助於殘疾成員訪問互聯網的其他部分。 它將為您提供廣泛的受眾，因為網絡可訪問性圍繞包容性的概念展開，從而導致您的銷售漏斗中的轉化率增加。

  3. 積極公關的建立

    重要的是讓您的消費者知道您支持網絡可訪問性以及它可以為殘障人士做些什麼。 擁有良好的公關對任何企業都是至關重要的 (3)，因此網頁可訪問性的重要性。 承諾為您的殘疾用戶建立網絡可訪問性以積極的方式為您的企業描繪了一個強大的形象。

  4. 搜索引擎優化改進

    尋求改善 SEO 方法的企業會發現網絡可訪問性完美地融入其中。 那麼，兩者之間的相關性主要涉及與殘疾用戶的溝通。 具體來說，這將指具有描述性的頁面標題和其他功能。

  5. 可用性增加

    借助網絡，可訪問性可以輕鬆導航。 這兩者結合在一起的事實創造了可用性增加的結果。 只要整個網站易於使用，殘疾用戶就可以在網絡上完成任何類型的任務。 這可能涉及關閉字幕、圖像標籤以及 ARIA 和默認 HTML 標籤。

  6. 編寫更高質量的代碼

    良好的編碼可以為您的 UX 設計帶來更大的好處。 Web 可訪問性的參與使其成為您必須編寫高質量代碼的更好理由。 這不僅可以提高 SEO 評級，還可以提高投資回報率。

（另請閱讀：成功網站的 4 個關鍵領域）

Web可訪問性中應避免的問題

  • 導航

    • Tab-through 訂單：如果沒有此 UX 功能，對於希望使用 Tab 鍵在瀏覽器上通過訂單進行選項卡的禁用用戶可能會出現更多問題。
    • 地標：地標負責頁面內容導航，並且在沒有它們的情況下讓用戶在整個頁面中迷路。

  • 網站結構

    • 獨特的標題：如果沒有堅實的基礎，這將導致網站的用戶友好性降低。
    • 標題：您的網站上缺乏正確的格式也會使禁用用戶在您的整個網站上感到困惑。
    • 列表：在頁面結構中沒有控制列表會導致您的網站對禁用的最終用戶的合規性降低。

  • 文本

    • 大小：整個文本的字體大小非常重要，因為您希望用戶輕鬆閱讀他們面前的內容。
    • 對比度：對比度與文本一起出現，因為您的用戶應該能夠看到文本本身以及大小。
    • 顏色：文本的顏色是用戶體驗設計師經常忘記的一個重要因素，因為顏色也會影響殘疾用戶對您網站的看法。

  • 圖片

    • 圖像而不是文本：不提供可以與圖片一起出現的文本是另一個 Web 可訪問性問題，因為某些用戶存在無法可視化圖像的殘疾。
    • 圖像文本：Web 可訪問性需要為任何類型的視覺媒體包括隱藏式字幕，這種做法通常會在針對殘疾用戶的 UX 設計中被忽略。
    • 顏色：這不僅適用於文本，也適用於圖像。 就像文本一樣，圖像的顏色不應該過於強烈。

  • 超鏈接

    • 清晰度：超鏈接其他來源應保持在最低限度，因為您希望用戶關注您的網站而不是其他來源本身。
    • 可讀性：能夠閱讀超鏈接是網頁可訪問性設計師的另一個障礙。
    • 獨特性：超鏈接應該是獨特的，但應該在其獨特性中表現出簡單性。

  • 多媒體

    • 視頻：如果無法輕鬆使用播放視頻，殘疾用戶會像任何其他最終用戶一樣錯過參與。
    • 音頻：伴隨視頻而來的音頻問題是網頁可訪問性設計師的另一個難題，因為一切都像多米諾骨牌效應一樣連接在一起。
    • 動畫：動畫對於殘疾用戶來說也可能是一個難題，因為動畫本身可能難以感知。

  • 形式

    • 導航：缺少表單導航對您的 Web 可訪問性和您的用戶不利，因為它只會將用戶引導至無處。
    • 說明和標籤：空表單標籤是 Web 可訪問性問題的一個示例，因為這是您的用戶將與之交互的最常見功能。

最佳網頁無障礙工具

  1. 互聯網無障礙局 (BOIA) 的 A11Y 合規平台
  2. 可訪問性清單 Elsevier
  3. Google 無障礙開發者工具
  4. Alfasado Inc. 的 ColorTester
  5. Tangaru 的對比查找器
  6. Indigo Design Company LLC 的 DYNO 映射器
  7. WebAIM 的 WAVE

最後的想法

Web 可訪問性就是關於我們如何幫助他人成為虛擬世界的一部分。 從某種意義上說，它可以拉近任何類型的用戶，尤其是殘疾用戶。 在這種情況下，通過 Web 可訪問性，您正在為人們創建解決方案，以便使用新的和改進的工具更好地感知信息。

儘管您可能會遇到問題，但最好看看情況的光明面，這就是您提升品牌的方式。 突出網絡可訪問性的總體好處是可以改變企業數字營銷計劃的轉化次數。 此外，Web 可訪問性是開發人員尋求解決方案以使功能對殘疾人更可用和更具包容性的關鍵。

相關文章：

使您的 B2B 網站更有趣的 3 個技巧

開發成功電子商務網站的技巧