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