為所有人打造產品:無障礙Accessibility是什麼?

A11y新手村🏕
a11yvillage
Published in
Jun 30, 2022
裝飾型封面圖片

你有想過你日常習以為常使用的產品與服務,舉凡金融、醫療、交通、教育等領域,世界上有另一群人無法使用嗎?在網路開始變成了新的基礎設施,提供許多人前所未有的便利時,有一群人仍然被排除在這樣的浪潮之外。

為了查看這個月的帳戶餘額,小伍到網路銀行進行登入,可是在輸入驗證碼的時候卻受到阻礙!雖然明眼人直接就可以看到驗證碼上的文字和數字,但螢幕閱讀器卻沒有辦法讀到圖片上的資訊。於是小伍只好把圖片另外下載下來,再透過 Be My Eyes 的線上志工的協助,才終於完成登入任務⋯⋯

螢幕截圖:圖片驗證碼示意圖

誰需要網路無障礙?

像小伍這樣的故事不是特例。

平常大家操作電腦的時候會不會使用滑鼠或是觸控板呢?

滑鼠的操作很直覺,作為最常見的電腦配備之一,點擊、選取、拖曳、移動、滾動等,滑鼠能夠做到十分多的動作,也因此我們常常習慣使用移動鼠標跟電腦與網頁互動。

但你有想過如何不使用鼠標,只使用鍵盤來瀏覽網站甚至是進行複雜的電腦操作嗎?

有些視障者使用者因為看不到螢幕,所以沒有辦法使用滑鼠來操作電腦。取而代之的是一種叫做螢幕閱讀器(Screen Reader)的輔助科技來操作。螢幕閱讀器可以把螢幕上顯示的東西用聲音唸出來,使用者就可以依照念出來的東西使用鍵盤來跟電腦互動。

另外,不同程度的肢體障礙者或是有帕金森氏症的使用者,他們也無法或是較難使用滑鼠進行操作。在這種情況下,他們也會使用安定性較高的鍵盤而不是滑鼠來使用電腦。

邀請你可以試試看只使用鍵盤來操作看看平常常用的平台或網站,看看能不能成功瀏覽甚至完成任務,我相信你會跟我們一樣遇到很多挫折😂

然而這就是障礙者上網所會遇到的日常問題。視覺障礙,聽覺障礙,肢體障礙,閱讀學習障礙等,其實障礙者使用者在使用網路產品時往往還是會陷入像上面的故事中的問題,不管是驗證碼或是無法操作的元件,都使他們無法正常使用他們需要的服務。

就像是使用者中心的產品,無障礙也一樣需要開發者意識到問題並且有意識地進行對策與改善。包括前期的使用者調查,設計及開發上的注意點,加上有意識的使用者測試,才能打造出無障礙的產品,也就是我們想要介紹給大家的無障礙設計。

所以無障礙是只是為了障礙者的特別措施嗎?

看到這裡,不知道你會不會覺得「好,我知道了!所以無障礙就是為了障礙者們的特別措施!我們應該要為這些障礙者努力!」

但是值得一提的是,障礙者是可以從無障礙設計中受益的主要族群(畢竟有許多網站與產品他們現在仍無法使用),但是無障礙並不只是為了障礙者而做的。

舉個生活中常見的例子:在各個場所都會出現的無障礙斜坡。無障礙斜坡最初是為了無法攀爬樓梯的人而設計的。像是無障礙斜坡上出現的標示一樣,我們總會想像輪椅使用者是主要的客群。然而仔細回想一下,你在生活中有沒有使用過無障礙斜坡呢?不論是推著嬰兒車,菜籃,行李箱,有時候甚至只是腿痛到無法爬樓梯,我們每個人都是無障礙斜坡的使用者。

圖片:路邊”step free route”的標示

實際上,在我們後面會提到的許多網路無障礙科技,也都在經過發展之後成為我們日常生活中必不可少的一環。影片字幕是輔助聽覺障礙者理解聲音內容的科技,但是例如在機場等或是不能聽到聲音的情況下,字幕也可以有效幫助聽覺障礙者以外的使用者來正確理解資訊。

雖然聽起來無障礙離我們的生活很遙遠,但是我們自己與身邊親密的人都可能在某些時候,也許是萬一出了意外或是單純的衰老而身體機能退化,我們都可能或短暫或長期地需要使用到這些輔助科技。

有一位使用者在成為新手媽媽之後親自體會到無障礙的重要性:以往可能可以悠閒地在假日的下午躺在沙發上一邊泡熱茶一邊優雅地上網買衣服,現在可能常常需要單手抱著孩子一邊操作手機,或是半夜四點還得上網採買必需品等等。

以這個例子來說,單手操作手機讓人短暫的無法使用完全的肢體能力,假設一個電商網站沒有設計好手機頁面,需要使用者自己放大縮小,又或者是輸入一大堆不必要的資訊等,勢必也會造成困擾。

半夜四點買東西其實也十分考驗人的精神力,大多數時候照顧一天孩子,沒有人能夠還能保持完全的精神來操作網站,也因此我們需要把網站的流程與編排設計地盡量直覺與好懂。

上面這些考量的點其實也是無障礙設計的核心理念與目標之一。

無障礙設計的理想是打造不論年齡,身體特徵等要素都可以平等的使用網路的環境,不是「為了某些特定的少數族群而做的特別措施」,是為了所有人的未來。

我們是誰?會介紹什麼?

我們是一群關注 accessibility 的人組成的團隊,有感於 accessibility 在臺灣仍罕為人知,希望透過各種形式與主題將此概念推廣給大家。不論你是設計師、工程師,我們相信只要願意多一點了解,創造的產品與服務就會減少一分不便,增加一分友善。

我們之後預計會分享的內容會以無障礙設計為中心,例如:

  • 認識使用者:我們會邀請障礙者分享他們日常生活中會使用什麼樣的產品,會遇到怎麼樣的困境。
  • 輔助科技的詳細介紹:對於screen reader的理解只知道他是會把螢幕的字唸出來嗎?讓screen reader使用者告訴你其中的門道。另外還有螢幕放大功能,色彩與對比度等常見的無障礙注意點跟輔助科技等主題。
  • 常見的無障礙設計陷阱:設計師日常會以使用者為中心設計,但是這樣的設計是不是有可能讓使用輔助科技的使用者無法正常使用呢?我們將拆分一個個小主題來探討各個設計方案在無障礙面向的優缺點。

謝謝把這篇文章看到這裡的你,也希望接下來的內容可以帶給你的設計,開發,產品規劃等一些新的思路與啟發,也歡迎訂閱我們收到來自我們最新的accessibility情報!

本文作者:Sam

社科出身的產品設計師,關心包容性設計相關議題。喜歡探索社會、人與設計的交互關係。在日本奮鬥中💪

Sam的Linkedin

--

--

A11y新手村🏕
a11yvillage

每週分享Accessibility相關原創文章,實用性內容包含原理,UX/UI設計到開發實作等,也會訪問障礙者與正在Accessibility實踐路上耕耘的人,邀請你入村跟我們一起創造包容友善的世界🏕