切換菜單

- 主頁
- 文章
- 社交媒體
- 符合 ADA 標準的網站：為殘疾用戶創建網站

# 符合 ADA 標準的網站：為殘疾用戶創建網站

已發表: 2016-04-12
作者
珍
麥考伊
類別
用戶體驗
數字平台

## 什麼是 ADA 合規性？

“《美國殘疾人法案》於 10 年簽署成為法律，旨在禁止歧視並保證殘疾人與其他所有人一樣有機會參與美國主流生活。” 這條重要的法律當然包括在線活動！ 對於殘障人士來說，如果網站沒有針對他們各自的需求進行適當優化，訪問網站可能會很困難。 請考慮以下內容，以更好地了解調整您的存在以滿足殘障人士需求的重要性：

- 在美國，大約有 5450 萬人患有某種類型的殘疾——佔總人口的 18.7%。
- 75 歲以上的人中有 53% 有殘疾，因此隨著嬰兒潮一代年齡的增長，這個數字只會增加。
- 訪問網站時的殘疾包括視力障礙、聽力損失和使用鍵盤和鼠標的身體挑戰。
- 此外，請考慮那些患有自閉症等精神障礙的人，因為在添加前端視覺效果或元素時這可能是一個挑戰。

## 您何時需要為您的網站考慮這一點？

雖然在許多情況下創建符合 ADA 的網站是一種對話，但往往有幾種情況是企業最常面臨的情況。 雖然這肯定不限於下面的列表，但這些情況通常是我們在與客戶合作時最常看到的情況，因此在您開始為自己的網站進行計劃時請記住它們。

- 您是否需要一個符合 ADA 標準的網站用於內部用途？ 這是否有助於提高您組織的工作效率？
- 貴公司是否有包含此內容的 CSR（企業社會責任）政策？
- 您的目標受眾中有很大一部分是否受損或殘疾？

## 視障用戶面臨的挑戰

視力受損的用戶（視野受限或完全失明）無法像非視力受損的用戶那樣與界面交互。 不僅盲人會在網站上出現視覺問題——很多時候普通用戶在閱讀某些字體大小、字體樣式甚至顏色選擇時可能會遇到問題。 解決方案：避免聽寫顏色和字體設置網站的設計應使其可以在用戶的 Web 瀏覽器和操作系統中使用顏色和字體大小進行查看。 弱視用戶必須能夠指定文本和背景顏色以及字體大小，才能看到頁面上的內容。

同樣，Facebook 的第一位盲人工程師也成為頭條新聞，因為他創造了一個令人難以置信的工具，幫助有視力障礙的 Facebook 用戶像他們的同行一樣使用流行的社交平台。 新程序識別朋友照片的一般但必不可少的元素，並通過音頻與用戶分享。 隨著這變得越來越“主流”，使用技術幫助殘障人士在線參與品牌和社區的重要性有望得到更廣泛的理解。

## 聽力損失用戶面臨的挑戰

雖然網站在視覺上可能不會構成任何挑戰，但包含視頻內容的趨勢意味著這些有價值的信息可能無法到達網站的一部分受眾。 聽力受損的用戶無法使用視頻或音頻指南。 解決方案：提供文本腳本不僅對 SEO 有好處，而且視頻的文本版本可以幫助與聽力和視力受損的用戶進行交流。

## 身體有問題的用戶面臨的挑戰

身體上的挑戰會削弱與擊鍵和使用鼠標交互的能力。 這可能會導致難以與號召性用語、按鈕或用戶輸入進行互動和互動。 如果項目太小或靠近頁面上的其他項目，則手或手指的有限使用會使用戶很難單擊項目。 解決方案：考慮簡化用戶路徑更大的 CTA 和交互元素之間的更多空間可以使身體受損的用戶更容易導航。 為確保您的網站對殘障人士而言“適合殘障人士”，請使所有可點擊項目的範圍更廣，以便有人可以輕鬆點擊“按鈕”周圍的區域，並且仍然會點擊。

## 有認知障礙的用戶面臨的挑戰

對於患有自閉症、腦損傷或癡呆症等認知障礙的人來說，佈局、設計和導航結構方面的問題可能會影響使用網站的能力。 學習障礙通常會導致難以消化內容中的語言或數字。 在網站上包含過多的設計元素或功能實際上會增加自閉症用戶的壓力水平。 解決方案：簡化任務雖然這始終是一個目標，但對於感覺超負荷的用戶而言，它更為重要。 限制可用選項的數量，為用戶提供有凝聚力和狹窄的決策結構，並避免使用同時執行的任務。

## 網頁設計流程和 ADA 合規性

在開始遵循適當的 ADA 指南的新網站設計項目時，考慮項目影響很重要，因為它將在整個過程中發揮作用。 考慮您的業務的注意事項、目標和需求：

- 這會滿足您的內部要求嗎？
- 您的設計和內容類型是否存在限制
- 你有預算來完成這個項目並測試它的可用性嗎？

從設計和開發的角度來看，必須記住根據這些指南創建網站確實需要額外的規劃、設計、開發和質量保證。 該項目的時間長度和成本可能超過您的平均網站設計項目，因為額外的：

- 可用性注意事項
- 字體和顏色限制
- 編碼要求
- 質量保證和測試需求
- 內容注意事項

## SEO和ADA對齊

隨著 SEO 在當今在線業務增長中發揮著如此重要的作用，看看 SEO 和 ADA 合規性的最佳實踐如何緊密結合是很有趣的。 搜索引擎重視可以為讀者提供最高價值和最佳用戶體驗的網頁，因此兩者的指南和最佳實踐如此緊密地相互反映也就不足為奇了：

- 在所有圖像上包含替代文字
- 鏈接應該有文字描述（不是“點擊這裡”）
- 為所有視頻使用文字描述
- 使所有 PDF 也以 HTML 格式提供
- 為表單使用描述性幻影文本

## 管理 ADA 合規性的基本注意事項

最終，在創建符合 ADA 的網站時，重要的是要考慮用戶以及殘障人士將如何實際使用該網站。 以下是基本注意事項列表，可作為您企業網站的簡單清單和指南：

- 為每個圖像、視頻或音頻文件和插件提供一個 alt 標籤
- 使用詳細的文字描述來配合複雜的圖形
- 替代描述應描述對象的用途
- 如果圖像也用作鏈接，則 alt 標籤應描述圖形和鏈接目標
- 在視頻中添加字幕
- 包括音頻描述和文本轉錄
- 創建指向視頻的鏈接，而不是將其嵌入到您的網頁中
- 數據表應具有使用標籤適當標識的列標題和行標題
- 表格單元格應與適當的標題相關聯 - 具有 id、標題、範圍或軸 HTML 屬性
- 提供可下載插件的無障礙頁面的鏈接
- 當表單控件是文本輸入字段時，使用 LABEL 元素
- ADA 創建了一份清單，以幫助指導決策和規劃過程。 其他機構的其他指南也可用於幫助作為確保網站可訪問性的監管觀點，包括 Web 內容可訪問性指南或美國康復法案第 508 節中的 Web 指南。 但是，沒有管理機構會定期審查網站以查看它們是否符合合規措施，因此您的企業有責任確保您正在採取適當的措施來適應您的用戶。

此塊已損壞或丟失。 您可能缺少內容，或者您??可能需要啟用原始模塊。
洞察力

##
相關文章

分享，謝謝！
如何優化移動設備的電子郵件：設計和內容

引導您的受眾進入轉化渠道並不一定很複雜。 找出使用哪些最佳實踐讓您的電子郵件在移動設備上正確有效地顯示。

閱讀更多
營銷活動策略：採取全渠道方法

簡化營銷活動策略流程是一項涉及和協作的任務。 閱讀有關企業和機構等應如何採取全渠道方法制定營銷計劃的信息。

閱讀更多
線上線下設計理念：打造一致品牌

設計是任何公司品牌的重要組成部分。 閱讀我們最新的博客文章，了解可以改善您品牌的在線和離線設計的技巧。

閱讀更多
社交媒體廣告的 10 個 Facebook 營銷技巧

有興趣了解 Facebook 營銷如何幫助您的品牌？ 閱讀我們最新的博客文章，了解我們在 Facebook 上製作廣告的 10 大技巧，以及如何最好地使用該平台提供的工具。

閱讀更多
5個可能損害您品牌的常見數字營銷錯誤

為確保您的品牌營銷計劃為成功做好準備，了解一些經常犯的常見錯誤非常重要，這樣您就知道應該避免什麼。 閱讀我們最新的博客文章以了解更多信息。

閱讀更多