在美國開發無障礙網站的聯邦要求清單
在美國開發無障礙網站的聯邦要求清單
Jeff Jimerson BlockedUnblockFollow 2月26日
瞭解可訪問性
設計一個"可訪問"的網站意味著您為所有使用者提供相同的體驗，無論個人使用者可能擁有或不擁有的身體和認知能力。全球資訊網聯盟（W3C）採用這種方式： "可訪問性意味著殘疾人可以無障礙地與您的網站進行感知，理解，導航和互動"。
誰是W3C？他們是一個國際非政府組織，負責制定HTML和CSS的技術規範，以及安全性，線上支付和可訪問性的建議和最佳實踐。 W3C的網站可訪問性規則的國際黃金標準稱為 Web內容可訪問性指南（WCAG）。
聯邦法律說的是什麼
"康復法"第508條於1973年首次通過，1998年由國會修訂，要求聯邦機構向殘疾人提供電子資訊。這些規則最初是在網際網路的早期階段建立的，但是第508節在2017年進行了現代化以與WCAG保持一致。
實際上這意味著， 遵守508 條款 進行網站開發是WCAG合規性的同義詞。 雖然根據W3C，這些標準僅僅是最佳實踐"建議"，對於所有美國政府機構 - 以及接受聯邦資助的企業和組織 - 這些可訪問性標準是508條款下的要求。
ADA和508之間有什麼區別？
美國殘疾人法案（ADA）於1990年成為法律，要求州和地方政府，企業，非營利組織和工會為殘疾員工提供"合理便利"。 ADA是一項針對殘疾歧視的廣泛法律，適用於擁有15名或更多員工的代理機構和組織。雖然它沒有涉及有關網站開發的技術細節，但另一方面，第508節基本上告訴僱主如何遵守ADA。怎麼會這樣？通過WCAG。
除了ADA和508條款之外，還有其他聯邦法律涉及網站開發和電子資訊訪問的主題。例如， 2018年的"互聯政府法" 要求所有新的和重新設計的聯邦機構網站都可以通過移動裝置訪問。
WCAG可訪問性核對表
Web內容可訪問性指南（WCAG） 分為三個級別的一致性。這些大致轉化為"基本的東西"（A級），"基本的東西"（AA級），以及"月亮東西的射擊"（AAA級）。 W3C承認AAA可能無法實現，因此在大多數情況下，我們只包含前兩個級別的規則。此外，為了簡潔起見 - 並防止眼睛越過 - 我們省略了高度技術性和精細的建議。 （如果您想深入瞭解令人討厭的細節，W3C擁有 1,100多項技術規格 。）
以下是我們開發符合WCAG和Section 508標準的網站的快速參考清單。
1.為非文字內容提供文字替代方案
- 為視訊提供了字幕
- 為播客和其他基於音訊的內容提供了成績單
- Alt標籤用於描述影象，或者當輔助技術忽略裝飾影象時設定為null（即alt =""）
- 標籤用於按鈕和表單元素
- 除徽標外，文字不會放在影象中
2.使頁面佈局和內容適應性強
- CSS用於控制內容的視覺化呈現
- 元素之間的結構和關係在各種螢幕尺寸上是一致的
- 內容在桌面和移動裝置上以正確，有意義的閱讀順序呈現
- 內容迴流而不使用水平和垂直滾動
3.適當使用顏色
- 正文副本與周圍區域的對比度至少為4.5：1
- 標題和大文字與周圍區域的對比度至少為3：1
- 使用顏色傳達的資訊也可以在文字中找到
4.使文字可讀
- CSS用於控制文字的視覺化表示
- 文字行之間的間距（稱為行間距，行高或行距）至少是字型大小的1.5倍
- 段落之間的間距至少是字型大小的2倍
- 字母之間的間距（稱為字母間距或跟蹤）至少是字型大小的0.12倍
5.提供鍵盤和使用者控制元件
- 允許暫停，停止或隱藏任何移動，閃爍或滾動資訊的功能
- 允許暫停或停止音訊的功能
- 允許通過螢幕控制或通過網路瀏覽器的縮放功能調整文字大小 - 最高可達200％
- 如果在懸停時顯示內容，則提供解除/隱藏內容的功能
- 正確設定了Tab順序（例如，在表單中）
6.避免負面的身體反應（癲癇發作）
- 網站上沒有任何內容每秒閃爍超過三次
7.使用頁面標題
- 對於HTML頁面，Title標籤用於描述每個頁面的主題或目的
- 對於PDF，使用文件標題
8.使網站易於瀏覽
- 使用者的位置始終在一組頁面中可見。例如，這可以通過導航欄上的指示器（突出顯示活動頁面）， 麵包屑跟蹤 或通過提供PDF中的頁碼來實現。
- 提供至少兩種方式來定位網站內的每個頁面。例如，除了標準導航欄之外，還可以包括站點地圖，主頁上的頁面連結列表或搜尋框。 此規則的一個例外是作為步驟或過程的一部分的頁面，例如多頁調查或購物車結帳。
- 當在多個頁面上重複導航機制時（即在導航欄內），選單項每次重複時都以相同的順序顯示。
- 連結文字描述了連結的用途，包括在頁面內跳轉的錨鏈接。 （換句話說，不要使用"點選這裡。"）
公眾號：銀河系1號
聯絡郵箱：[email protected]
（未經同意，請勿轉載）