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

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

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

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

登錄 Canada.ca

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

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

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

方法論

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

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

工具

我使用了以下工具：

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

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

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

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

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

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

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

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

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

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

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

需要說(shuō)明的是，即使谷歌燈塔的測(cè)試結(jié)果分?jǐn)?shù)高，也不意味著頁(yè)面的訪問(wèn)性更好。因?yàn)樽詣?dòng)化工具只能對(duì)可訪問(wèn)性的部分體驗(yàn)進(jìn)行測(cè)試，而非全部。

工具二：Axe DevTools

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

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

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

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

工具三：WAVE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

工具六：鍵盤(pán)

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

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

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

最后

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

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

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

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

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

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

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

首席增長(zhǎng)官CGO薦讀：

• 《首席增長(zhǎng)官 – 增長(zhǎng)黑客 Growth Hacker》
• 《小紅書(shū) – 增長(zhǎng)黑客 Growth Hacker》
• 《視頻號(hào) – 增長(zhǎng)黑客 Growth Hacker》

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

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