可訪問性研究，以加拿大網(wǎng)站尋求疫苗接種服務(wù)為例｜三分設(shè)

之前，我們對流行病網(wǎng)站普遍存在的體驗(yàn)問題，以及特殊人群通過網(wǎng)站查詢信息的困難性進(jìn)行了探討，并提出了一些方案猜想。例如，當(dāng)用戶在網(wǎng)站面臨可訪問性問題時(shí)，他們可以選擇與客服聯(lián)系，提出建議。

但隨著人們疫苗接種需求的的指數(shù)級增長，這些體驗(yàn)問題愈發(fā)嚴(yán)重，我們開始關(guān)注用戶如何查找接種地點(diǎn)、了解接種方式。

加拿大網(wǎng)站上為每個(gè)省或地區(qū)提供了登錄入口，方便用戶準(zhǔn)確選擇。但可訪問性測試的結(jié)果令我們大失所望，網(wǎng)站并沒有為大眾提供易于訪問的服務(wù)，以確保人們可以輕松獲得疫苗信息。這也意味著有些人更難進(jìn)入接種等候名單，而我們有義務(wù)幫助他們。

登錄 Canada.ca

我在加拿大網(wǎng)站上找到了疫苗專區(qū)，講述了如何獲得疫苗以及注冊提示。點(diǎn)擊進(jìn)入，出現(xiàn)了一些地域鏈接，如下所示：

• 亞伯達(dá) Alberta
• 英屬哥倫比亞 British Columbia
• 馬尼托巴 Manitoba
• 新不倫瑞克 New Brunswick
• 紐芬蘭和拉布拉多 Newfoundland and Labrador
• 西北特區(qū) Northwest Territories
• 新斯科舍 Nova Scotia
• 努納武特區(qū) Nunavut
• 安大略 Ontario
• 愛德華王子島 Prince Edward Island
• 魁北克 Quebec
• 薩斯克徹溫 Saskatchewan
• 育空 Yukon

我們開始對以上清單進(jìn)行逐個(gè)體驗(yàn)，了解它們各自對《Web 內(nèi)容可訪問性指南》的遵守程度，以找到更具包容性的在線體驗(yàn)。

方法論

由于每個(gè)省或地區(qū)可以按照自己的意愿組織信息，所以你會看到有的頁面信息非常擁擠，有的登錄頁選擇分屏呈現(xiàn)。因此，對這些頁面進(jìn)行基準(zhǔn)測試或體驗(yàn)排名，其結(jié)果僅供參考，不具備代表性。

我決定從最常見的問題入手，希望可以提升大家的數(shù)字閱讀能力。為了確保每個(gè)人都可以參與測試，我借用一些流行且免費(fèi)的自動化或半自動化工具。值得一提的是，瀏覽這 13 個(gè)登錄頁大概僅花費(fèi) 2 個(gè)小時(shí)，包括策劃活動所用時(shí)間。雖然專業(yè)知識會提升工作效率，但這些工具確實(shí)承擔(dān)了大量繁重的工作。

工具

我使用了以下工具：

• Google Lighthouse：一個(gè)瀏覽器擴(kuò)展程序，可以在 Chrome 瀏覽器的「開發(fā)者工具」中找到。
• Axe DevTools：由 Deque Systems 開發(fā)的瀏覽器插件，Chrome、Firefox 和 Edge都可以使用。
• Wave：由 WebAIM 提供的瀏覽器擴(kuò)展程序，在 Chrome 和 Firefox 中可使用。
• Landmarks：由 Matthew Tyle Atkinson 開發(fā)，Chrome 瀏覽器的擴(kuò)展程序。
• Hemingway 應(yīng)用程序：由 Adam 和 Ben Long 開發(fā)，可提供在線服務(wù)。
• 我的鍵盤：檢查網(wǎng)站是否提供了頁面的跳轉(zhuǎn)鏈接。

當(dāng)然，評估網(wǎng)站內(nèi)容的可訪問性還有很多方法，但這些工具可以為我提供足夠的信息了。

調(diào)查結(jié)果

由于這些頁面是政府開發(fā)維護(hù)的，其本質(zhì)會比大多數(shù)頁面更易訪問。

但當(dāng)服務(wù)對象是大眾時(shí)，“比大多數(shù)人更易獲得” 還遠(yuǎn)遠(yuǎn)不夠，尤其是應(yīng)對這類特殊事件（COVID-19 疫苗接種）。

盡管多數(shù)省或地區(qū)都用了某種形式的可訪問性準(zhǔn)則來管理網(wǎng)站，但體驗(yàn)結(jié)果依舊不盡人意。

我將每個(gè)工具的調(diào)查結(jié)果整理成了電子表格，將為大家逐一展示

工具一：谷歌燈塔 （Google Lighthouse）

谷歌燈塔測試結(jié)果截圖

作為一種快速了解體驗(yàn)狀況的基礎(chǔ)方法，谷歌燈塔[1] 的價(jià)值不容忽視。我經(jīng)常將它用作網(wǎng)站可用性體驗(yàn)測試的第一步。在測試結(jié)果中，有 13 個(gè)地區(qū)獲得滿分，例如新斯科舍、愛德華王子島和薩斯克徹溫，排名最后的是新不倫瑞克（89 分）和西北地區(qū)（83 分）。

[1]谷歌燈塔是一個(gè)前端性能優(yōu)化輔助工具，可以用來衡量代碼質(zhì)量。但測試者需要正確理解自動測試工具提供的分?jǐn)?shù)。分?jǐn)?shù)可以為手動測試奠定一定的基礎(chǔ)，更好的挖掘工具無法涉及的部分。Lighthouse 使用軸芯可訪問性測試庫及其一組自定義規(guī)則進(jìn)行測試。它指出了一些不良做法，但并非全部。其做法本身并無問題，但如果我們?yōu)E用它們，可能是有害的。

需要說明的是，即使谷歌燈塔的測試結(jié)果分?jǐn)?shù)高，也不意味著頁面的訪問性更好。因?yàn)樽詣踊ぞ咧荒軐稍L問性的部分體驗(yàn)進(jìn)行測試，而非全部。

工具二：Axe DevTools

axe DevTools 測試結(jié)果截圖

Axe DevTools[2] 是我最喜歡的可訪問性測試工具。它的誤差很小，研究結(jié)果更準(zhǔn)確，并且對 Web 內(nèi)容可訪問性指導(dǎo)原則的解釋也非常到位。雖然這個(gè)工具對了解 HTML 的用戶更友好，但測試者還是可以很輕松獲得問題要點(diǎn)，不需要深入研究源代碼。

[2] Axe DevTools 是世界領(lǐng)先的數(shù)字可訪問性工具包。Axe DevTools 幫助 Web 和移動開發(fā)團(tuán)隊(duì)在編碼時(shí)捕獲可訪問性錯(cuò)誤，從而大大減少了手動進(jìn)行可訪問性測試的時(shí)間和成本。

測試結(jié)果表明，加拿大、新斯科舍、愛德華王子島和薩斯克徹溫的可訪問性問題幾乎為 0，而其他登錄頁都存在幾個(gè)或幾十個(gè)問題，其中 37 個(gè)問題都是關(guān)于色彩對比度的。但請注意，問題的數(shù)量不代表問題的嚴(yán)重性，更少的問題也不等同于好的體驗(yàn)。

工具三：WAVE

Wave 測試結(jié)果的屏幕截圖

Wave 是由 WebAIM 提供的網(wǎng)頁無障礙測試工具，能夠發(fā)現(xiàn)網(wǎng)站中可能影響老人和視障人士的設(shè)計(jì)問題，并給出改進(jìn)建議。它對于可訪問性問題的表達(dá)更直觀，會通過一組圖表來指明問題，對不熟悉編碼的人相當(dāng)友好。它有一套獨(dú)特的評估標(biāo)準(zhǔn)，雖然這個(gè)標(biāo)準(zhǔn)還未達(dá)成共識，有時(shí)被視為固執(zhí)己見，但它仍是一個(gè)優(yōu)秀的工具。對于不太習(xí)慣的使用 HTML 代碼的用戶，WebAIM 是一個(gè)不錯(cuò)的選擇。

在 WebAIM 測試結(jié)果中，加拿大、馬尼托巴、新斯科舍以及育空的登陸頁問題為零，而西北地區(qū)和努納武特分別有 9 處問題。出乎意料的是，安大略省此次排名很低，總共有 12 處問題。但所有的問題又可以歸結(jié)為同一類 —— 與 Ax DevTools 檢測出的問題相同 —— 色彩對比度。

工具四：地標(biāo)（Landmarks）

地標(biāo)測試結(jié)果截圖

Landmarks 可以通過語音將測試結(jié)果告知用戶，對視力障礙者非常友好（但使用過程并不輕松）。在網(wǎng)絡(luò)的早期，導(dǎo)航或其他輔助工具往往提供的是一種線性使用過程。如今這種情況已不復(fù)存在。

地標(biāo)能夠輕松識別頁面的不同區(qū)域，例如頁眉、內(nèi)容、頁腳等，使用者可以通過鼠標(biāo)直接聚焦到某個(gè)內(nèi)容區(qū)域，而不需要依靠線性移動來實(shí)現(xiàn)錨定。

因此，只要測試對象能正確的展示地標(biāo)，就意味著人們可以輕松的利用輔助技術(shù)來認(rèn)知信息。地標(biāo)的使用效果深深的吸引了我，為了熟悉此工具，我進(jìn)行了反復(fù)的測試。值得慶幸的是，測試結(jié)果表明，這 13 個(gè)登錄頁的地標(biāo)信息相當(dāng)明確。

工具五：海明威應(yīng)用程序（Hemingway App）

海明威應(yīng)用程序測試結(jié)果截屏

網(wǎng)頁上顯示的副本復(fù)雜性，是可訪問性測試一個(gè)容易被忽視的方面。簡單點(diǎn)說，就是弄清楚：普通用戶（加拿大人）能夠理解頁面指示，完成疫苗預(yù)約嗎？

副本過于復(fù)雜導(dǎo)致用戶理解成本高，同樣會使網(wǎng)站價(jià)值大打折扣。根據(jù)加拿大統(tǒng)計(jì)局和   CBC 于 2021 年初發(fā)表的文章，超過一半的加拿大人在閱讀方面有困難，超過 1/6 的人沒有通過最基本的掃盲測試。

為了應(yīng)對這一現(xiàn)狀，《Web 內(nèi)容可訪問性指南》和《普通語言原則》建議，網(wǎng)站閱讀難度不要超過初中教育水準(zhǔn)。

像海明威這樣的工具可以有效測量副本的復(fù)雜度。比如 單詞、句子的長度、被動語態(tài)等內(nèi)容。通過算法給副本定級，并幫助作者重寫內(nèi)容，提升網(wǎng)站包容性。

測試結(jié)果表明，大多數(shù)登錄頁得分相當(dāng)不錯(cuò)，最低的閱讀水平相當(dāng)于 4 年級，最高為 11 級，都在合理范圍內(nèi)。

工具六：鍵盤

加拿大網(wǎng)站跳轉(zhuǎn)鏈接截圖

除此之外，我還想檢查下登錄頁的導(dǎo)航系統(tǒng)是否有效。測試執(zhí)行非常簡單，僅用鍵盤的 Tab 鍵，在標(biāo)題、主導(dǎo)航菜單以及左側(cè)邊欄中的鏈接和表單控件上反復(fù)跳轉(zhuǎn)即可，查看操作是否順暢，以及跳轉(zhuǎn)內(nèi)容是否正確。

這樣的鏈接在可訪問性網(wǎng)頁非常普遍，令我驚訝的是，一些省份的登錄頁并沒有提供這樣的操作，例如新不倫瑞克、西北地區(qū)、愛德華王子島和魁北克。

最后

正如前面提到的，這些測試在兩個(gè)小時(shí)內(nèi)就已完成，從可訪問性專家的角度來看，平均   9 分鐘的測試無法真正揭示問題。

要真正評估這些登錄頁的可訪問性，還需要做很多工作，這些只是非?；镜臏y試，僅能獲得一些較為明顯的問題，例如色彩、鏈接跳轉(zhuǎn)等。但希望可以給予那些參與創(chuàng)建或維護(hù)的設(shè)計(jì)者們一些提示。

為更多用戶提供便利、利益最大化的設(shè)計(jì)，讓殘疾人士也可以輕松訪問，讓每個(gè)人都受到歡迎和關(guān)愛，早日結(jié)束疫情。

—— 如果覺得文章還OK，請轉(zhuǎn)發(fā) ——

特別提示：關(guān)注本專欄，別錯(cuò)過行業(yè)干貨！

PS：本司承接 小紅書 / 淘寶逛逛 / 抖音 / 百度系 / 知乎 / 微博/大眾點(diǎn)評 等 全網(wǎng)各平臺推廣；

咨詢微信：139 1053 2512 (同電話)

首席增長官CGO薦讀：

• 《首席增長官 – 增長黑客 Growth Hacker》
• 《小紅書 – 增長黑客 Growth Hacker》
• 《視頻號 – 增長黑客 Growth Hacker》

更多精彩，關(guān)注：增長黑客（GrowthHK.cn）

增長黑客（Growth Hacker）是依靠技術(shù)和數(shù)據(jù)來達(dá)成各種營銷目標(biāo)的新型團(tuán)隊(duì)角色。從單線思維者時(shí)常忽略的角度和高度，梳理整合產(chǎn)品發(fā)展的因素，實(shí)現(xiàn)低成本甚至零成本帶來的有效增長…