<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          如何做可訪問性研究?用這 6 個工具就夠了

          共 4354字,需瀏覽 9分鐘

           ·

          2021-12-31 16:35

          點擊 "TCC翻譯情報局關(guān)注,回復 "社群" 加入我們


          本文共 3980 字,預計閱讀 10 分鐘

          TCC 情報局的 第 101 篇 干貨分享

          2021 年的 第 89 篇


          加拿大 COVID 疫苗接種網(wǎng)站是一個面向全社會的政府型服務平臺。為了確保各類用戶能夠順利訪問并完成申請,作者借助 6 種自動化或半自動化工具對 13 個地區(qū)的登錄頁進行了體檢,提倡為更多用戶提供便利、利益最大化的設(shè)計,關(guān)注殘疾人士的使用體驗。令人輕松的是,這些工具快捷且易操作,能夠在進行正式的可訪問性測試之前,為我們找到明顯的體驗問題,給予設(shè)計者和開發(fā)人員有效提示??靵碚J識下這些有趣且智能的測試工具吧~

          Shutterstock

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

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

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


          1. 登錄 Canada.ca


          我在加拿大網(wǎng)站上找到了疫苗專區(qū),講述了如何獲得疫苗以及注冊提示。點擊進入,出現(xiàn)了一些地域鏈接,如下所示:
          • 亞伯達 Alberta
          • 英屬哥倫比亞 British Columbia
          • 馬尼托巴 Manitoba
          • 新不倫瑞克 New Brunswick
          • 紐芬蘭和拉布拉多 Newfoundland and Labrador
          • 西北特區(qū) Northwest Territories
          • 新斯科舍 Nova Scotia
          • 努納武特區(qū) Nunavut
          • 安大略 Ontario
          • 愛德華王子島 Prince Edward Island
          • 魁北克 Quebec
          • 薩斯克徹溫 Saskatchewan
          • 育空 Yukon

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


          2. 方法論


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

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


          3. 工具


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

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


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


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

          但當服務對象是大眾時,“比大多數(shù)人更易獲得” 還遠遠不夠,尤其是應對這類特殊事件(COVID-19 疫苗接種)。

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

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

          1)工具一:谷歌燈塔 (Google Lighthouse)


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

          作為一種快速了解體驗狀況的基礎(chǔ)方法,谷歌燈塔[1] 的價值不容忽視。我經(jīng)常將它用作網(wǎng)站可用性體驗測試的第一步。在測試結(jié)果中,有 13 個地區(qū)獲得滿分,例如新斯科舍、愛德華王子島和薩斯克徹溫,排名最后的是新不倫瑞克(89 分)和西北地區(qū)(83 分)。
          ([1]谷歌燈塔是一個前端性能優(yōu)化輔助工具,可以用來衡量代碼質(zhì)量。但測試者需要正確理解自動測試工具提供的分數(shù)。分數(shù)可以為手動測試奠定一定的基礎(chǔ),更好的挖掘工具無法涉及的部分。Lighthouse 使用軸芯可訪問性測試庫及其一組自定義規(guī)則進行測試。它指出了一些不良做法,但并非全部。其做法本身并無問題,但如果我們?yōu)E用它們,可能是有害的。)

          需要說明的是,即使谷歌燈塔的測試結(jié)果分數(shù)高,也不意味著頁面的訪問性更好。因為自動化工具只能對可訪問性的部分體驗進行測試,而非全部。

          2)工具二:Axe DevTools


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

          Axe DevTools[2] 是我最喜歡的可訪問性測試工具。它的誤差很小,研究結(jié)果更準確,并且對 Web 內(nèi)容可訪問性指導原則的解釋也非常到位。雖然這個工具對了解 HTML 的用戶更友好,但測試者還是可以很輕松獲得問題要點,不需要深入研究源代碼。
          ([2] Axe DevTools 是世界領(lǐng)先的數(shù)字可訪問性工具包。Axe DevTools 幫助 Web 和移動開發(fā)團隊在編碼時捕獲可訪問性錯誤,從而大大減少了手動進行可訪問性測試的時間和成本。)

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

          3)工具三:WAVE


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

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

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

          4)工具四:地標(Landmarks)


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

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

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

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

          5)工具五:海明威應用程序(Hemingway App)


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

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

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

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

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

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

          6)工具六:鍵盤


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

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

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


          5. 最后


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

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

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




          往期精選文章:

          十個技巧幫助你設(shè)計一款在線學習 APP

          這些色彩心理學知識教你如何傳遞信息

          案例研究|康奈爾大學副業(yè)社區(qū)網(wǎng)站設(shè)計

          Web Vitals —— 谷歌的新一代 Web 性能體驗和質(zhì)量指標

          網(wǎng)頁設(shè)計師能從日式美學中學到什么?

          案例研究|一款為你帶來難忘體驗的美食 APP

          如何制作打動面試官的作品集,這里有一份完整的指導手冊

          如何做好用戶體驗項目?從一個好計劃開始

          如何建立設(shè)計系統(tǒng)

          如何把握不同層級用戶的需求:回歸本質(zhì),打磨信息架構(gòu)

          TCC 視野|2021 年用戶體驗設(shè)計趨勢分析



          - 設(shè)計師自習社區(qū) -

          TCC 設(shè)計情報局歡迎小伙伴加入,一起交流設(shè)計知識,了解全球設(shè)計資訊,鍛煉英文能力,發(fā)掘更多可能性~

          添加小助手微信,備注「社群」,即可加入讀者群。


          瀏覽 48
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  特级西西人体4444XXXX | 蒙古一级黄片 | 天天操夜夜拍免费视频 | 天天日夜夜操B | www.99热这里只有精品 www国产夜插内射视频网站 |