社群精選內容:Elisa Bandy

Elisa Bandy 是 Google 員工,致力於開發內部工具的網頁無障礙工具和相關說明文件。

這篇文章主要介紹社群專家,這是「學習無障礙中心」的一部分。進一步瞭解 Google 的無障礙計畫和研究

Alexandra White:我幸運地打電話給你。你會如何介紹自己和你的工作?

Google 技術文件撰稿人 Elisa Bandy。

Elisa Bandy:我是 Elisa,填寫 Google 內部工具和基礎架構的說明文件。

Alexandra:太厲害了。有多少人一起工作?

Elisa:我們廣大的團隊約有 40 名員工,成員包括技術撰稿人、教學設計師和專案經理。我 6 年前剛成立時 團隊中只有四名成員

Alexandra:你在 Google 之前的是什麼?

Elisa:本週我從事電玩遊戲開發工作。然後我週末去修鞋

Alexandra:開始使用 Google 後,您是否開始著手打造網頁無障礙設計?

Elisa:是,但要到面前大約一年半左右。我任職於 Google 內部說明文件的無障礙功能工程在此之前,這些文件並非依照無障礙設計。任何方便存取的文件功能都是一個令人振奮的意外。

其中存在巨大的問題,從色彩對比完全不適合連結。這些資料表是絕對雜訊,如果您放大了畫面,所有大小的資料都會維持不變,因為兩者的定義是像素,而非 rem。我自願解決上述所有問題。然後,我才繼續修正更多問題五年後,我還在線上

Alexandra:您已建立了一個具備無障礙專業知識和技能的使用者,在解決部分所需問題時也已經得到解決。

Elisa:是的,我想我們說 [笑聲]。身為身心障礙人士 我知道要考慮無障礙設計並不容易。沒有這些無障礙考量,無法讓我 同事和同事感到危險沒有其他人在修那個。於是我就解決相關問題

我不需要任何人都該要求無障礙功能。且應從一開始就內建。

優先處理無障礙設計用途

Alexandra:將網路無障礙化繁為簡,對吧?每個人對不同身心障礙的需求不盡相同如何決定應優先完成的項目?

Elisa:我有很多工作就是排定優先順序。例如,某些特定用途是否 100% 完全可存取的重要性?並檢視大量資料:有多少百分比的人口遭到停用?有多少人遇到特定無障礙問題?

舉例來說,ChromeVox (Chromebook 內建的螢幕閱讀器) 目前有一部分使用者使用。如果 ChromeVox 中有問題,我必須分別瞭解使用 ChromeVox 和 Jaws 以及 NVDAVoiceOver 的人數。

只在外部使用 ChromeVox。由於 Google 是 Google,許多人將 Chromebook 做為主要工作裝置,因此 ChromeVox 對內部說明文件非常重要。也許 ChromeVox 錯誤的速度比 VoiceOver 錯誤或 NVDA 錯誤來得高

一般來說,我會先嘗試修正主要的螢幕閱讀器的問題。色彩往往會導致點擊或漏錯,因為有大量的擴充功能會繞過色彩問題,尤其是高對比模式下。

Alexandra:您提到了資料,這對 Google 來說非常重要 (當然)。我們都會聽到「運用資料備份您的想法」。如何收集 Google 無障礙設施的資料?

Elisa:我非常仰賴 Google 身心障礙聯盟收集的資料。我經常要核對 WebAIM 的問卷調查。

無障礙文化

Alexandra:告訴我 Google 打造無障礙的文化。

Elisa:如今已迅速發展,具有資金和廣泛的疑慮。我發現幾乎所有人都想做正確的事我們的同事需要教育資源,說明如何做正確的事 以及如何將無障礙設計視為優先要務

在未正確實作的情況下重新建構應用程式或網站/任何內容是「困難」。所以我有一部分要請工程師思考 在產品開發之前,將無障礙功能融入初始設計中大家都很樂於傾聽這一點 連他們都樂在其中!

我從未在整合無障礙功能一次,且這個問題很容易解決。

Alexandra:可以進一步說明嗎?

Elisa:第一次加入無障礙工程時,我只有 20% 的時間。有些人不瞭解我們把重點放在無障礙工具上的原因。 有人說:「只有 1% 的人口無法使用。」我本身也十分瞭解

當然,很多人不在乎,說來就是小群人,並不重要。

Alexandra:尤其是當你的會員。瞭解你的觀眾!

Elisa:我從沒聽過「噢,這只有 1%」。「唯一」讓這件事變得不重要但當您考量全球人口時,就表示這個人數「很多」。有不少 Google 員工。而且許多身心障礙都低於回報

Alexandra:我們知道超過 1% 的人口會受到身心障礙影響。WHO 報告指出,有超過 10 億人患有身心障礙,其中 22 億人患有某種視障!當然,嚴重程度各不相同,某些視障人士並不會認為自己遭到停用。但這些失能因素 會影響網頁的互動功能

Elisa:沒錯。

培養自己的專業知識

Alexandra:在開始無障礙設計之前,你是否有任何建議?

Elisa:並非每個事物都難不懂,無障礙設計是幅員遼闊的開闊空間我知道很多事情我不知道。我擁有一組特定的技能因為我知道哪裡可以找到 無障礙功能最佳做法的相關資訊。

即便是我自身的專長、螢幕閱讀器和色彩對比,我每天也會學習新事物。我真的很失聰,但不是隱藏式輔助字幕的無障礙工具專家我知道哪些做法適合我,但我不知道哪些方法適合其他人 這樣的話,我就得尋找最佳做法。

Alexandra:並不是每種無障礙功能的絕對專家,你要如何協助工程師學習無障礙模式?

Elisa:我與對無障礙功能感興趣的工程師密切合作。我會殺了她一個錯誤,告訴她我該如何修正這個問題。接著我會逐一說明最佳做法她可能會在查看其他文件時發現他們建議採取一個做法,但基於 XYZ 原因而無效。

網頁無障礙的重點在於,沒有大量具體的程式碼範例,因為沒有兩位使用者以相同方式建構相同的功能。所以你可以自行建構解決方案許多人等到一切都拼湊在一起 才會開始考慮無障礙您此時打算怎麼做?您會想要拆解並放回所有測試,並重新編寫所有測試嗎?不對,不是。你一定會吃東西。

這表示您需要瞭解已停用使用者會如何預期應用程式運作,然後建立程式碼模型,使其執行該函式。也許看起來不是完美的程式碼範例或包含包容的元件,但最終,只要能可靠執行同樣的函式,那肯定會很優異。

Alexandra:我聽起來你表示,取得正面成果的重要性,而不用擔心我們前往錯誤的方法。

Elisa:是。如實為結尾,確實反映了本案的用途。 請務必瞭解螢幕閱讀器使用者或其他遭停用功能應如何運作,這點非常重要。

共有數十億個 ARIA 角色,不可能知道每個角色都相同。此外,有些螢幕閱讀器甚至不支援所有螢幕閱讀器!因此,您必須瞭解使用者的需求 才能為他們打造專屬應用程式

Alexandra:在建立內部說明文件或為 Google 工程師提供支援時,您是否有需要用到的常見外部資源?

Elisa:我非常仰賴 W3C 指南。有助於瞭解相關做法。WebAIM 是另一項非常好的資源,我覺得技術實作方面比較好。我也很喜歡 Mozilla 文件,其中九次是我的搜尋,如果在 10 次中搜尋,便在 MDN 網路文件中得到解答。

我喜歡 inclusive-components.design,如果希望這個程式庫是您的無障礙元件程式庫,這個做法就很適合您。

Deque University 有許多最佳做法。在回報錯誤或教導他人如何遵循特定模式時,我會用它來做為參考。

親自體驗無障礙工具

Alexandra:如何掌握使用者受到的影響?你的專業知識能幫助色盲者和螢幕閱讀器的使用者,我們先從這些地方開始說起。

Elisa:適用於色彩視覺障礙和色盲者,可使用模擬器和模擬器,您自己看不見其他人所看到的畫面。如果發現飽和度真的不佳,在透過模擬器執行模擬時,可以確認它根本無法辨識。

為了支援螢幕閱讀器使用者,想要瞭解螢幕閱讀器,最好的方法就是實際使用螢幕閱讀器。請先閱讀教學課程,這是重點。有些人在開啟這項功能並嘗試隨意操作時,會感到很失望,這很不適合學習如何使用。需要超過 5、10 或 20 分鐘請至少使用這項工具一小時,瞭解仰賴這項技術的使用者面臨的一些難題。

我堅信每個人都在人生的某個時刻 必須使用無障礙技術。舉例來說,我最近受傷了,無法使用滑鼠,所以我連續使用鍵盤好幾個禮拜。真是令人困擾。這些類型的練習有助於您成為身心障礙者,試圖探索充滿體能的世界。

模擬器實用但不等於身心障礙

Alexandra:我或任何開發人員顯然使用模擬工具的體驗,與有視障人士不同。

Elisa:您隨時可以與已停用的使用者交談,瞭解對方的使用體驗。打造同理心時,請務必記住,經常使用這些工具的人永遠比您更擅長。身心障礙者前往自己的空間會變得更好,因為這是使用者的所在身體。

我擔心從事這些同理練習的人,沒有更好的用語,認為自己知道人們做了什麼。他們突然認為自己是該經驗的專家。你不是很熟悉這項經驗的專家如果您有體力,您就不是螢幕閱讀器的專家。即使我在這個領域工作,我還是不太擅長著色盲技術。我不是螢幕閱讀器的專家。

我是聽障方面的專家,我非常擅長需要助聽器和我每天的導航服務。但我更不擅長瞭解他人的失聰體驗

無障礙工程領域,最糟糕的做法是需要自我保護。不管做什麼,你都只會搞定。這不是我們不希望有人因為有相同的身心障礙需求而感到不悅。不同人對於無障礙和身心障礙的觀點都相同。雖然您無法 100% 完成所有操作,但這並不表示不應嘗試。您絕對無法做到完美,但無論如何,還是力求精益求精。

您可能會收到重要的意見回饋,有人可能會說「產品無法存取!」

Alexandra:模擬工具支援不同的學習風格,在展現產品的過程中遇到一些導致使用者可能遭遇的問題。但是,這不同於透過他們日常使用的無障礙工具體驗產品。

Elisa:有人關閉聲音後唸出字幕後,突然發現 這些自動產生的字幕,是不是很害怕的?是的。我比我看到字幕了。有些身心障礙者不需要使用這些工具,就能模擬自身經驗並抱怨工具。真令人沮喪

但我也不想成為必須坐在自己身邊的人,不斷一再回味我經歷的失聰人士體驗。 每次都這樣。為了讓人能瞭解我們的體驗,我們必須決定他們對購物體驗的反應。

話雖如此,這類「體驗」就像是盲人用餐和品嚐葡萄酒」 也使得我很瘋狂。這就像在扮演身心障礙一樣。不過,如果您想瞭解使用者使用功能的方式,或是讀者如何閱讀網頁,沒有問題。事實上,這些都是最低標準。請自在地看個小時 看看這些東西實際上是如何運作的這真的很重要。

瞭解使用者如何瀏覽您的網站。你可能會想「為什麼在頂端顯示橫幅警告 這樣所有連結都會在新分頁中開啟?」因為使用者可能沒在閱讀橫幅從橫幅開頭的網頁。在設計設計時,請將身心障礙者納入考量。

做一件事:停止建構無限捲動功能

Alexandra:您有什麼希望工程師可以開始改善網站的無障礙程度嗎?

Elisa:無限捲動是輕巧的,絕不會讓任何人使用。我找不到東西,我需要找到東西!而且效能也相當糟糕。

此外,在 DOM 周圍移動物件也實在很煩。分頁順序很重要,對鍵盤使用者來說更是如此。


進一步瞭解 Google 的無障礙計畫和研究。 除了「學習無障礙設計」中的網頁開發資源,Google 也打造了無障礙說明文件課程:無障礙技術編寫

歡迎透過 Twitter (@GoogleAccess) 追蹤 Google 無障礙中心團隊,並透過 @ChromiumDev 追蹤 Chrome 團隊。