了解什么是網(wǎng)站可訪問(wèn)性，為什么它是一項(xiàng)重要的投資，以及成都小程序設(shè)計(jì)中它如何幫助您提高品牌忠誠(chéng)度。
網(wǎng)站可訪問(wèn)性確保所有訪問(wèn)者，無(wú)論能力如何，都能在您的網(wǎng)站上獲得 無(wú)縫體驗(yàn) 。不幸的是，許多網(wǎng)站不符合網(wǎng)站可訪問(wèn)性最佳實(shí)踐和指南，這使得殘障用戶的體驗(yàn)變得困難。
這個(gè)問(wèn)題的解決方案是讓您的網(wǎng)站——包括格式、結(jié)構(gòu)、導(dǎo)航、視覺(jué)效果和書(shū)面內(nèi)容——對(duì)所有人都具有包容性。換句話說(shuō)，您需要優(yōu)先考慮網(wǎng)站可訪問(wèn)性。
網(wǎng)站可訪問(wèn)性是使網(wǎng)站可供所有訪問(wèn)者使用的做法，包括那些有殘疾、障礙和限制的訪問(wèn)者。網(wǎng)站可訪問(wèn)性涉及遵循某些設(shè)計(jì)原則，這些原則確保遇到困難或限制的人與沒(méi)有遇到困難或限制的人有相同或相似的經(jīng)歷。這可確保每個(gè)用戶都可以訪問(wèn)您的內(nèi)容。
那么，誰(shuí)負(fù)責(zé)網(wǎng)絡(luò)無(wú)障礙計(jì)劃并努力在整個(gè)互聯(lián)網(wǎng)上實(shí)施它？答案是萬(wàn)維網(wǎng)聯(lián)盟 (W3C) 的網(wǎng)站可訪問(wèn)性倡議 (WIP)成員。這些組織負(fù)責(zé)發(fā)布網(wǎng)站內(nèi)容可訪問(wèn)性指南 (WCAG) （我們將在下面對(duì)其進(jìn)行審查）和相關(guān)內(nèi)容。
如前所述，網(wǎng)絡(luò)可訪問(wèn)性使您的網(wǎng)站及其內(nèi)容對(duì)所有訪問(wèn)者而言更加用戶友好且易于理解。這包括那些有殘疾和限制的人，例如：
失明
低視力
學(xué)習(xí)障礙
認(rèn)知障礙
耳聾
聽(tīng)力損失
言語(yǔ)障礙
身體殘疾
網(wǎng)站可訪問(wèn)性不是可選的；它是必備的，這就是為什么網(wǎng)站可訪問(wèn)性很重要。通過(guò)優(yōu)先考慮站點(diǎn)的可訪問(wèn)性級(jí)別，您將增強(qiáng)所有訪問(wèn)者的用戶體驗(yàn)——包括訪問(wèn)您站點(diǎn)的殘障人士或行動(dòng)不便者。
您還將展示貴公司對(duì)包容性的承諾。通過(guò)這樣做，您可以向訪問(wèn)者、潛在客戶和客戶表明您重視和關(guān)心他們作為個(gè)體——作為回報(bào)，這項(xiàng)投資將提高您的品牌忠誠(chéng)度和擁護(hù)度。
在這一點(diǎn)上，滿足網(wǎng)絡(luò)可訪問(wèn)性標(biāo)準(zhǔn)聽(tīng)起來(lái)像是正確的事情（而且確實(shí)如此）——但法律是否要求您這樣做？
長(zhǎng)話短說(shuō)，除非您運(yùn)營(yíng)政府網(wǎng)站，否則沒(méi)有任何與網(wǎng)站可訪問(wèn)性相關(guān)的可執(zhí)行法律。在這種情況下，您必須遵守《康復(fù)法》第508條的指導(dǎo)方針。
但是，僅僅因?yàn)榫W(wǎng)絡(luò)可訪問(wèn)性不是正式法律并不意味著您的企業(yè)會(huì)自動(dòng)避免訴訟。有許多大公司因缺乏可訪問(wèn)的網(wǎng)站而被起訴的案例。
事實(shí)上，在2017年至2018年間，聯(lián)邦法院提起的訴訟數(shù)量增加了181% 。
例如，在吉爾訴溫迪克西 (Gil v. Winn-Dixie) 案的判決中，法院裁定網(wǎng)站可能構(gòu)成美國(guó)殘疾人法案(ADA)下的“公共設(shè)施” 。
換句話說(shuō)，對(duì)于擁有實(shí)體店和網(wǎng)站的企業(yè)，可以認(rèn)為他們的網(wǎng)站與其實(shí)體店位置高度集成。因此，他們的網(wǎng)站可以被視為通往其實(shí)體店位置的“門(mén)戶”。
因此，網(wǎng)站構(gòu)成ADA涵蓋的“公共設(shè)施服務(wù)”。換句話說(shuō)，網(wǎng)站應(yīng)該符合可訪問(wèn)性標(biāo)準(zhǔn)。
在Domino's Pizza訴Guillermo Robles案中，法院裁定Robles勝訴，他是一名盲人，盡管使用了屏幕閱讀軟件，但仍無(wú)法通過(guò)Domino的網(wǎng)站和應(yīng)用程序訂購(gòu)食物。
在這種情況下，美國(guó)第 9 巡回上訴法院小組表示，“......據(jù)稱達(dá)美樂(lè)網(wǎng)站和應(yīng)用程序無(wú)法訪問(wèn)阻礙了對(duì)其實(shí)體披薩特許經(jīng)營(yíng)權(quán)的商品和服務(wù)的訪問(wèn) - 這些是公共場(chǎng)所。”
為避免法律糾紛——或只是將訪問(wèn)者拒之門(mén)外——請(qǐng)確保您的網(wǎng)站不會(huì)阻止任何人使用、瀏覽或獲取您共享的任何信息。
做到這一點(diǎn)的最佳方式是遵守WCAG——接下來(lái)讓我們回顧一下這些指導(dǎo)方針和標(biāo)準(zhǔn)。
最新的WCAG在創(chuàng)建無(wú)障礙網(wǎng)站時(shí)陳述了四項(xiàng)主要原則。在這四項(xiàng)原則中，是您可以隨時(shí)隨地在您的網(wǎng)站上參考和應(yīng)用的網(wǎng)絡(luò)可訪問(wèn)性指南。
訪問(wèn)者必須能夠感知或理解并了解您網(wǎng)站上顯示的內(nèi)容和信息。
請(qǐng)記住，“感知”并不一定意味著“用眼睛看”——盲人或視力不佳的用戶經(jīng)常使用屏幕閱讀器軟件，它將打印文本轉(zhuǎn)換為合成語(yǔ)音或盲文字符。在創(chuàng)建和更新站點(diǎn)時(shí)考慮這些用戶。
可以在不以任何方式打擾用戶的情況下使用可操作的網(wǎng)站。所有訪問(wèn)者都可以使用站點(diǎn)功能的每個(gè)部分，從瀏覽頁(yè)面到從菜單中選擇鏈接，再到播放和暫停視頻和音頻。一般來(lái)說(shuō)，最可操作的網(wǎng)站都是簡(jiǎn)單的。此外，許多人放棄了任何可能妨礙殘疾和限制用戶的多余功能。
您網(wǎng)站上的所有內(nèi)容——包括您的書(shū)面和圖形設(shè)計(jì)內(nèi)容——都應(yīng)該易于訪問(wèn)者理解。不僅您的典型訪問(wèn)者難以理解混亂、冗長(zhǎng)的語(yǔ)言，它還限制了那些有認(rèn)知困難和障礙的人以及不會(huì)說(shuō)您網(wǎng)站主要語(yǔ)言的人的訪問(wèn)。保持易消化。
這個(gè)原則也適用于您網(wǎng)站的結(jié)構(gòu)。您的頁(yè)面需要直觀地組織，并且您的導(dǎo)航在大多數(shù)（如果不是全部）頁(yè)面上可供訪問(wèn)者使用。
您網(wǎng)站上的內(nèi)容應(yīng)該易于所有訪問(wèn)者理解和使用，包括使用屏幕閱讀器等輔助技術(shù)的訪問(wèn)者。要實(shí)現(xiàn)這一點(diǎn)，請(qǐng)編寫(xiě)允許輔助技術(shù)在沒(méi)有視覺(jué)參考的情況下解析代碼的HTML。
回顧以上原則后，您可能會(huì)意識(shí)到您的網(wǎng)站并不完全符合這些標(biāo)準(zhǔn)。或者，也許您通過(guò) 可訪問(wèn)性測(cè)試工具運(yùn)行您的網(wǎng)站，但沒(méi)有獲得最高分。
無(wú)論哪種方式，WCAG都為您可以立即實(shí)施的上述四項(xiàng)原則中的每一項(xiàng)提供了若干具體指南。讓我們進(jìn)一步解讀這些指南。或者，要更全面地查看這些指南，請(qǐng)參閱我們 完整的網(wǎng)絡(luò)可訪問(wèn)性清單。
提供替代文本： 您頁(yè)面上的所有非文本項(xiàng)目（包括圖像、視頻和音頻內(nèi)容）都必須有替代文本，以便視力不佳的人能夠理解它們。 圖像替代文本 是滿足此準(zhǔn)則的最常見(jiàn)方法，建議您為網(wǎng)站上的每個(gè)非裝飾性圖像包含替代文本。對(duì)于裝飾性圖像，包括alt屬性但將其留空，即：
這告訴屏幕閱讀器圖像存在，但它可以忽略圖形。雖然圖像替代文本是必不可少的，但請(qǐng)記住為您網(wǎng)站的其他元素提供替代文本，例如輔助技術(shù)難以解釋的圖形或表格。此外，確保您在編寫(xiě)替代文本時(shí)遵循最佳做法。
提供使用基于時(shí)間的媒體的替代方式： 基于時(shí)間的媒體包括音頻和視頻內(nèi)容。對(duì)于音頻內(nèi)容，請(qǐng)?zhí)峁┩暾匿浺舾北尽?duì)于視頻，確保字幕與音頻同步。這兩者都可以幫助聽(tīng)力能力有限的用戶。
以適應(yīng)性強(qiáng)的方式構(gòu)建內(nèi)容： 此指南意味著編寫(xiě)HTML文件，以便在刪除頁(yè)面樣式時(shí)不會(huì)丟失預(yù)期的信息和結(jié)構(gòu)。例如， 適當(dāng)?shù)臉?biāo)題、有序和無(wú)序列表元素以及 粗體 和 斜體 文本傳達(dá)信息。
讓您的內(nèi)容易于查看和聽(tīng)到： 對(duì)于有視力的人來(lái)說(shuō)， 利用顏色對(duì)比至關(guān)重要 ，這樣每個(gè)人（包括色盲者）都可以閱讀您的內(nèi)容并理解您想要傳達(dá)的任何視覺(jué)信息。此外，用戶應(yīng)該能夠調(diào)整您網(wǎng)站上的任何背景音頻或完全停止音頻播放。
一些網(wǎng)站，例如Quam的網(wǎng)站有一個(gè)切換選項(xiàng)，因此訪問(wèn)者可以選擇他們的顏色對(duì)比度。
通過(guò)鍵盤(pán)確保完整的功能： 一些瀏覽您站點(diǎn)的用戶不會(huì)使用鼠標(biāo)或觸摸板。因此，您網(wǎng)站上的所有功能都應(yīng)該可以僅通過(guò)鍵盤(pán)訪問(wèn)。例如，tab鍵應(yīng)該讓用戶在頁(yè)面上的可選元素之間跳轉(zhuǎn)，而enter/return鍵應(yīng)該“單擊”焦點(diǎn)元素。
提供充足的時(shí)間與您的網(wǎng)站互動(dòng)： 允許用戶在合理的時(shí)間限制內(nèi)閱讀、觀看和使用您網(wǎng)站上的各種內(nèi)容類型。如果您網(wǎng)站上的任何操作包括時(shí)間限制，則應(yīng)允許用戶延長(zhǎng)或取消它。此準(zhǔn)則也適用于 可訪問(wèn)的下拉菜單：如果用戶從鼠標(biāo)中脫離菜單，在菜單消失之前設(shè)置一個(gè)時(shí)間延遲是一個(gè)好習(xí)慣。
避免閃爍內(nèi)容：根據(jù)W3C的說(shuō)法，每秒閃爍 3 次以上的內(nèi)容會(huì)引發(fā)癲癇發(fā)作。最好避免這種情況。如果出于某種原因您不能這樣做，則必須提供警告。
提供導(dǎo)航以幫助用戶知道他們?cè)谀睦镆约八麄兛梢匀ツ睦铮?清晰的頁(yè)面標(biāo)題、有意義的鏈接、鍵盤(pán)焦點(diǎn)指示器和適當(dāng)?shù)臉?biāo)題都會(huì)向用戶發(fā)出他們?cè)谀W(wǎng)站上的位置以及哪些元素是可點(diǎn)擊鏈接的信號(hào)。
使文本內(nèi)容可讀： 在起草內(nèi)容時(shí)考慮潛在受眾的全部范圍。您的文章應(yīng)該能被許多讀者理解，包括那些學(xué)習(xí)您網(wǎng)站的母語(yǔ)的讀者。避免使用高度專業(yè)化的行話和地方俚語(yǔ)。
合理地構(gòu)建您的頁(yè)面： 在規(guī)劃您網(wǎng)站的結(jié)構(gòu)和導(dǎo)航時(shí)，以一種讓訪問(wèn)者感覺(jué)直觀的方式放置您的導(dǎo)航鏈接和頁(yè)面。這包括將導(dǎo)航放在首屏之上，最常見(jiàn)的是在頁(yè)面的頁(yè)眉（和頁(yè)腳）中。
編寫(xiě)有用的錯(cuò)誤消息： 沒(méi)有人喜歡收到錯(cuò)誤消息，因此請(qǐng)?zhí)峁┣逦腻e(cuò)誤描述和說(shuō)明，以幫助訪問(wèn)者改正錯(cuò)誤。
編寫(xiě)可解析的 HTML： 輔助技術(shù)通常使用網(wǎng)站的HTML文件將其內(nèi)容轉(zhuǎn)換為不同的格式。出于這個(gè)原因，您的頁(yè)面的HTML代碼應(yīng)該寫(xiě)得很好。對(duì)于可訪問(wèn)性，這意味著在需要時(shí)使用開(kāi)始和結(jié)束標(biāo)記，并避免元素之間的重復(fù) ID 和同一HTML標(biāo)記中的重復(fù)屬性。
現(xiàn)在您已了解什么是網(wǎng)站可訪問(wèn)性、為什么它很重要以及指南，讓我們看看在使您的網(wǎng)站更易于訪問(wèn)時(shí)可以依靠的一些工具。
今天有各種網(wǎng)絡(luò)可訪問(wèn)性測(cè)試工具可用。W3C在其網(wǎng)站上編制并分享了一份列表， 供您了解更多信息并相互比較。我們 也有 我們的工具推薦列表。
盡管沒(méi)有法律要求，但明智的做法是讓您的網(wǎng)站盡可能多地具有可訪問(wèn)性和 WCAG 合規(guī)性。現(xiàn)在您知道了為什么網(wǎng)站可訪問(wèn)性是必不可少的，您可以在您的網(wǎng)站設(shè)計(jì)中優(yōu)先考慮它。這將創(chuàng)造令人難忘且積極的用戶體驗(yàn)，并幫助您提高客戶忠誠(chéng)度。
成都小程序設(shè)計(jì)通過(guò)確保您的站點(diǎn)可訪問(wèn)，正在為對(duì)您的業(yè)務(wù)最重要的人（您的訪問(wèn)者和客戶）做正確的事情。在使您的網(wǎng)站易于訪問(wèn)時(shí)，請(qǐng)務(wù)必使用上面列出的工具并查看我們列出的示例以獲取靈感。
