許多網(wǎng)站設(shè)計(jì)人員和開發(fā)人員才剛剛開始理解網(wǎng)站可訪問(wèn)性的重要性。長(zhǎng)期以來(lái)，這個(gè)重要的方面已經(jīng)讓網(wǎng)站設(shè)計(jì)在最近幾年出現(xiàn)在設(shè)計(jì)思維的前沿里。如果您剛剛開始了解網(wǎng)站的可訪問(wèn)性，不要感到沮喪。因?yàn)榧词故鞘澜缟献畲蟮钠放仆ǔＲ矝](méi)有注意到這一點(diǎn)。事實(shí)上，在2019年，一位盲人起訴了達(dá)美樂(lè)，因?yàn)樗麄兊木W(wǎng)站不兼容屏幕閱讀軟件。而且，理所當(dāng)然地贏了！

網(wǎng)站應(yīng)該是人人都能訪問(wèn)的，特別是對(duì)殘疾人來(lái)說(shuō)。作為一個(gè)網(wǎng)站設(shè)計(jì)師，您的工作就是確保您設(shè)計(jì)的網(wǎng)站能夠服務(wù)于所有的用戶。

在這個(gè)時(shí)代，對(duì)網(wǎng)站可訪問(wèn)性有一個(gè)基本的了解對(duì)于所有的網(wǎng)站設(shè)計(jì)師和開發(fā)人員來(lái)說(shuō)都是很重要的。

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

WCAG和ADA是您在學(xué)習(xí)網(wǎng)站可訪問(wèn)性時(shí)會(huì)遇到的兩個(gè)術(shù)語(yǔ)。它們代表了網(wǎng)站內(nèi)容可訪問(wèn)性指南（WCAG）和美國(guó)殘疾人法案（ADA）。這些準(zhǔn)則是作為網(wǎng)站設(shè)計(jì)的標(biāo)準(zhǔn)而制定的，以使殘疾人士能夠訪問(wèn)這些網(wǎng)站。

當(dāng)您讓一個(gè)網(wǎng)站更易于訪問(wèn)時(shí)，您需要密切關(guān)注您的設(shè)計(jì)的許多方面。包括網(wǎng)站代碼，您在網(wǎng)站設(shè)計(jì)中使用的顏色，字體大小，與舊瀏覽器的兼容性，等等。

無(wú)論您是大公司品牌還是小公司網(wǎng)站，讓網(wǎng)站符合網(wǎng)站可訪問(wèn)性標(biāo)準(zhǔn)現(xiàn)在是至關(guān)重要的。

它為什么重要？

美國(guó)無(wú)障礙網(wǎng)站協(xié)會(huì)的第一起訴訟發(fā)生在2017年，并一路打到了聯(lián)邦法院。這一切都是因?yàn)榫W(wǎng)站與屏幕閱讀軟件不兼容。

想象一下，對(duì)于視障人士來(lái)說(shuō)，無(wú)法從網(wǎng)站上訂購(gòu)他們需要的產(chǎn)品是多么令人沮喪。尤其是在疫情大流行的時(shí)候，網(wǎng)上購(gòu)物是唯一安全購(gòu)物的方式。

讓您的網(wǎng)站對(duì)殘疾人開放不僅是為了避免訴訟，也是為了更好地服務(wù)您的客戶。

這里有一些快速的技巧來(lái)測(cè)試和提高您的網(wǎng)站的可訪問(wèn)性。

1.測(cè)試您的網(wǎng)站

讓您的網(wǎng)站無(wú)障礙的第一步是運(yùn)行一個(gè)網(wǎng)站審計(jì)，看看哪些設(shè)計(jì)領(lǐng)域需要改進(jìn)。

即使您使用了干凈的代碼并遵循了標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)準(zhǔn)則，您的網(wǎng)站仍然可能缺少一些重要的元素。比如在使用屏幕閱讀軟件時(shí)幫助描述圖像和視覺(jué)效果的媒體alt標(biāo)簽。

運(yùn)行一個(gè)網(wǎng)站可訪問(wèn)性測(cè)試將幫助您找到這些缺失的元素，這樣您就可以開始改進(jìn)您的網(wǎng)站。

一個(gè)好的開始是使用谷歌燈塔工具，它可以讓您免費(fèi)運(yùn)行一個(gè)網(wǎng)站審計(jì)。在許多其他方面，它也檢查網(wǎng)站的可訪問(wèn)性。您也可以使用WAVE工具，或者aCe輔助工具，它們只是用來(lái)測(cè)試網(wǎng)站的輔助功能。

2.使用網(wǎng)站可訪問(wèn)性解決方案

如果您的業(yè)務(wù)目標(biāo)受眾廣泛，最好找到一個(gè)更好的解決方案來(lái)測(cè)試您的網(wǎng)站，而不是僅僅依靠免費(fèi)的在線工具。

另外，您還需要確保隨著時(shí)間的推移，隨著需求和建議的變化和發(fā)展，遵從性。

同時(shí)，一旦您意識(shí)到網(wǎng)站需要改進(jìn)的地方，您就必須雇傭網(wǎng)站設(shè)計(jì)師、用戶體驗(yàn)設(shè)計(jì)師和開發(fā)人員來(lái)實(shí)現(xiàn)這些改變。一種更便宜、更快、更簡(jiǎn)單的方法是使用像accessiBe這樣的網(wǎng)站可訪問(wèn)性工具。

accessiBe可以與您的網(wǎng)站集成，自動(dòng)掃描和優(yōu)化您的設(shè)計(jì)的網(wǎng)站可訪問(wèn)性。它使用一個(gè)強(qiáng)大的AI（人工智能）為屏幕閱讀器軟件改進(jìn)您的網(wǎng)站內(nèi)容，優(yōu)化鍵盤導(dǎo)航，并調(diào)整許多其他用戶體驗(yàn)設(shè)計(jì)元素。

如果您是一個(gè)自由職業(yè)的網(wǎng)站設(shè)計(jì)師或代理，使用像accessiBe這樣的服務(wù)是一個(gè)很好的方法，使您的網(wǎng)站更容易訪問(wèn)快捷。

3.優(yōu)化網(wǎng)站用戶體驗(yàn)

用戶體驗(yàn)設(shè)計(jì)師的角色常常被許多品牌和企業(yè)在制作網(wǎng)站時(shí)所忽視，直到他們受到訴訟浪潮的沖擊。

即使是網(wǎng)站設(shè)計(jì)師也應(yīng)該對(duì)用戶體驗(yàn)設(shè)計(jì)（UXD）有一定的了解，以確保網(wǎng)站內(nèi)容被優(yōu)化以提供更好的體驗(yàn)。

需要關(guān)注的一些最重要的領(lǐng)域是：

導(dǎo)航：清晰的導(dǎo)航是網(wǎng)站至關(guān)重要的一部分。當(dāng)使用新的導(dǎo)航類型，如漢堡包菜單和百萬(wàn)菜單時(shí)要注意

文本：找到使您的文本在所有平臺(tái)、設(shè)備和瀏覽器上都可讀的理想字體和字體大小

表單：確保為每個(gè)字段添加標(biāo)簽，使表單更容易訪問(wèn)

按鈕和鏈接：避免為按鈕使用圖像。并使鏈接具有清晰的文本、顏色和url

4.選擇顏色友好的視覺(jué)效果

視覺(jué)障礙和色盲是世界上最常見的兩種殘疾，但是設(shè)計(jì)師經(jīng)常忘記讓他們的網(wǎng)站內(nèi)容對(duì)這些人來(lái)說(shuō)是可訪問(wèn)的。

當(dāng)您為您的網(wǎng)站設(shè)計(jì)選擇視覺(jué)效果時(shí)，這是您應(yīng)該經(jīng)?？紤]的。從背景和內(nèi)容的對(duì)比到圖片中使用的顏色，所有的東西都應(yīng)該經(jīng)過(guò)精心挑選，以使不同類型的視覺(jué)障礙的人都能看到它們。

例如，一些網(wǎng)站使用顏色來(lái)強(qiáng)調(diào)按鈕和鏈接的重要性。對(duì)于色盲的人來(lái)說(shuō)，這些按鈕將意味著完全不同的東西。

色盲網(wǎng)站過(guò)濾器是一個(gè)簡(jiǎn)單的免費(fèi)工具，您可以使用它來(lái)預(yù)覽您的網(wǎng)站，看看色盲的人是如何看到您的內(nèi)容的。還有其他工具可以用來(lái)優(yōu)化色盲的內(nèi)容。

5.使用內(nèi)容管理系統(tǒng)

網(wǎng)站的靈活性也會(huì)影響網(wǎng)站的可訪問(wèn)性，有了一個(gè)更靈活的網(wǎng)站，就更容易做出必要的改變來(lái)提高網(wǎng)站的可訪問(wèn)性。使用內(nèi)容管理系統(tǒng)（CMS）是實(shí)現(xiàn)這一目標(biāo)的好方法。

總結(jié)

讓更多的人訪問(wèn)您的網(wǎng)站，您不僅可以讓更多的人訪問(wèn)您的產(chǎn)品或服務(wù)，而且您還可以在競(jìng)爭(zhēng)中獲得優(yōu)勢(shì)。而且，您還可以避免很多麻煩，避免潛在的訴訟。