如何創建完全可訪問的網站的最佳實踐

已發表: 2022-06-04

眾所周知，我們都希望有盡可能多的網站訪問者訪問我們的網站。如今，設計和開發網站已經從極具創意的美學轉變為具有更快頁面速度的功能特性。不過，最近有一個改變遊戲規則的東西，一個太昂貴而無法忽視的東西：創建具有可訪問性的網站。

世界衛生組織 (WHO) 最近的殘疾報告顯示，大約 15% 的人患有某種殘疾。隨著當今的老齡化一代和慢性疾病（包括自身免疫性疾病）的迅速傳播，消除網絡障礙的需求不再是不可避免的。

雖然在談論無障礙時想到的最初想法是迎合殘疾人，但網頁無障礙是為了每個人的利益。 Web 可訪問性的概念最初是為了消除可能阻止任何人（尤其是殘障人士）訪問或在 Web 上交互的在線障礙。此外，隨著全球對容納殘疾人的意識不斷提高，一些有利於這些用戶的法規正在通過。這就是為什麼您需要開始考慮 ADA 合規性審計和 Web 可訪問性。

為什麼可訪問性變得越來越重要

可訪問性變得越來越重要，因為它為每個人，尤其是遭受某種形式的殘疾的人提供了平等的機會和機會。它使他們不受阻礙地進入，並鼓勵相互尊重和人人享有平等機會的環境。

例如，網絡已成為每個人都需要訪問的重要資源。可訪問的網絡尤其可以幫助殘疾人——它甚至可以極大地改善他們的日常生活。在線可訪問性可以幫助遭受各種形式殘疾（無論是永久性、暫時性、情境性或條件性殘疾）的人利用便捷的信息訪問、在線購買或請求服務。

不幸的是，在這個高度數字化的時代，仍然有許多在線障礙阻止許多用戶輕鬆瀏覽或使用網絡。插入 W3C（萬維網聯盟）的 WAI（Web 可訪問性倡議）——該組織發起了 Web 可訪問性的概念。 WCAG（Web 內容可訪問性指南）是一系列 Web 可訪問性指南的一部分，為開發網站的人們提供規則或標準。許多國家通過制定法規、政策或在線可訪問性最佳實踐來採用這些標準。

定義 Web 可訪問性

但在我們深入創建一個完全可訪問的網站之前，讓我們先簡要了解一下 Web 可訪問性的全部內容。

簡而言之，網絡可訪問性是一種包容性實踐，它確保沒有障礙阻止身體殘疾、情境殘疾以及帶寬和速度受到社會經濟限制的人與網絡上的網站進行交互。此外，一個可訪問的網站也應該適用於所有輔助設備。

通常，可訪問的站點具有通用設計。它的設計要求用戶付出最少的努力。它還應該是用戶友好的，並為每個人提供更好的在線體驗。

無障礙網頁應用

與流行的看法相反，Web 可訪問性的實施並不一定困難也不昂貴。通用設計網站標準已經是一種可訪問的設計。它認識到用戶有各種各樣的需求。因此，在您網站的初始設計期間，請考慮其基本價值。

簡單地結合併遵循 Web 可訪問性的可用性原則和標準將產生一個可訪問的網站。您可以從實施以下規則開始：

- 使用大的可點擊區域進行觸摸控制

避免使用小的可點擊目標，因為事實證明這對於運動受限的人、有視覺問題的人甚至手指尺寸較大的人來說都很麻煩。相反，使用大的點擊目標並啟用不會破壞您的網站的可調整大小的文本。建議使用 40x40 pt。觸摸控制的可點擊區域。

- 優先考慮文本清晰度

優先考慮文本清晰度，以避免有視覺問題的人在感知 Web 內容的文本或文本塊時遇到困難。

- 避免只依賴顏色

大約有 3 億色盲人，因此完全依賴顏色並不是一個好主意。在設計按鈕、卡片和其他 Web 功能/元素時，一個好的做法是也添加標籤，而不是只使用顏色。此外，請仔細選擇您的調色板和顏色對比，因為除了視力障礙外，一些用戶還有註意力問題和與顏色相關的心理敏感性。

- 描述性鏈接文本

通過描述文本中的所有鏈接來幫助用戶確定一個鏈接。這有助於清晰和可用性，特別是對於那些使用輔助設備的人。此外，強調所有可點擊的鏈接，並避免使用鏈接縮短。

- 為屏幕閱讀器訂購 HTML 內容

從本質上講，內容應該按邏輯順序組織，以便屏幕閱讀器用戶可以更好地理解它。訂購內容時，請使用 HTML，並禁用 CSS 和 JavaScript。這將使您能夠更好地評估您的內容是否可訪問。

- 支持鍵盤導航

通過在您的網頁設計中啟用全鍵盤導航，確保您的網站不需要使用鼠標。您應該允許標籤順序導航、箭頭鍵移動導航，並為所有可點擊鏈接保留文本錨點。

- 不要忘記遵循可訪問性清單

雖然上述做法將幫助您擁有一個可訪問的站點，但它並不完全全面。需要解決更多的可訪問性障礙，您可以做的最好的方法是遵循廣泛的資源，例如 WCAG。可訪問性清單概述了有關如何使您的網站可訪問的詳細信息。這些也是完整且國際公認的標準。

無障礙指南和無障礙聲明

可訪問性聲明作為您打算實現 Web 可訪問性原則的公開聲明。它表明您打算加入可訪問性功能，以使您的網站可供所有人使用和導航。在發布無障礙指南和聲明時，請使其簡潔且具有實質性。

可用性和可訪問性測試

可用性測試是指評估您網站的有用性。它通常基於幾個標準，例如可學習性、效率、可記憶性和用戶滿意度。

可訪問性測試是可用性測試的一個子集，通常涉及工具或真人（有某種形式的殘疾）來測試您網站的可訪問性。

最後的想法

Web 可訪問性為每個人提供了訪問 Web 的平等機會，而不必擔心遇到困難。事實上，為了有效地創建一個完全可訪問的站點，您應該嘗試設身處地為用戶著想。這將允許您從用戶的角度查看您的網站，從而使您能夠看到他們的需求。