網(wǎng)站可訪問性不是一個(gè)很難理解的概念

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

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

盲人原告吉爾先生聲稱，其購物體驗(yàn)必不可少的網(wǎng)站某些部分（例如商店定位工具和優(yōu)惠券生成器）無法通過其JAWS屏幕閱讀器訪問。該案在新聞中引起轟動(dòng)的原因是：一個(gè)，因?yàn)樗峭惏讣械谝粋€(gè)進(jìn)入聯(lián)邦法院的程序；第二，因?yàn)閃inn-Dixie敗訴（以及訴訟過程中的大量金錢和部分聲譽(yù)）。

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

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

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

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

您可能會(huì)對(duì)因缺乏可訪問性而受到影響的各種損害感到驚訝。以下是一些較廣泛的類別：

• 視覺效果
• 聽覺
• 認(rèn)知性
• 身體上的（考慮到手臂或手?jǐn)嗔说娜耍?/span>
• 地理區(qū)域（例如，生活在帶寬有限的區(qū)域中的用戶）

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

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

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

在溫恩·迪克西（Winn-Dixie）案中，法官裁定對(duì)雜貨店連鎖店不利，因?yàn)槿狈W(wǎng)站可訪問性會(huì)影響店內(nèi)體驗(yàn)。但這并非總是如此。

在來自美國的另一起案件中，Blick試圖與Andrews訴Blick Art Materials，LLC爭辯，因?yàn)樗鼉H在線銷售藝術(shù)品，因此從技術(shù)上講，它不屬于ADA定義的“公共住宿場所”規(guī)則。但是，法官在作出上述決定的時(shí)候提出了以下理解，即，與公眾打交道的任何業(yè)務(wù)（無論是面對(duì)面的還是在線的）都應(yīng)為提供可訪問的網(wǎng)站負(fù)責(zé)。

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

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

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

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

1.使用正確的標(biāo)記

出于多種原因，在文本中使用標(biāo)題標(biāo)簽很有幫助。首先，經(jīng)過放大和風(fēng)格化的文本的視覺層次結(jié)構(gòu)使內(nèi)容理解更加容易。但這在可訪問性中也起著重要的作用，因?yàn)轫撁娴臉?biāo)題標(biāo)簽和隨后的標(biāo)題標(biāo)簽會(huì)通知?dú)堈先耸亢螘r(shí)到達(dá)關(guān)鍵點(diǎn)。

2.編寫描述性代碼

一些用戶依靠標(biāo)記來找出屏幕上的內(nèi)容。因此，您將需要使用標(biāo)記來提供他們?cè)谄聊簧峡吹降膬?nèi)容的一些上下文。這應(yīng)該包括諸如language屬性之類的東西。

3.注意顏色

也要注意顏色選擇，尤其是與文本有關(guān)的顏色。當(dāng)文本和背景之間的對(duì)比度較低時(shí)（通常是白色背景的字體較淺或深色背景的較暗字體），用戶閱讀起來可能會(huì)太困難。

依靠下劃線，懸停動(dòng)畫，大型號(hào)召性用語按鈕和高對(duì)比度文字等強(qiáng)力指標(biāo)。

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

4.使用大文字

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

5.使鍵盤可訪問

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

如果交互式元素（如菜單）不可標(biāo)簽或無法通過鍵盤訪問，那么您將遇到嚴(yán)重的問題。

在消費(fèi)者報(bào)告網(wǎng)站選項(xiàng)卡訪問。

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

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

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

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

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

7.添加支持文字

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

• 對(duì)于圖像，請(qǐng)使用替代文字來描述照片以及標(biāo)題。
• 對(duì)于視頻，請(qǐng)?jiān)谄湎路教砑幼帜换蚱渲械幕顒?dòng)字幕。
• 對(duì)于播客和其他音頻，請(qǐng)包括相應(yīng)的筆錄。

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

Freakonomics包括其每個(gè)播客的成績單。

8.使用大量空白

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

9.包括方向提示

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

杭州網(wǎng)站建設(shè)加面包屑以及強(qiáng)大的UI元素，以吸引用戶瀏覽頁面。如果所有其他方法均失敗，請(qǐng)?jiān)陧敳刻砑铀阉鳈?，以便他們可以立即查找所需?nèi)容。