全球無障礙意識日的9個A11Y提示，如何創(chuàng)建優(yōu)質(zhì)的網(wǎng)頁

2018年5月17日是全球無障礙意識日，今天使今天成為考慮殘障，殘障人士或暫時不便的用戶體驗我們的包容性的理想時機。

2017年是網(wǎng)站可訪問性訴訟的重要一年。塞法斯（Seyfarth）和肖（Shaw）報告說，到年底，僅在美國，就有814項針對美國網(wǎng)站的ADA Title III聯(lián)邦訴訟。在這些案件中，最著名的也許是Juan Carlos Gil訴Winn-Dixie Stores，Inc?.。

盲人原告吉爾先生聲稱，其購物體驗必不可少的網(wǎng)站某些部分（例如商店定位工具和優(yōu)惠券生成器）無法通過其JAWS屏幕閱讀器訪問。該案在新聞中引起轟動的原因是：一個，因為它是同類案件中第一個進入聯(lián)邦法院的程序；第二，因為Winn-Dixie敗訴（以及訴訟過程中的大量金錢和部分聲譽）。

盡管吉爾先生并未試圖從Winn-Dixie網(wǎng)站上購買任何東西，但這仍然提出了一個重要問題，即法律要求哪些類型的企業(yè)才能使其站點可訪問。

因此，讓我們探討擁有可訪問網(wǎng)站的含義以及應(yīng)注意的網(wǎng)站類型。稍后，我們將研究杭州網(wǎng)站建設(shè)提出的9條建議，以確保您的網(wǎng)站遵守可訪問性規(guī)則。

?

什么是網(wǎng)站可訪問性？

網(wǎng)站可訪問性不是一個很難理解的概念。這僅表示網(wǎng)站具備向所有用戶提供體驗的能力，無論他們可能有任何殘障或傷害。而且這不僅僅在于能夠看到，閱讀或理解內(nèi)容。用戶需要像其他所有人一樣能夠瀏覽網(wǎng)站并完成交易。

您可能會因缺乏可訪問性而受到損害的種類感到驚訝。以下是一些較廣泛的類別：

• 視覺效果
• 聽覺
• 認知性
• 身體上的（考慮到手臂或手斷了的人）
• 地理位置（例如，生活在帶寬有限的區(qū)域中的用戶）

網(wǎng)站可訪問性旨在解決可能導(dǎo)致普通公眾無法使用專門為公眾消費而建立的網(wǎng)站的任何限制。

誰應(yīng)該遵守網(wǎng)站可訪問性規(guī)則？

Winn-Dixie訴訟很重要。它表明，您不必為法律要求向所有用戶提供完全可訪問的體驗而無需在網(wǎng)上明確出售任何商品或服務(wù)。最終重要的是，網(wǎng)站是否屬于《美國殘疾人法案》所定義的提供“?公共住宿?”?的類別。

在溫恩·迪克西（Winn-Dixie）一案中，法官裁定對雜貨店連鎖店不利，因為缺乏網(wǎng)站可訪問性會影響店內(nèi)體驗。但這并非總是如此。

在來自美國的另一起案件中，Blick試圖證明Andrews訴Blick Art Materials，LLC的爭端是，由于它僅在線銷售藝術(shù)品，因此從技術(shù)上講，它不屬于ADA定義的“公共住宿場所”規(guī)則。但是，法官在做出上述決定時提出了自己的觀點，即有一種與公眾打交道的業(yè)務(wù)（無論是面對面的還是在線的）都應(yīng)為提供可訪問的網(wǎng)站負責(zé)。

如果您要為打算提供服務(wù)或向公眾出售產(chǎn)品的企業(yè)或個人設(shè)計網(wǎng)站，那么從現(xiàn)在開始，網(wǎng)站可訪問性就必須成為您工作流程的一部分。

也就是說，請務(wù)必注意，這很可能是您從美國客戶處收到的更常見的請求。盡管在其他國家/地區(qū)已經(jīng)建立了網(wǎng)絡(luò)可訪問性法律，但大多數(shù)國家/地區(qū)都與政府和其他公共部門網(wǎng)站有關(guān)。在我們等待對這些法律進行修改以考慮更嚴格的Web訪問性法律時，將以下提示應(yīng)用于您的工作流程可能仍然是一個好主意。

?

網(wǎng)站可訪問性的設(shè)計和開發(fā)技巧

在下面，您將找到W3C和網(wǎng)站可訪問性倡議（WAI）的網(wǎng)站設(shè)計和開發(fā)技巧，以了解如何構(gòu)建更適合殘障用戶的網(wǎng)站。

1.使用正確的標記

出于多種原因，在文本中使用標題標簽很有幫助。首先，可視化的放大和風(fēng)格化文本層次結(jié)構(gòu)使內(nèi)容理解更加容易。但這在可訪問性中也起著重要的作用，因為頁面的標題標簽和隨后的頁眉標簽會在有障礙人士到達關(guān)鍵點時通知他們。

2.編寫描述性代碼

一些用戶依靠標記來找出屏幕上的內(nèi)容。因此，您將需要使用標記來提供他們在屏幕上看到的內(nèi)容的一些上下文。這應(yīng)該包括諸如language屬性之類的東西。

3.小心顏色

也要注意顏色選擇，尤其是與文本有關(guān)的顏色。當文本和背景之間的對比度較低時（通常在白色背景下使用較淺的字體，在深色背景下使用較暗的字體），對于用戶而言可能太難閱讀了。

依靠下劃線，懸停動畫，大型號召性用語按鈕和高對比度文字等強力指標。

該老年公寓網(wǎng)站確實具有高對比度的文本（也大文本）一個偉大的工作。

4.使用大文字

使用可以從任何設(shè)備或屏幕大小中合理讀取的字體大小。除此之外，您可能還想與一個工具集成，如果字體大小不足以滿足他們的需要，該工具可使用戶增加字體大小。

5.使鍵盤可訪問

一些訪問者將使用鍵盤訪問您的網(wǎng)站。

如果交互式元素（如菜單）不可標簽或無法通過鍵盤訪問，則將遇到嚴重的問題。

在消費者報告網(wǎng)站選項卡訪問。

6.創(chuàng)建超清晰表格

聯(lián)系表格是網(wǎng)站中的重要元素。

沒有它們，您將不得不依靠面對面的或電話的轉(zhuǎn)換（這不會吸引現(xiàn)代受眾）。因此，請?zhí)貏e注意這些。這里有一些提示：

• 提供有關(guān)如何填寫表格的說明。
• 在每個字段中添加描述性標簽和清晰標簽。
• 使表單字段按照它們出現(xiàn)的順序可標簽。
• 使用帶有感嘆號，陰影或警告符號的大而粗的錯誤消息向用戶指示問題。
• 不要使用CAPTCHA。

在美國退休人員協(xié)會網(wǎng)站上有一個良好的標記，易于填充聯(lián)系表格。

7.添加支持文字

為了確保每個人都可以使用您的視覺內(nèi)容，請?zhí)砑又С中晕谋尽?/span>

• 對于圖像，請使用描述文字和標題的替代文字。
• 對于視頻，請在其下方添加字幕或其中的活動字幕。
• 對于播客和其他音頻，請包括相應(yīng)的筆錄。

另外，請確保讓用戶控制自動播放的任何媒體，包括視頻，音頻剪輯和圖像滑塊。

Freakonomics包括其每個播客的成績單。

8.使用大量空白

如果頁面混亂，某些殘疾人可能很難專注于最重要的事情。使用足夠的空白空間來構(gòu)架網(wǎng)站中最重要的部分，同時還要為其提供足夠的呼吸空間以舒適地查看您的內(nèi)容。

9.包括方向提示

您可以通過網(wǎng)站的方向提示來引導(dǎo)用戶瀏覽網(wǎng)站的另一種方法。當然，導(dǎo)航是其中的重要部分。

您還可以添加面包屑以及強大的UI元素，以吸引用戶瀏覽整個頁面。如果所有其他方法均失敗，請在頂部添加搜索欄，以便他們可以立即查找所需內(nèi)容。

Nordstrom使用了豐富的導(dǎo)航提示。

包起來

總而言之，我想說，為網(wǎng)站提供網(wǎng)站可訪問性對各方都有利。您網(wǎng)站為所有用戶提供一致的高質(zhì)量體驗的能力將導(dǎo)致更長的頁面停留時間，更低的跳出率以及理想的更高的轉(zhuǎn)化率。反過來，這將使您的網(wǎng)站在搜索中獲得更有利的排名……誰不想這么做？